Angular 15 CRUD by using Material UI components| Using Json-Server | GYM Registration App in Angular

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ธ.ค. 2024

ความคิดเห็น •

  • @debankurbhattacharjee3021
    @debankurbhattacharjee3021 ปีที่แล้ว +6

    in 1:07:36 you made
    const weight = this.registerForm.value.height;
    but it will be
    const weight = this.registerForm.value.weight;

  • @Tarif_Ansari_X
    @Tarif_Ansari_X 7 หลายเดือนก่อน

    I am fresher and first time I am working on Angular 17 and your video is based on angular 15 but I can easily understand .
    thank you for this video you are really amazing and your video is very helpful for me love you bhai..

    • @letsprogram30
      @letsprogram30  7 หลายเดือนก่อน

      Yes you can still follow the video! If you find any difficulties at any steps, do let me know

  • @qwerty-dz4vz
    @qwerty-dz4vz ปีที่แล้ว +1

    You projects helped me learn angular concepts and switch from my shitty support project to a project on angular. Tyvm.

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      Wow I’m glad it helped you😊

  • @SniperCharliex
    @SniperCharliex ปีที่แล้ว +3

    Step 1- 9:20
    Step 2-10:44
    Step 3-21:38
    Step 5- 54:50
    Step 6 - 1:10:23

    • @GGSoft2009
      @GGSoft2009 ปีที่แล้ว

      Thanks for timetable

  • @vinay619
    @vinay619 ปีที่แล้ว +2

    Finally completed watching this video, Great video Sashi, helped me to get good insights on Crud operation
    Always inspired the way you explain things❤️
    Thanks Sashi🙌

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      I’m glad you liked it 🙂

    • @vinay619
      @vinay619 ปีที่แล้ว

      @@letsprogram30 Yes Sashi

  • @dipakdutta3219
    @dipakdutta3219 ปีที่แล้ว +2

    You are using a Angular Plugin for VS-Code at 1:12:37 to generate component, service etc. Please let us know the plugin, we also want to have it.

    • @ben_5466
      @ben_5466 ปีที่แล้ว

      Nx Console

  • @hirushamalith7801
    @hirushamalith7801 ปีที่แล้ว

    Cool one ,nicely present all the very best !

  • @mohammadfarhankhan677
    @mohammadfarhankhan677 8 หลายเดือนก่อน

    Nice one. Great Job

  • @hamzaosmanbofobia9685
    @hamzaosmanbofobia9685 ปีที่แล้ว

    Thank you for the wonderful and beautiful work there. Keep it up and May God richly bless you.

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      Thank you so much, it means a lot🙂

  • @luisfernandodeolazabalsche3317
    @luisfernandodeolazabalsche3317 ปีที่แล้ว

    Great video, today I can only do half of the video, the mixture you make of bootstrap and material seems great to me, you use the best of both worlds, thank you very much.

  • @maheshshirsat9075
    @maheshshirsat9075 11 หลายเดือนก่อน

    1:21:08 I am getting some error when I write lib-ng-toast selector like "lib-ng-toast" is not a known element. Have u changed selector?

    • @letsprogram30
      @letsprogram30  11 หลายเดือนก่อน +1

      Yup you can follow this blog: blog.letsprogram.in/blog/647990c15960050b58aca375

    • @maheshshirsat9075
      @maheshshirsat9075 11 หลายเดือนก่อน

      thanks @@letsprogram30

  • @jagadeeshthota9678
    @jagadeeshthota9678 ปีที่แล้ว

    Hi bro. At 1:00:45 after submitting everything i have clicked on submit button. When i made inspect there is not data in console. Can you help me why i can't be able to see the data in console.

  • @xO_ADX_Ox
    @xO_ADX_Ox ปีที่แล้ว

    For the next time can u show how to add a lateral bar like administrtion, with multiple CRUD like: users, customers etc... the routing it's very important topic to dive more in. Thank u for all the hard work u are doing

  • @sujis3524
    @sujis3524 ปีที่แล้ว

    Really done a very very great job brother. Thanks a lot. clearly understood & learnt many things from this video. Thank you so so much. keep updating more videos in angular material & springboot. Once again thank you brother..

  • @JayCeeNiet
    @JayCeeNiet ปีที่แล้ว

    Hello sir, can you have a part 2 of this but with JWT Token and some Interceptors and Guard. This fully covers the entire being as entry front-end. I hope you can make this. I really love your videos. I am becoming a Front-end dev because of your videos. I hope you can cover these JWT Token and some Interceptors and Guard too and try to explain your thought process in why you came up with this and where should this part connect. It really helps a lot! I am watching your videos always and trying to apply it to my task as this is the task I was given for someone who is On-The-Job(OJT) Training making a CRUD with JSON-server. Please continue what you are doing sir for the students who really are passionate in programming but having a hard time understanding concepts and applying them by making projects. I hope you can read this sir! Thank you very very much!

  • @brogidey860
    @brogidey860 ปีที่แล้ว +1

    Love your tutorials.. thanks for implementing the view details button as I requested in your previous video.

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      I’m glad you liked it!
      Keep supporting!

    • @brogidey860
      @brogidey860 ปีที่แล้ว

      Good Teacher! Good tutorial.. I will request you create a crud tutorial using mongodb instead of json server. Thanks

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      @@brogidey860 sure buddy the video will be released soon

  • @herearts7051
    @herearts7051 ปีที่แล้ว +2

    Thanks for great project example! & for your efforts ❤❤❤

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว +1

      Thank you! You all are my motivation 😊

  • @periasamysapthagiridharan4615
    @periasamysapthagiridharan4615 11 หลายเดือนก่อน

    Can you please show us how can we filter table using dropdown list as fitering criteria

  • @namanjain2449
    @namanjain2449 ปีที่แล้ว

    It's very helpful. Super Thanks 👍👌❤️❤️❤️

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      Thank you 😊
      Do share it with others 😉

  • @rohan7403
    @rohan7403 ปีที่แล้ว

    We need validation and backend also, really helpful video, thanks 😀

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว +1

      Thanks man! Will sure do the validation for this video🙂
      Also do checkout my latest video I have did something similar with the registration page and also included validation 🙂

    • @rohan7403
      @rohan7403 ปีที่แล้ว

      Yes I have checked, thanks man😀

  • @swapnilbopche5383
    @swapnilbopche5383 10 หลายเดือนก่อน

    Very helpful ❤

  • @faustousmeq
    @faustousmeq ปีที่แล้ว

    Excellent example. I've been trying but delete option doesn´t open popup, i have the code exactly like you. Could you help me?

  • @ayshashifa23
    @ayshashifa23 ปีที่แล้ว

    Great video🤩

  • @jerrybrads8414
    @jerrybrads8414 ปีที่แล้ว

    Great Tutorial Sir. Please could you add a spinner on loading details page? I would really appreciate

  • @randhawamisspecialistnorth1661
    @randhawamisspecialistnorth1661 ปีที่แล้ว

    Dear Sir, I am facing issue with mat select component, I just copy it from angular material including for TS file. There is not compile time or run time error but I don’t know why the values are not being displayed. Pls guide.

  • @shiranjeevisk9148
    @shiranjeevisk9148 ปีที่แล้ว

    Appreciate & Thanks for ur effect brother❤️🙏

  • @franckozeusmakita7022
    @franckozeusmakita7022 ปีที่แล้ว +1

    Thanks for this video. wenn will you make please the validation. i will like to learn with you. Thanks a lot.

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      I have created a video on validation it already on my YT channel, but if you need validation for this specific video then do let me know

  • @tusharmishra4855
    @tusharmishra4855 ปีที่แล้ว

    This site can’t be reached
    localhost refused to connect.
    Try:
    Checking the connection
    ERR_CONNECTION_REFUSED
    The above error is showing when I try to open url

  • @TheDovson
    @TheDovson ปีที่แล้ว

    You are awesome! Thank you for your content!

  • @yaramalaprashanthi4779
    @yaramalaprashanthi4779 ปีที่แล้ว +1

    can you upload a full stack project ,front end using angular and back end with spring boot sir?
    that will help us.

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      Yes after MEAN stack project I will start with spring boot

  • @GGSoft2009
    @GGSoft2009 ปีที่แล้ว

    Thanks a lot it was the very useful

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว +1

      I’m glad you liked it 👍

  • @imane-hx1kp
    @imane-hx1kp ปีที่แล้ว

    why did you use ng-container instead of td ttable ..

  • @athiranair5822
    @athiranair5822 ปีที่แล้ว +3

    Mat style
    -------------------
    @use "@angular/material" as mat;
    @include mat.core();
    $my-primary : mat.define-palette(mat.$red-palette,600);
    $my-accent : mat.define-palette(mat.$amber-palette,A200,A100,A400);
    $my-warn : mat.define-palette(mat.$green-palette,A200,A100,A400);
    $my-theme : mat.define-light-theme(
    (color:(
    primary:$my-primary,
    accent:$my-accent,
    warn:$my-warn,
    ),
    typography : mat.define-typography-config(),
    density:0,
    )
    );

  • @NareshBojja-k2t
    @NareshBojja-k2t 8 หลายเดือนก่อน

    Hai sir ,
    I am facing an issue after importing all the angular materials in output themes and styles not coming.

    • @letsprogram30
      @letsprogram30  8 หลายเดือนก่อน

      DM me on Instagram

  • @Mariee811
    @Mariee811 ปีที่แล้ว

    sir can u please demonstrate that how can we upload this code on firebase and github.
    bcz i'm not able to fetch api and retreive data by hosting this application on firebase.
    so how can we bind aur json server to deploy with angular on firebase and github

  • @rafalmo5258
    @rafalmo5258 ปีที่แล้ว

    Nice tutorial

  • @ionguzun3952
    @ionguzun3952 ปีที่แล้ว

    Can u please do a more complex Angular 16 CRUD also using Materil UI and json server, with role based autehtification and some more complex features like sending email etc

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      Then json-server would not be the ideal solution, we can create a nodejs server to do the crud

    • @ionguzun3952
      @ionguzun3952 ปีที่แล้ว

      @@letsprogram30 ok, then can u make with node js, please?

  • @manjunathdeekshith8099
    @manjunathdeekshith8099 ปีที่แล้ว

    Great tutorial

  • @brentleymuranda2125
    @brentleymuranda2125 ปีที่แล้ว

    you are amazing bro

  • @developer_cha1nsaw
    @developer_cha1nsaw ปีที่แล้ว

    wonderful project

  • @shivaramkrishna6583
    @shivaramkrishna6583 ปีที่แล้ว

    Looks too great!!!
    As it would be more helpful if u do videos on oops and user based log in ..

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      Sure will I can take up the OOPS concept

  • @MTSightseeing
    @MTSightseeing 6 หลายเดือนก่อน

    Hello sir can I use primeng free Sakai template for production use because our company doesn't have designers to design templates

    • @letsprogram30
      @letsprogram30  6 หลายเดือนก่อน

      Yes you can use it

    • @MTSightseeing
      @MTSightseeing 6 หลายเดือนก่อน

      @@letsprogram30 sir tell me one thing can I use the mixup like for form I am using simple textbox of bootstrap and for listing filtering pagination I am using angular material?

    • @MTSightseeing
      @MTSightseeing 6 หลายเดือนก่อน

      @@letsprogram30 we are making product service

  • @rahaliyas
    @rahaliyas ปีที่แล้ว

    Validation also helps if you can

  • @HelsaAlvaro
    @HelsaAlvaro ปีที่แล้ว

    Hello Im new in angular, can you make video for handle authentication angular with springboot jwt.. thanks

    • @gamystation
      @gamystation ปีที่แล้ว

      have you found any tutorial for that question bro ?

  • @alexeduard7820
    @alexeduard7820 ปีที่แล้ว

    Hi, I loved your video but I would like to know if you can help me with this since I have the code and I cloned it in a git but when I run it it won't let me since it seems it doesn't contain angular and when I try to add it with "ng add @angular/material" doesn't let me, I'm learning with it and I would like to run the app to see it but I get these problems, if you help me with it I would be very grateful!

    • @Bourn77
      @Bourn77 ปีที่แล้ว

      clone the repo
      run 'NPM INSTALL' in the root folder, incase of any error do 'NPM INSTALL --F'

  • @Hariharan-td7ec
    @Hariharan-td7ec ปีที่แล้ว

    How to access the value from one component to another component

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      Create a parent child relationship and pass between them

  • @rohith5671
    @rohith5671 ปีที่แล้ว

    Getting cors error

  • @m.a.s.h6543
    @m.a.s.h6543 ปีที่แล้ว

    Sir batch kese join kre.. Koi info.. Aapse baat ho skti h? I am doing internship and feeling lost in the assignments. I have been working on angular and dot net 6 web api

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      You can connect with me on insta or telegram I always post there

  • @mohdshadmaankhan9527
    @mohdshadmaankhan9527 ปีที่แล้ว

    Bhaijaan I need your help... Plz
    Actually I got a project in which I need to make a full calendar in angular with all functionalities like add , edit and delete event .
    I go through many websites and docs but I didn't get what I need.
    Plz help me bhai

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว +1

      Bhai you can use syncfusion library for this requirement

    • @mohdshadmaankhan9527
      @mohdshadmaankhan9527 ปีที่แล้ว

      @@letsprogram30 bhai but when I tried to use syncfusion then it shows me a pop of some request from sync fusion

    • @mohdshadmaankhan9527
      @mohdshadmaankhan9527 ปีที่แล้ว

      @@letsprogram30 bhai it's a free version but valid only for 30 days . Will you please make a video on this topic

  • @vijaykanthvulli4115
    @vijaykanthvulli4115 ปีที่แล้ว

    Please do validation for this project

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      Added lot of examples on my channel for Validation!

  • @rupeshdhamdhere360
    @rupeshdhamdhere360 ปีที่แล้ว

    my ng-toast is not working

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว +1

      What is the error ? And what is your angular version

    • @rupeshdhamdhere360
      @rupeshdhamdhere360 ปีที่แล้ว

      ​@@letsprogram30There is no error I am Using Angular 16 and I had ran npm i ng-angular-popup --force this command also I have tried excluding --force but it's not working, please help me to resolve this issue

  • @congminh1889
    @congminh1889 ปีที่แล้ว

    It's so great!!!

  • @luisfernandodeolazabalsche3317
    @luisfernandodeolazabalsche3317 ปีที่แล้ว

    Please, if you can, have validation with Material.

  • @mothermother-r5r
    @mothermother-r5r ปีที่แล้ว

    Thanks a lot .

  • @gauravpathak560
    @gauravpathak560 ปีที่แล้ว

    Yes sir angular and spring boot plz

  • @AftabAlam-w4g
    @AftabAlam-w4g ปีที่แล้ว

    sir plz mobile no send kar sakte hai kiya app apna mujhe angular sikhni thi sir

  • @jayakumar2927
    @jayakumar2927 ปีที่แล้ว

    Good one useful But validation not happened

  • @m.a.s.h6543
    @m.a.s.h6543 ปีที่แล้ว

    Sir aapse one to one mentorship leni ho to.. Possible h?

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว +1

      You can join one of my angular batch🙂

    • @m.a.s.h6543
      @m.a.s.h6543 ปีที่แล้ว

      @@letsprogram30 kese join kre sir. ? Can you give me details. ??

  • @_yllw6155
    @_yllw6155 ปีที่แล้ว +1

    kind of hard to follow with all the copy paste

  • @ALKASHIF-
    @ALKASHIF- 10 หลายเดือนก่อน

    font is too small

  • @Dk-ux7pf
    @Dk-ux7pf ปีที่แล้ว

    make a video in Hindi about angular plz

  • @bhavananangare8156
    @bhavananangare8156 ปีที่แล้ว

    Can u please provide source code

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      Currently it is under members only

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว +1

      But I have did it step by step you can follow the video to create your own version out of it😊

    • @bhavananangare8156
      @bhavananangare8156 ปีที่แล้ว

      @@letsprogram30 ok also can u upload login and signup page based on role (such as admin and customer ) using angular 15 and JSON server ...

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      @@bhavananangare8156 you need it with json-server or Nodejs backend is ok ??

    • @bhavananangare8156
      @bhavananangare8156 ปีที่แล้ว

      @@letsprogram30 I need it with json-server

  • @draconianyt5174
    @draconianyt5174 ปีที่แล้ว

    connect with node js

  • @rishiraj2548
    @rishiraj2548 ปีที่แล้ว

    Good day greetings

  • @MG-cw2xc
    @MG-cw2xc ปีที่แล้ว

    are bhai video bana rahe hot to explain krte jao na copy paste kyun kr rahe ho?

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว

      Bhai fir video ki length bohat Badi hoo jayega and Baki log ko maza nh ayega sikhne me.

    • @MG-cw2xc
      @MG-cw2xc ปีที่แล้ว

      @@letsprogram30 tutorial is best but biggner ke liye thoda kathin lagta hai ok 👍 thanks

    • @letsprogram30
      @letsprogram30  ปีที่แล้ว +1

      @@MG-cw2xc aane wale video me try karunga full explanation ke sath🙂🙌

  • @sradhanayak4734
    @sradhanayak4734 10 หลายเดือนก่อน

    A big thank you. I am new to angular and it helped me a lot to build my application. Here is the error I am facing, please assist. node_modules/ng-angular-popup/lib/ng-toast.component.d.ts:18:81 - error TS2344: Type '{ style: { alias: "style"; required: false; }; }' does not satisfy the constraint '{ [key: string]: string; }'.
    Property '"style"' is incompatible with index signature.
    Type '{ alias: "style"; required: false; }' is not assignable to type 'string'.
    18 static ɵcmp: i0.ɵɵComponentDeclaration;

  • @FarhanKhan-dl5yk
    @FarhanKhan-dl5yk ปีที่แล้ว

    return this.api.postRegistration(this.registrationForm.value).subscribe(
    in this showing this error Property 'subscribe' does not exist on type 'void'.ts(2339) please suggest me i did every thing

  • @acthings
    @acthings ปีที่แล้ว

    Parabéns,,, muito bom até aqui, contudo, em: @include mat.all-component-themes($my-theme); 16:20, precisa comentar: //@include mat.all-component-themes($my-theme); Thank's a lot...