GitHub Link:
https://github.com/programmer-rohan/2...
Steps:
1. Clone the Repository.
2. Create Database with any name eg. ABC
3. Open API Proj, go to appsettings.json and update the database string in "DB" section.
4. Also fill "from email" and "email code".
5. Open Package manager console and run update-database command.
6. Go to UI folder, run npm install
7. Now, you can run both projects.
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:
1. Initial Setup
2. Authorization Module
3. Student Panel
4. Admin Panel
This video is about adding Admin Panel.
Here, I have created Library Maintenance, All Orders Component in UI using reactive forms in angular.
Used Mat-Table, Mat-Expansion Panel from Angular Material
Created common angular material table to reuse to code.
Created Backend API in ASP.NET Core Web API and Entity Framework Core 8.
Used Entity Framework Core 8 to retrieve data from Database.
In this Website, I have created.
1. Authentication System: User would be able to login and create account.
2. JWT Authentication: User's data will be stored in tokens in browser.
3. Role based Authorization: Some features are only accessible to admin, some can be access by user and admin.
4. Manage Books and Categories: Admin and insert/delete books/categories in the library.
5. Blocking / Disabling: Admin can block/unblock or disable/enable any User.
6. Fine Calculation: Users can also see their fine, if they don'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:00 - Admin Panel
00:31 - Maintenance
16:18 - Return Book
26:11 - Approval Request
37:40 - All Orders
57:33 - View Users
01:06:00 - 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