Fullstack JWT Authentication and Role-Based Authorization Admin Panel Dashboard | Part 05

Fullstack JWT Authentication and Role-Based Authorization Admin Panel Dashboard project | ASP.NET 7 Web API | REACT JS | TypeScript | Tailwind CSS | Part 05

Completed codes: https://github.com/mohammad-taheri1/Users-Management-dotnet-react-ts

Full Playlist: https://www.youtube.com/playlist?list=PLUX0GmrifrwcswAZidPWBQ04bJ305Rsul

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) Test our backend with Swagger
- (00:03:53) Hard Coding the OWNER ROLE manually on database
- (00:06:55) Decode our token in jwt.io
- (00:07:47) Send request headers in swagger
- (00:11:17) Handle CORS Policy Error
- (00:11:57) Continue test our backend with Swagger

? Me:
Telegram: https://t.me/DevEmpower
LinkedIn: https://www.linkedin.com/in/mohammad-taheri1
GitHub: https://github.com/mohammad-taheri1
Medium: https://medium.com/@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 ?