Angular 17 Library Management System from Scratch | .NET 8 | Initial Setup | Part 1
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 initial setup
Here, I have given demonstration about working of entire website
Discussed about tech stack and installed essential packages.
I have also create basic structure of website which includes Side-Nav and Header and Footer.
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
Links-------------------------
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