Angular 17 Library Management System (2023) | JWT Authorization | Part 2 | .NET 8
GitHub Link:
https://github.com/programmer-rohan/2...
Steps:
1. Clone the Repository.
2. Create Database with any name eg. ABC
2. Open API solution in Visual Studio 2022
3. Go to appsettings.json and update the database string in "DB" section.
4. Also fill from email and email code. (optional)
5. Open Package manager console and run update-database command.
6. Now run API solution.
7. Go to UI folder and open in Visual Studio Code.
8. Run npm install, and then ng serve
9. Project will be running.
About the Video--------------------------
In this Video, I have built a Angular 17 Library Management System Website.
This website has UI as well as backend and database was made during this video.
This course will be uploaded in 4 Parts
Inital Setup
Authorization Module
Student Panel
Admin Panel
This video is about adding authorization
Here, I have created Register and Login form in UI using reactive forms in angular.
Also added validations in angular forms.
Created Backend api in ASP.NET Core WebAPI 8 and EntityFramework Core 8.
Used JWT Authorization packages to create JWT Token and send it to UI.
In this Website, I have created
Authentication System : User would be able to login and create account.
JWT Authentication : User's data will be stored in tokens in browser.
Role based Authorization : Some features are only accessible to admin, some can be access by user and admin.
Manage Books and Categories : Admin and inser/delete books/categories in the Library.
Blocking / Disabling : Admin can block/unblock or disable/enable any User.
Fine Calculation : Users can also see their fine, if they doesn't submit book withing specified time.
All this will happen without refreshing web page.
If you Like the Video please Like, Share and Subscribe.
TimeStamps -
00:10 - Creating Module and Components
00:50 - Creating Register Form
06:45 - Access Material Colors
09:25 - Create Reactive Form
14:40 - Login Form
17:39 - BackEnd Setup EFCore
25:15 - Register Endpoint
30:37 - Email Service Setup
35:07 - JWT Authoriazation
40:42 - Login Endpoint
44:18 - JWT Helper Service
46:19 - Additional Changes
Links-------------------------
Source Code : https://drive.google.com/drive/folder...
Part 1 : • Angular 17 Library Management System ...
How to make Expandable Side-Nav in Angular : • Header and Expandable Side Nav in Ang...
Employee Management System in Angular: • Angular 13 CRUD | Employee Management...
E-Commerce Website : • Angular 14 E-Commerce Website ASP.NET...
Tags--------------------
#angular, #angularecommerce, #ecommercewebsite, #modernwebsite, #angular13, #angular14, #angularproject, #angularwebsite, #frontend, #backend,
#fullstackwebsite, #html, #css, #typescript #modals, #modalservice, #warning, #information, #confirmationbox
#aspnetcore, #dapper, #entityframeworkcore6, #webapi, #librarymanagementsystem, #jwtauthentication, #rolebasedauthorization