Angular 17 Library Management System (2023) | Student Panel | .NET 8 | Part 3

Поделиться
HTML-код
  • Опубликовано: 10 дек 2023
  • 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.
    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:
    1. Initial Setup
    2. Authorization Module
    3. Student Panel
    4. Admin Panel
    This video is about adding Student Panel.
    Here, I have created View Books and My Orders Component in UI using reactive forms in angular.
    Used Mat-Table, Mat-Expansion Panel from Angular Material
    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:33 - Create Components and routes
    01:35 - View Book Feature
    10:43 - API For View Books
    14:00 - Display Books in UI
    16:20 - Search Books Logic
    22:15 - Order Book
    26:25 - My Orders Component
    30:54 - API for my orders
    35:28 - Calculate Fine
    37:00 - My Profile Component
    Tags---------
    #programming, #programmingtutorials, #tutorials, #frontend, #backend

Комментарии • 1

  • @asr8999
    @asr8999 5 месяцев назад

    Great bro
    Also add deployment if possible