Angular Authentication: Login, Register, Role-Based Auth & JWT Token Tutorial with .NET Core API

#angular17 #angularauthentication #angular #nihiratechiees

Secure Your Angular App with .NET Core API Authentication | Beginner’s Guide

This video provide sample project in angular 17 standalone temple and covering complete access related functionalities.

It covers below topics
=====================
1, User Registration with OTP validation
2, User Login & JWT Token handling
3, Dynamic menu creation by role access
4, Password handling (Reset & forget)
5, Role based authentication
6, Admin screen (handling user & role based access)

Technology used & concepts covered
===============================
1, API - Dot Net Core 7.0 Web API
2, UI – Angular 17 Standalone template
3, ALERT – NGX Toaster
4, STATE MANGEMENT – Angular Signals
5, DESIGN – Material UI

GitHub Source code link
=====================

API used in this video
====================
API development video link
---------------------------------------------

API GitHub Source code Link
=====================

Database script Link
=================

Join this channel to get access to perks:

[coerstn]

I would love to see the API and Angular created both from scratch and linked together for the full experience of development from start to finish.

[corneliusluka]

Thanks Sir for this wonderful video, is their video on how you created the API for this project?

[HammertonKogey]

How do you register the interceptor in no-standalone angular 17 template?

[jayakumar]

Good one bro. But SendOtpMail Implementation not done it is show blank . Can you update this implementaton?

[Chiprauski]

Hello, how are you? I have a problem with the buttons, they don't have colors. Can you tell me why? I installed the material as in the video.

[naumannasir]

how to run backend project, i have downloaded the code and installed visual studio code, .net, when i run the project it says can not build the project

[S--xcrv]

im trying to import the Ngmodel in my standalone component but i got an error. it says that import it through module .
so aren’t the any other way to use the NgModel feature in standalone component ?
as you have export some method in material model likewise im supposed to do that ?

[sumannayak]

make one realtime eccomerce app using realtime api

[yogeshkathe]

Hi its very helpful for us
Thanks for your efforts

How to create menu with sub menu

[mdsafikulislam]

How to use identity in this existing project?

[mdsafikulislam]

Brother where is API Project or Videos..

[praveshkumar-frbx]

very helpful video . How to show dynamic sub -sub menu s.

[NIVEDYAKV]

Hi, I need a help to create pie chart using angular17

[GatewaytoRichnessTamil]

Create Login:
Username
Password

New User Forgot Password
New User Page:
Username
Password
Confirm Password
Mail Id
Role Admin / Normal (Drop Down)

Forgot Password:
Mail Id

Below Condition should be follow
.Net Core
• .Net Core API should be used in backend interaction
• Code first approach should be followed
• Only LINQ should be used without store procedure
Angular:
• Angular Solution should be designed in MVC Pattern
• Bootstrap css should be used for style
• Client-side validation should be properly handled in TS
• Interceptor should be sending the username on each request
• After successfully logging if admin, redirect to admin welcome page else user welcome pager with username.


Sir this video fulfilled or not above the my inteview task from L&T