Skip to content

Auth-Nexus is a secure, full-featured MERN authentication system using OTP verification, JWT for authentication, email verification, password reset, and protected routes. Built with Mailtrap, bcrypt, and CORS, it offers a modern solution for user authentication. πŸš€

Notifications You must be signed in to change notification settings

MohammedJawwad/Auth-Nexus

Repository files navigation

🌐 Auth-Nexus πŸ”

The Ultimate Authentication Solution

Auth-Nexus is a modern MERN stack authentication system designed with security, efficiency, and user experience in mind. From OTP-based verification to JWT-secured sessions, it has everything to ensure seamless authentication.

πŸš€ Live Demo


✨ Key Highlights

πŸ”’ Authentication

  • πŸ“§ Signup with OTP Verification: Ensuring secure onboarding.
  • πŸ”‘ JWT-based Login: Access your account securely.
  • πŸšͺ Logout: Easy and secure session termination.

πŸ“€ Email Features

  • βœ… Account Verification Emails: Verify with just a click.
  • πŸ“¬ Welcome Email Template: Personal touch after verification.
  • πŸ”„ Password Reset Link: Forgot your password? We've got you covered.

πŸ” Security Features

  • πŸ›‘οΈ Password Encryption: Using bcrypt for top-notch security.
  • πŸ”‘ Token Management: Powered by crypto and jsonwebtoken.
  • 🌍 CORS-Enabled API: Secure cross-origin data exchange.

πŸ’» Frontend Features

  • πŸ“„ Responsive Pages: Signup, Login, OTP Verification, Email Verification, and Forgot Password.
  • πŸ› οΈ Protected Dashboard: Accessible only to authenticated users.
  • ⚑ Seamless Integration: Smooth backend communication.

πŸ–ΌοΈ Screenshots

πŸ”‘ Signup Page

Signup Page

πŸ“§ OTP Verification Page

OTP Email

πŸ“§ OTP from Email

OTP Email

πŸ”“ Login Page

Login Page

πŸŽ‰ Welcome Success Email

Welcome Email

πŸ‘©β€πŸ’» Dashboard

Dashboard


πŸ› οΈ Tech Stack

  • Frontend: React, TailwindCSS
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Email Service: Mailtrap
  • Packages: bcrypt, cors, crypto, jsonwebtoken

πŸš€ Getting Started

1. Clone the Repository

git clone https://github.com/MohammedJawwad/Auth-Nexus.git
cd auth-nexus

2. Install Dependencies

Backend:

cd backend
npm install

Frontend:

cd ../frontend
npm install

3. Set Up Environment Variables

Create a .env file in the backend directory with the following:

MONGO_URI=<Your MongoDB connection string>  
JWT_SECRET=<Your JWT secret>  
MAILTRAP_USER=<Your Mailtrap user>  
MAILTRAP_PASS=<Your Mailtrap password>  

4. Run the Application

Start the Backend:

cd backend
npm start

Start the Frontend:

cd ../frontend
npm start

5. Open the app in your browser: http://localhost:3000

About

Auth-Nexus is a secure, full-featured MERN authentication system using OTP verification, JWT for authentication, email verification, password reset, and protected routes. Built with Mailtrap, bcrypt, and CORS, it offers a modern solution for user authentication. πŸš€

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages