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

#angular #primeng #angularproject #angular16 #angulartraining #angularprimengapp #login

This is a tutorial for User Login and Registration Form with the following concepts explained
1. Node JS Installation
2. Angular CLI Installation
3. Angular project creation using ng new with Routing
4. PrimeNG, Primeicons, PrimeFlex installation and setup
5. Angular cli component, service, interface, guard creation
6. Set up routing for different pages
7. Add the primeNG components like input , button
8. Create Reactive form with Validation
9. Create a custom validator for password and confirm password check
10. Submit the Forms
11. Logout
12. CanActivateFn implementations and applying Guar

[sanatanShishya]

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!

[NatnaelDereje-tvix]

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

[germanvillegas]

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

[crhebul]

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

[hiteshbeniwal]

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

[aravinthkumar]

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

[albertoleon]

Great tutorial! Greetings from Mexico!

[hagarmosleh]

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

[allchill]

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.

[muhamedasanali.l]

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.

[SureshM-zs]

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
}

[EnglishJaat]

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

[MadaraUchiha-espi]

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.

[codebinary]

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

[sayoojsnair]

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

[martingeneral]

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

[SujithKumar-tvnt]

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

[abdullaibak]

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

[hagarmosleh]

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 ?

[vanjamihajlovic]

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