Skip to content

Latest commit

Β 

History

History
120 lines (81 loc) Β· 1.77 KB

File metadata and controls

120 lines (81 loc) Β· 1.77 KB

πŸ” PassOP - Password Manager (MERN Stack)

PassOP is a secure password manager web application built using the MERN stack. It allows users to store, manage, and access their passwords safely with authentication.


🌐 Live Demo


βš™οΈ Tech Stack

  • Frontend: React, Tailwind CSS
  • Backend: Node.js, Express.js
  • Database: MongoDB Atlas
  • Authentication: JWT
  • Deployment: Vercel (Frontend), Render (Backend)

✨ Features

  • πŸ”‘ User Authentication (Signup/Login)
  • πŸ”’ Secure password storage
  • πŸ“‹ Add, view, and delete passwords
  • 🌐 Fully responsive UI
  • ⚑ Fast and optimized experience

πŸ“ Project Structure

passop/
β”œβ”€β”€ frontend/
β”‚   β”œβ”€β”€ src/
β”‚   └── components/
β”œβ”€β”€ backend/
β”‚   β”œβ”€β”€ routes/
β”‚   β”œβ”€β”€ controllers/
β”‚   └── server.js

πŸ”§ Installation & Setup

1. Clone the repository

git clone https://github.com/ijharul/passop.git
cd passop

2. Setup Backend

cd backend
npm install

Create .env file:

MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_secret_key
PORT=3000

Run backend:

node server.js

3. Setup Frontend

cd frontend
npm install
npm run dev

πŸš€ Deployment

  • Frontend deployed on Vercel
  • Backend deployed on Render
  • MongoDB Atlas used for cloud database

🧠 Learning Outcomes

  • Full MERN stack development
  • Authentication using JWT
  • API integration
  • Deployment on Vercel & Render
  • Debugging real-world issues (CORS, 500 errors)

πŸ™Œ Author

  • πŸ‘€ Ijharul Haque
  • πŸ’Ό Aspiring Full Stack Developer

⭐ Support

If you like this project, give it a ⭐ on GitHub!