This is the frontend of the Password Reset Flow project built using React, Bootstrap, Axios, and React Router. It connects with a Node.js + MongoDB backend to handle user registration, login, password reset, and logout functionality.
- π User Registration & Login with JWT
- π§ Forgot Password flow with reset link
- π JWT Authentication (with Local Storage)
- π Reset password via token
- πͺ Logout feature (removes JWT and redirects user)
- π€ Toast notifications using
react-toastify
- π¨ Clean and responsive UI using Bootstrap
- β React JS - Frontend library for building UI
- β‘ Vite - Fast build tool and development server
- π§ React Router DOM - Routing and navigation between pages
- π Bootstrap 5 - For responsive layout and styling
- π React-Toastify - For showing alert messages (toast notifications)
- π‘ Axios - For handling API requests to the backend
- π§ JWT(JSON Web Token) - Used for secure authentication (stored in localStorage)
Path | Description |
---|---|
/ |
Home Page |
/register |
Register New User |
/login |
Login Existing User |
/forgot-password |
Form to Request Reset Email |
/reset-password |
Reset Form With Token from Email |
Method | Route | Description |
---|---|---|
POST | /api/register | Register new user |
POST | /api/login | Login and get token |
POST | /api/forgot-password | Send reset link |
POST | /api/reset-password | Reset password |