Skip to content

🎨 A responsive React frontend for a secure password reset flow. Includes user registration, login, forgot & reset password pages, toast notifications, route protection, and Bootstrap UI styling - integrated with Node.js backend.

Notifications You must be signed in to change notification settings

Aarthi1720/password-reset-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

7 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ” Password Reset Flow - Frontend (React)

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.


πŸš€ Features

  • πŸ” 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

πŸ§ͺ Tech Stack used

  • βš› 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)

🧭 Frontend Routes(React Router)

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

πŸ”— Backend API Endpoints

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

πŸ“Έ Screenshot

alt text

About

🎨 A responsive React frontend for a secure password reset flow. Includes user registration, login, forgot & reset password pages, toast notifications, route protection, and Bootstrap UI styling - integrated with Node.js backend.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published