https://github.com/its-maneeshk/authflow-authentication-system

🔐 A secure full-stack authentication system built with React, Node.js, Express, MongoDB, and TailwindCSS using JWT-based auth and protected routes.
https://github.com/its-maneeshk/authflow-authentication-system

auth-system authentication expressjs fullstack jwt mern mongodb nodejs reactjs tailwindcss web-security

Last synced: 3 months ago
JSON representation

🔐 A secure full-stack authentication system built with React, Node.js, Express, MongoDB, and TailwindCSS using JWT-based auth and protected routes.

Host: GitHub
URL: https://github.com/its-maneeshk/authflow-authentication-system
Owner: its-maneeshk
Created: 2025-06-03T10:42:47.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2025-06-03T18:47:36.000Z (about 1 year ago)
Last Synced: 2025-06-03T22:25:22.733Z (about 1 year ago)
Topics: auth-system, authentication, expressjs, fullstack, jwt, mern, mongodb, nodejs, reactjs, tailwindcss, web-security
Language: JavaScript
Homepage:
Size: 4.78 MB
Stars: 0
Watchers: 0
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: readme.md

Awesome Lists containing this project

README

# AuthFlow 🔐

**AuthFlow** is a secure and responsive full-stack authentication system built with React, Node.js, Express, MongoDB, and TailwindCSS. It supports user registration, login, password hashing, JWT-based authentication, and protected routes.

## Features 🪶

| **Module** | **Description** | **Module** | **Description** |
| ------------------------------ | -------------------------------------------------------------------------------------------------------- | ---------------------------- | ----------------------------------------------- |
| **Authentication** | Handles user signup, login, JWT generation, and logout functionality. | **Protected Routes** | Ensures only authenticated users access certain pages. |
| **Database Connectivity** | Connects backend server to MongoDB database using Mongoose. | **Admin/User Roles** | Supports differentiated access levels (if implemented). |
| **User Input Handling** | Validates and sanitizes input data on both frontend and backend. | **Error Handling** | Provides clear feedback and manages server/client errors. |
| **JWT Token Management** | Issues, verifies, and expires tokens for session security. | **Form Validation** | Frontend and backend checks to prevent bad input. |
| **Tailwind Styling** | Fully responsive design built with TailwindCSS for modern UI. | **Logout** | Safely logs out users by clearing local/session storage. |

## User Interface
The application features a clean and responsive web UI built in React.js and styled using TailwindCSS. It includes forms for user login, registration, and access to a protected dashboard.

# Demo Images

Here are some screenshots demonstrating the key functionalities of **AuthFlow**:

| **Interface** | **Preview** |
|---------------|-------------|
| **Home Page** | |
| **Register Page** | |
| **Login Page** | |
| **Login Success (SweetAlert)** | |
| **Forget Password** | |
| **Dashboard** | |
| **About Page** | |

## Contributing 🛂
Contributions are welcome! If you would like to contribute to **AuthFlow**, please fork the repository, create a new branch, and submit a pull request. I encourage suggestions for new features, improvements, or bug fixes.

---

Made with ❤️ by Manish Patel |
Email Me |
LinkedIn