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

Поділитися
Вставка
  • Опубліковано 10 лис 2024

КОМЕНТАРІ • 131

  • @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_ansari9
    @tarif_ansari9 5 місяців тому

    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  5 місяців тому

      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.

  • @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🙌

  • @SniperCharliex
    @SniperCharliex Рік тому +3

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

  • @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!

  • @hirushamalith7801
    @hirushamalith7801 Рік тому

    Cool one ,nicely present all the very best !

  • @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.

  • @hamzaosmanbofobia9685
    @hamzaosmanbofobia9685 Рік тому

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

  • @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..

  • @mohammadfarhankhan677
    @mohammadfarhankhan677 6 місяців тому

    Nice one. Great Job

  • @periasamysapthagiridharan4615
    @periasamysapthagiridharan4615 10 місяців тому

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

  • @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😀

  • @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 😊

  • @faustiusme
    @faustiusme Рік тому

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

  • @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

  • @namanjain2449
    @namanjain2449 Рік тому

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

    • @letsprogram30
      @letsprogram30  Рік тому

      Thank you 😊
      Do share it with others 😉

  • @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.

  • @jerrybrads8414
    @jerrybrads8414 Рік тому

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

  • @ayshashifa23
    @ayshashifa23 Рік тому

    Great video🤩

  • @swapnilbopche5383
    @swapnilbopche5383 9 місяців тому

    Very helpful ❤

  • @TheDovson
    @TheDovson Рік тому

    You are awesome! Thank you for your content!

  • @rafalmo5258
    @rafalmo5258 Рік тому

    Nice tutorial

  • @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

  • @brentleymuranda2125
    @brentleymuranda2125 Рік тому

    you are amazing bro

  • @shiranjeevisk9148
    @shiranjeevisk9148 Рік тому

    Appreciate & Thanks for ur effect brother❤️🙏

  • @developer_cha1nsaw
    @developer_cha1nsaw Рік тому

    wonderful project

  • @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

  • @manjunathdeekshith8099
    @manjunathdeekshith8099 Рік тому

    Great tutorial

  • @GGSoft2009
    @GGSoft2009 Рік тому

    Thanks a lot it was the very useful

  • @shivaramkrishna6583
    @shivaramkrishna6583 Рік тому

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

  • @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.

  • @imane-hx1kp
    @imane-hx1kp Рік тому

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

  • @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

  • @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 ?

  • @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

  • @sradhanayak4734
    @sradhanayak4734 8 місяців тому

    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;

  • @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.

  • @rahaliyas
    @rahaliyas Рік тому

    Validation also helps if you can

  • @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?

  • @maheshshirsat9075
    @maheshshirsat9075 9 місяців тому

    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  9 місяців тому +1

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

    • @maheshshirsat9075
      @maheshshirsat9075 9 місяців тому

      thanks @@letsprogram30

  • @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,
    )
    );

  • @MTSightseeing
    @MTSightseeing 4 місяці тому

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

    • @letsprogram30
      @letsprogram30  4 місяці тому

      Yes you can use it

    • @MTSightseeing
      @MTSightseeing 4 місяці тому

      @@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 4 місяці тому

      @@letsprogram30 we are making product service

  • @NareshBojja-k2t
    @NareshBojja-k2t 6 місяців тому

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

  • @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

  • @mothermother-r5r
    @mothermother-r5r Рік тому

    Thanks a lot .

  • @gauravpathak560
    @gauravpathak560 Рік тому

    Yes sir angular and spring boot plz

  • @vijaykanthvulli4115
    @vijaykanthvulli4115 Рік тому

    Please do validation for this project

    • @letsprogram30
      @letsprogram30  Рік тому

      Added lot of examples on my channel for Validation!

  • @congminh1889
    @congminh1889 Рік тому

    It's so great!!!

  • @jayakumar2927
    @jayakumar2927 Рік тому

    Good one useful But validation not happened

  • @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 11 місяців тому

    Getting cors error

  • @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'

  • @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

  • @Dk-ux7pf
    @Dk-ux7pf Рік тому

    make a video in Hindi about angular plz

  • @rupeshdhamdhere360
    @rupeshdhamdhere360 10 місяців тому

    my ng-toast is not working

    • @letsprogram30
      @letsprogram30  10 місяців тому +1

      What is the error ? And what is your angular version

    • @rupeshdhamdhere360
      @rupeshdhamdhere360 10 місяців тому

      ​@@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

  • @luisfernandodeolazabalsche3317

    Please, if you can, have validation with Material.

  • @rishiraj2548
    @rishiraj2548 Рік тому

    Good day greetings

  • @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- 8 місяців тому

    font is too small

  • @draconianyt5174
    @draconianyt5174 Рік тому

    connect with node js

  • @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

  • @AftabAlam-w4g
    @AftabAlam-w4g Рік тому

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

  • @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🙂🙌

  • @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...