Skip to content

nabeelmunir00/Mern_Auth

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

30 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

MERN STACK PROJECT

This project all about Authentication.

Authentication is the process of verifying the identity of a user, device, or other entity. It confirms that someone or something is who or what they claim to be. This is usually done by checking credentials like usernames and passwords, or by using other methods like biometrics or security tokens.

MERN Authentication App πŸ”

A full-stack Authentication system built using the MERN stack (MongoDB, Express, React, Node.js). This app supports user registration, login, protected routes, token-based authentication using JWT, and logout functionality.

πŸ”— Live Demo

Click here to view live (Replace with your deployed app link)


πŸš€ Features

  • πŸ”’ User Registration & Login
  • βœ… JWT-based Authentication
  • πŸ‘¨β€πŸ’» Protected Routes for Logged-in Users
  • 🧠 Password Hashing with Bcrypt
  • πŸ“¦ Clean Folder Structure
  • ⚠️ Error Handling
  • πŸͺ Token storage using HTTP-only cookies / localStorage (based on your choice)

πŸ› οΈ Tech Stack

Frontend

  • React
  • Axios
  • React Router DOM
  • Tailwind CSS (or your choice of styling)

Backend

  • Node.js
  • Express.js
  • MongoDB (via Mongoose)
  • JSON Web Token (JWT)
  • Bcrypt.js
  • Cookie-parser (if using HTTP-only cookies)

πŸ“Έ Screenshots

Home page


πŸ“ Project Structure

β”œβ”€β”€ client
β”‚   β”œβ”€β”€ src
β”‚   β”‚   β”œβ”€β”€ components
β”‚   β”‚   β”œβ”€β”€ pages
β”‚   β”‚   β”œβ”€β”€ App.js
β”‚   β”‚   └── index.js
β”‚   └── package.json
β”œβ”€β”€ server
β”‚   β”œβ”€β”€ controllers
β”‚   β”œβ”€β”€ models
β”‚   β”œβ”€β”€ routes
β”‚   β”œβ”€β”€ middleware
β”‚   β”œβ”€β”€ server.js
β”‚   └── package.json
└── README.md

Releases

No releases published

Packages

No packages published

Languages