Full Stack Angular 17 + .NET 8 Library Management System Website from Scratch | 2024
HTML-код
- Опубликовано: 5 июн 2024
- About the Video--------------------------
GitHub Link:
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 Man...
Part 2 : • Angular 17 Library Man...
Part 3 : • Angular 17 Library Man...
Tags--------------------
#angular, #angularproject, #angularwebsite, #frontend, #backend, #angular17
#html, #css, #typescript, #aspnetcore, #dapper, #entityframeworkcore6, #webapi,
#librarymanagementsystem, #mattable, #matexpansionpanel, #adminpanel, #freeemail
Most awaited combination.....thank you so much brooooooooo🎉
Thanks.
you are amizing.Please upload more Angular and .net core Project..thanks from the bottom of my hearts
thank Master Pro from Yemen flow you
I used angular 17 but there is no common module imported also I am not able to use angular material
Hi Rohan did you deploy any angular 17 apps? I'm having some issues with that!
follow the angular documentation
Aoa rohan sir mat-card pe error he is not element plzz tell me this error
Are you using angular 17.0.1 ?
dear respected sir update-database not working and give error
update-database : The term 'update-database' is not recognized as the name of a cmdlet, function, script file, or
operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and
try again.
At line:1 char:1
+ update-database
+ ~~~~~~~~~~~~~~~
+ CategoryInfo : ObjectNotFound: (update-database:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException
one question, instead of scss why u didnnt use bootstrap or tailwind??
I was already using angular material.
@@programmer_rohan but when u were styling using scss u could have done it alot easier and quicker using bootstrap and tailwind css classes just curious coz i am a beginnner plz correct me i i am wrong
@@MudassirAdmani yes we can do. In my initial videos i used to do it with bootstrap.
Why would someone do publicly publish their video using language other than English though? I feel they shouldn't br allowed to publish bc is somehow bias in my view
Bro how much experience u carry?
bro please create project ecommerce website in angular 17
Definitely!!
Please add Google and Facebook login too. Thanks.
app is not responsive. Garbage