Fullstack JWT Authentication and Role-Based Authorization Admin Panel Dashboard | Part 06
Fullstack JWT Authentication and Role-Based Authorization Admin Panel Dashboard project | ASP.NET 7 Web API | REACT JS | TypeScript | Tailwind CSS | Part 06
Completed codes: https://github.com/mohammad-taheri1/U...
Full Playlist: • Fullstack JWT Authentication and Role-Base...
JWT (Json Web Token) is one of the most popular ways to implement authentication and role-based authorization in WebAPI Projects. It uses claims and manage your security.
In this tutorial, we create a Fullstack Users Management project using ASP.NET Core WebAPI (.NET 7), React18 ,TypeScript, Entity Framework Core and Tailwind CSS and we implement Full authentication and role-based authorization in it.
The focus of this project is to show you how you can build a Fullstack project from 0 to 100 and build a CRUD application with ASP.NET Core WebAPI and React JS and Tailwind CSS.
We will follow REST API patterns.
We use these nuget packages:
"Microsoft.AspNetCore.Authentication.JwtBearer"
"Microsoft.AspNetCore.Identity.EntityFrameworkCore"
"Microsoft.EntityFrameworkCore.SqlServer"
"Microsoft.EntityFrameworkCore.Tools"
Also, we will learn these topics together:
✅ On Backend project:
Folder Structure
Entities
Dtos
Context
ORM
Http Methods
Swagger
Authentication
Authorization
Role-based Authorization
Enums
Generic BaseEntity
Static class
✅ On Frontend project:
Folder Structure
SPA and Routing
useState
useEffect
useContext
TypeScript Interfaces
Dtos
Axios
LocalStorage
Request Headers
Authentication
Authorization
Role-based Authorization
✏️ sections
(00:00:00) Create frontend project as well as npm packages
(00:04:14) Install and config Tailwind CSS
(00:14:49) Implement folder structure
(00:19:00) Create all pages of our application
(00:25:14) Create path.ts file
(00:28:41) Create globalConfig.ts
(00:33:11) Create axiosInstance.ts
🌎 Me:
Telegram: https://t.me/DevEmpower
LinkedIn: / mohammad-taheri1
GitHub: https://github.com/mohammad-taheri1
Medium: / devempower
Portfolio: https://devempower.ir/
💖 Hope you enjoy it 💖
💖 If you loved this Fullstack JWT Authentication and Role-Based Authorization Admin Panel Dashboard course , leave comments, like, and subscribe 💖
💖 You can Buy me a coffee to support: https://www.buymeacoffee.com/DevEmpower 💖