Login Module | User and Notes Management | Angular Project | Part - 4
Summary
In this part of the Angular project, the login module was created and implemented using reactive forms, validation, and user authentication.
Highlights
🔒 Login module designed using reactive forms and validation.
📋 User authentication implemented to check for valid credentials.
📱 Navigation to dashboard upon successful login.
📦 User details stored in local storage for future use.
🚫 Error message displayed for invalid user credentials.
Github:
https://github.com/saikorthivada/angu...
Project Routing configuration
• Routing configuration and setup | Use...
Angular Complete tutorials Playlist
• Angular Tutorials
Angular Services
• Angular Routing and Services
Solid JS tutorials
• Solid JS Tutorials
Can Activate guard | Guards in angular | Angular 16
• Can Activate guard | Guards in angula...
Can Activate child guard | Guards in angular | Angular 16
• Can Activate child guard | Guards in ...
Solid JS tutorials
• Angular Tutorials
(Can Activate guard | Angular 16)
• Can Activate guard | Guards in angula...
Guards introductions
(Router Guards | Guard Introduction | Angular 16)
• Router Guards | Guard Introduction | ...
Signals, Effects, Observable and computed properties | untacked method | Angular 16
• Signals, Effects, Observable and comp...
For angular 16 Features and migration, Please check the below
• Angular 16 features with examples | S...
For Angular 15 features, Please check the below
• Angular 15 features | Stable release
Angular Standalone components | Ways of using standalone components | Angular 15 | Stable release
• Angular Standalone components | Ways ...
For Angular 12 features, Please check the below playlist
• Angular 12 Features
Basic Software concepts
• Playlist
For Angular Unit Testing, Please check the below playlist
• Angular Unit Testing
To know how to test basic patch value in angular watch below video
• Angular Unit testing- 34 | Unit testi...
Medium:
/ techshare-skk
Address management Angular Tutorials
Part 1 - • Reactive Form - 17 | Address Manageme...
Part2 - • Reactive Form - 18 | Address Manageme...
Part 3 - • Reactive Form - 19 | Address Manageme...
Part 4 - • Reactive Form - 20 | Address Manageme...
Part 5 - • Reactive Form - 21 | Address Manageme...
Part 6 - • Reactive Form - 22 | Address Manageme...
Part 7 - • Reactive Form - 23 | Address Manageme...
Mandatory to watch before watching unit testing for better understanding:
(Reactive Forms Part 16 | Form Arrays removeAt method | Dynamically remove control from form array)
• Reactive Forms Part 16 | Form Arrays ...
Recommend you to watch my previous videos for more information and the context.
For testing form control without any validation watch below:
• Angular Unit testing- 19 | Unit testi...
For testing, Template driven forms
• Angular Unit testing- 18 | Unit testi...
For template and template context
• Angular Unit testing- 14 | Unit Testi...
For Attribute Binding testing:
• Angular Unit testing- 9 | Unit Testin...
For Testing style bindings:
• Angular Unit testing- 8 | Unit Testin...
For Testing class binding
• Angular Unit testing- 7 | Unit Testin...
For Testing property binding
• Angular Unit testing- 6| Unit Testing...
For interpolation unit testing
• Angular Unit testing- 5 | Unit Testin...
Different Types of Data binding
• Angular Data Binding | Types of Angul...
Interpolation in angular
• Angular Unit testing- 5 | Unit Testin...
For Component introduction check the below link
• What are Angular components | Why Ang...
Angular Installation and setup
• How to Configure Angular project | In...
For ng serve mechanisum and internal flow of angular follow the link below
• Angular internal work flow behind the...
Angular Modules
• Angular Modules | What and Why Angula...
Angular Tutorial playlist:
• Angular Tutorials
Medium:
/ techshare-skk
For Angular 12 features, Please check the below playlist
• Angular 12 Features
Basic Software concepts
• Playlist
For Angular Unit Testing, Please check the below playlist
• Angular Unit Testing
Instagram:
/ tech.share.skk
#registration #angularproject #angular16 #angular #projects