Full Stack Angular 17 + .NET 8 Library Management System Website from Scratch | 2024
About the Video--------------------------
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.
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
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.
Timestamp's -
00:00 - Demo
08:35 - Tech Stack
09:45 - Initial Setup and Installation
13:25 - Basic Structure of Website
29:12 - Creating Module and Components
29:52 - Creating Register Form
35:54 - Access Material Colors
38:27 - Create Reactive Form
43:42 - Login Form
46:41 - BackEnd Setup EFCore
54:17 - Register Endpoint
59:39 - Email Service Setup
01:04:09 - JWT Authoriazation
01:09:44 - Login Endpoint
01:13:20 - JWT Helper Service
01:15:20 - Additional Changes
01:19:51 - Create Book Components
01:20:53 - View Book Feature
01:30:01 - API For View Books
01:33:18 - Display Books in UI
01:35:38 - Search Books Logic
01:41:33 - Order Book
01:45:43 - My Orders Component
01:50:12 - API for my orders
01:54:45 - Calculate Fine
01:56:18 - My Profile Component
02:01:14 - Admin Panel
02:01:45 - Maintenance
02:17:35 - Return Book
02:27:32 - Approval Request
02:39:00 - All Orders
02:58:50 - View Users
03:07:14 - Final
Links-------------------------
Part 1 : • Angular 17 Library Management System ...
Part 2 : • Angular 17 Library Management System ...
Part 3 : • Angular 17 Library Management System ...
Tags--------------------
#angular, #angularproject, #angularwebsite, #frontend, #backend, #angular17
#html, #css, #typescript, #aspnetcore, #dapper, #entityframeworkcore6, #webapi,
#librarymanagementsystem, #mattable, #matexpansionpanel, #adminpanel, #freeemail