User Login and Register Form Full Video (Code Attatched) - Angular 16 | PrimeNG | Json Server

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

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

  • @haseena.khader
    @haseena.khader  หลายเดือนก่อน

    For Angular Latest version with standalone , please follow the below video
    th-cam.com/video/nTWZB8bWAJE/w-d-xo.html

  • @riinst.v6879
    @riinst.v6879 11 วันที่ผ่านมา

    what a great explanation, its easy to understand for an amateur like me, who starting using angular.
    Big Clap!.

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

    I have been working on angular for the last 3yrs...never seen the angular explanation like you🎉
    Keep it up! 👍

  • @sanatanShishya1521
    @sanatanShishya1521 4 หลายเดือนก่อน +3

    I can't tell how much this tutorial helped to learn and implement together by watching video.
    It's works like charm..
    Thanks for your great effort and work.
    Surely one day you will be on top of the coders channel here.
    Keep growing!
    Subscribed!

  • @Luis-hc1dl
    @Luis-hc1dl 2 หลายเดือนก่อน

    Thank you so much!!! Your tutorial is amazing, i'm loving it, i'm already at 30:31

    • @Luis-hc1dl
      @Luis-hc1dl 2 หลายเดือนก่อน

      36:30

  • @NatnaelDereje-tv6ix
    @NatnaelDereje-tv6ix 7 หลายเดือนก่อน +1

    Very Very Helpful for me! thank you so much for it.
    Please upload more video like this and CRUD operation in angular.

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

    You are teaching very nice.

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

    Great tutorial! Please make more videos in Angular, Thank you so much, greetings from Mexico!

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

    Вы моя спасительница! спасибо вам огромное!!!

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

    Lovely explanation and got help when there was utmost need !!!
    Thanks ma'am

  • @hgtechvideos
    @hgtechvideos 9 หลายเดือนก่อน

    Nice explanation ...really amazing

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

    Great tutorial! Greetings from Mexico!

  • @ferlezcano
    @ferlezcano 14 วันที่ผ่านมา

    Great video! 💪

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

    Nice Video Mam..!
    Very Helpfull for me...!🎉🎉🎉🎉
    Please upload more video like this and CRUD operation in angular.

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

    Best Explanation!

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

    thank you very much!!! well done

  • @hagarmosleh5910
    @hagarmosleh5910 5 หลายเดือนก่อน

    Thanks alot mam❤
    Iam having a little question ...
    If iam making a form with moving div
    Iam hiding the signup div using another div which contains a button
    How do i change the position of that div to hide the sign-in div instead of sign-up div
    .. a little notice ...
    they both at the same page i want to use that div with the button as a moving window to hide one of the sign-up or sign-in divs by moving the position of that moving div to right and left

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

    Thank you tons

  • @sayoojsnair4788
    @sayoojsnair4788 9 หลายเดือนก่อน +1

    Can you do a video for creating login and signup page using angular,node js,mongodb,expressjs

  • @MadaraUchiha-es6pi
    @MadaraUchiha-es6pi 7 หลายเดือนก่อน

    Hello Ma'am, Thank you so much ❤ for this amazing tutorial. Your idea of this project and explanation ❤, both are amazing.
    One thing i did not understand. my interface is completely blank only the default code is there but still registration is working perfectly, the data is saved into db. how is this happening? i'm asking for only registraion.
    Please reply and Thanks Again.

  • @codebinary1388
    @codebinary1388 10 หลายเดือนก่อน +2

    Hello mam, which angular version you are using??? If its not 17 could you plz upload for 17 if possible??

    • @ikrammahfoud3629
      @ikrammahfoud3629 9 หลายเดือนก่อน

      it's not 17 ! i find the same problem because of that , untill i found that version is not matched !!!

    • @SathishKumar-qy9vi
      @SathishKumar-qy9vi 8 หลายเดือนก่อน

      @@ikrammahfoud3629
      install angular 16th version using this coment
      npm i @angular/cli@16.1.0
      because this project is done is angular 16 v

  • @muhamedasanali.l628
    @muhamedasanali.l628 ปีที่แล้ว +1

    Ma'am, I ran your repository code, but it is also displaying an error. After clicking the Sign In or Register button, a Toast card appears with the message "Something went wrong." what can I do.

    • @haseena.khader
      @haseena.khader  ปีที่แล้ว +2

      Please run the json-server command parallely as mentioned in the video. May be api is not connected

    • @muhamedasanali.l628
      @muhamedasanali.l628 ปีที่แล้ว +1

      @@haseena.khader gotcha !!!!!

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

    love it💕💕😊😊

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

    currently im having a problem when im in home page and i reload it the login page flashes for a moment, why is that? currently i implemented a guard that if the user is not logged in redirect the user to login page if trying to access home page.

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

    Nice video.

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

    Can you please tell how to do same project in angular 17 because there is no.app module in that so.i am confused there is content on internet for 17 related to multiple forms connected to one another

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

      Bro did you complete it in 17 ?? If yes then please share me the Source code of it.

  • @hagarmosleh5910
    @hagarmosleh5910 9 หลายเดือนก่อน +1

    Thanks a lot that was way too helpful 🎉🎉❤
    I am having a question in here 💭
    What if I am making an edit personal info form and there is a current password and new password inputs how can I connect the value of the current password with the value of the password that is in the register form ?

    • @haseena.khader
      @haseena.khader  9 หลายเดือนก่อน +1

      If you wanna show the current password in edit personal info form, better user types it and on submit you can validate. It is not secure to keep the current password in edit page

    • @hagarmosleh5910
      @hagarmosleh5910 9 หลายเดือนก่อน

      @@haseena.khader do I use the same validation way you used for doing that?

    • @haseena.khader
      @haseena.khader  9 หลายเดือนก่อน

      No.. That should be validated in the backend

    • @hagarmosleh5910
      @hagarmosleh5910 9 หลายเดือนก่อน

      @@haseena.khader oh , well I am not very familiar with connecting to the backend API 's
      Have you made a video about that ?

    • @haseena.khader
      @haseena.khader  9 หลายเดือนก่อน

      Not yet. Now only frontend tutorials.

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

    Which database have you used to store the user details ? Json or MySQL ?

    • @haseena.khader
      @haseena.khader  8 หลายเดือนก่อน

      I am using json-server

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

    what extensions were you using?

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

    Hi
    How can i build this project , i did ng build but index.html is not working 😢

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

    Thank you..

  • @abhishekrawat8249
    @abhishekrawat8249 9 หลายเดือนก่อน

    5:30 where did u get the node modules of theme ?

    • @haseena.khader
      @haseena.khader  9 หลายเดือนก่อน

      While installing primeng you will get some themes also

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

      I had the same issue using Angular 17 which apparently the new versiion forces npm to instal as a standalone module. Inorderwords you'll need to use flags to force get modules

  • @AliCanYucel-bo4yo
    @AliCanYucel-bo4yo 8 หลายเดือนก่อน

    good job

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

    Please make more videos in angular

  • @SureshM-z1s
    @SureshM-z1s 4 หลายเดือนก่อน

    We need to use --no-standalone to generate module ts file in latest angular version.
    Command:
    ng new angular-login-app --routing --no-standalone
    2) add "useDefineForClassFields": false property in tsconfig.json file under compilerOptions
    "compilerOptions": {
    "useDefineForClassFields": false,
    //other properties
    }

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

    Where can I learn everything about Angular? Can you recommend books, websites, please?

    • @haseena.khader
      @haseena.khader  ปีที่แล้ว +1

      I usually follow angular website itself

  • @informer9261
    @informer9261 9 หลายเดือนก่อน

    good

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

    Somehow when I create services it doesnt genereaate the same files that you have. I dont have app-routing.module.ts. Any help?

    • @haseena.khader
      @haseena.khader  ปีที่แล้ว

      When you create an angular app using ng new, either you can give yes to the routing or give - - routing for adding the app.routing.module.ts. It is mentioned in the initial project creation step. If you missed, please give the command ng generate module app-routing - - flat - - module=app

  • @senpainlazygamedev.4017
    @senpainlazygamedev.4017 4 หลายเดือนก่อน

    why is that property 'fb' is used before its initialization

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

    madam , I am using Angular 14 , when I am going to match the password using matchpasswordValidators function it's not working .

    • @haseena.khader
      @haseena.khader  11 หลายเดือนก่อน

      In Angular 14, custom validator is little bit different

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

      @@haseena.khader okkk, thank you madam

  • @SujithKumar-tv2nt
    @SujithKumar-tv2nt 9 หลายเดือนก่อน

    I generated the project structure. I am unable find app.routing.nodule.ts file in my codebase. I tried ng generate module app-routing--flat--module=app but got an error class name is invalid. How to resole this issue

    • @haseena.khader
      @haseena.khader  9 หลายเดือนก่อน +1

      In Angular 17, structure is different. This project is on Angular 16. I will have a look

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

    How to update email in firebase authentication?

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

    I installed everything, but still the classes are not getting applied. Pls help me out

    • @haseena.khader
      @haseena.khader  7 หลายเดือนก่อน

      Please make sure the Primeflex installed. Check path in angular.json or style.css

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

    Hello , when i login i directs me to nothing i'm stuck on the login page

    • @haseena.khader
      @haseena.khader  ปีที่แล้ว

      Did you added the code for navigate url to home?
      If yes, is the url changing?
      Please check the code which I have shared. If nothing helps, please share ur code

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

    merci

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

    In this how the Id in json is randomly generating

  • @HarshitSharma..8750
    @HarshitSharma..8750 8 หลายเดือนก่อน

    how ti insert theses prime links in style.css files?

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

    when I'm trying to login or register its showing as something is went wrong please may I know whats is the issue and how can I solve it..

    • @haseena.khader
      @haseena.khader  ปีที่แล้ว

      Did you run json server in parallel?

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

      no
      @@haseena.khader

    • @haseena.khader
      @haseena.khader  ปีที่แล้ว

      Please run that... That is the backend in this tutorial

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

      can you please reply how to solve it

    • @haseena.khader
      @haseena.khader  ปีที่แล้ว

      In the tutorial it is mentioned to run a command using json-server
      Or watch the below one for installing json server
      th-cam.com/video/KoJocWH15io/w-d-xo.htmlsi=vwBPAm82vFbSDSkU

  • @powdoru4736
    @powdoru4736 2 หลายเดือนก่อน +1

    just started my journey of learning primeng and I don't know what had changed but now if app-routing.module.ts and app.module.ts files are missing when you create the app then you need to add 'no-standalone' when creating the "ng new angular-primeng-app --no-standalone --routing"

    • @haseena.khader
      @haseena.khader  หลายเดือนก่อน

      For angular latest version , you can follow th-cam.com/video/nTWZB8bWAJE/w-d-xo.html

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

    Hi mam, how to prevent multiple tab open on the same browser just like whatsapp web

    • @haseena.khader
      @haseena.khader  9 หลายเดือนก่อน

      Sorry I didn't get the question.

  • @sayoojsnair4788
    @sayoojsnair4788 9 หลายเดือนก่อน

    Mam how we will add this datas into mongo db

    • @haseena.khader
      @haseena.khader  9 หลายเดือนก่อน

      Instead of json server api you have to call backend api

    • @sayoojsnair4788
      @sayoojsnair4788 9 หลายเดือนก่อน

      @@haseena.khadermam can you make a short video plz

    • @haseena.khader
      @haseena.khader  9 หลายเดือนก่อน

      Sorry Sayooj. I am more on frontend technology.

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

    Thanks,All your videos are very important for me because I am using this in my project and I didn't know about it but your videos are very helpful for me only one request if you have not push some code on git then push it.

    • @haseena.khader
      @haseena.khader  ปีที่แล้ว +1

      I think I have pushed the code. I will verify again.
      Thanks

    • @haseena.khader
      @haseena.khader  ปีที่แล้ว +1

      Repo is uptodate. Last changes was the guard. it is there already. Let me know if you face any issue

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

      @@haseena.khader ok,thanks👍👍👍

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

    I bet you are a malayali mam.

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

    i dont have the same files as mentioned in the video
    and instead of app-routing-module.ts i have app. routes.ts in my inventory
    what shuld i do?

    • @haseena.khader
      @haseena.khader  11 หลายเดือนก่อน

      Angular 17 structure is little bit different.