https://github.com/imdadmi/jwt-authentication

A simple authentication form using react and jwt using spring security
https://github.com/imdadmi/jwt-authentication

authentication authorization jwt jwt-authentication jwt-bearer-tokens react

Last synced: about 1 month ago
JSON representation

A simple authentication form using react and jwt using spring security

• Host: GitHub
• URL: https://github.com/imdadmi/jwt-authentication
• Owner: IMDADMI
• Created: 2023-07-16T16:33:44.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2023-07-24T15:38:32.000Z (almost 3 years ago)
• Last Synced: 2025-10-22T02:17:54.591Z (8 months ago)
• Topics: authentication, authorization, jwt, jwt-authentication, jwt-bearer-tokens, react
• Language: JavaScript
• Homepage:
• Size: 213 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
please make sure to add the admin user and the USER,ADMIN role via your database

# Jwt-Authentication (the app is not ready yet !!!!)

this is a simple authentication form using react and jwt using spring security

you can find the backend part in the Jwt-Authentication-spring-security repository.

=======

# JWT Authentication System

this is a simple authentication form using react and jwt using spring security.

### You can view the backend part in the repository **Jwt-Authentication-Spring-Security** 

**note that the tokens are stored using cookies (universal-cookie)**

## App screens

some screens of the App

### Successful authentication page

![alt text](https://github.com/IMDADMI/Jwt-Authentication/blob/admi/src/assets/imgs/screen.PNG?raw=true)

### Welcome page 

![alt text](https://github.com/IMDADMI/Jwt-Authentication/blob/admi/src/assets/imgs/screen2.PNG?raw=true)

### Login page

![alt text](https://github.com/IMDADMI/Jwt-Authentication/blob/admi/src/assets/imgs/screen3.PNG?raw=true)

### Authentication page

![alt text](https://github.com/IMDADMI/Jwt-Authentication/blob/admi/src/assets/imgs/screen4.PNG?raw=true)

 

## Demo

this app is bootstrapped by vite, 

To start the application run the npm cmd to install the necessary packages:

```bash

  npm install

```  

then run the cmd below to start the application on the port **5173**:

```bash

  npm run dev

```