A secure and efficient MERN-stack Password Manager web application built with React + Vite for the frontend and Express + MongoDB for the backend.
It allows users to safely store, manage, and access their passwords — all protected with encryption and a clean, responsive interface.
🔗 Live Demo: https://pass-manager-lite.vercel.app/
- Frontend: React (Vite), Tailwind CSS, Axios
- Backend: Node.js, Express.js, MongoDB, Mongoose
- Tools: ESLint, dotenv, CORS, bcrypt
- 🔒 Secure Password Storage: Encrypted password management with MongoDB.
- 🌐 User Authentication: Register and login securely with JWT.
- 📋 Copy to Clipboard: Easily copy stored passwords.
- ⚡ Fast UI: Built with Vite for instant reloads and optimized builds.
- 🎨 Modern Design: Fully responsive and intuitive interface.
- 🧩 RESTful API Integration: Seamless backend communication with environment-based API URLs.
git clone https://github.com/indrasutahr07/PASS-MANAGER.git
cd password-managercd backend
npm installCreate a .env file in the backend/ directory:
MONGO_URI=your_mongodb_connection_string
DB_NAME=your_db_name
PORT=5000
JWT_SECRET=your_secret_key
Run the backend:
npm startcd frontend
npm installCreate a .env file in the frontend/ directory:
VITE_API_URL=https://pass-manager-lite.vercel.app/
Run the frontend:
npm run dev- Deploy to Render, Railway, or Heroku.
- Ensure CORS is configured properly.
- Build production files:
npm run build
- Deploy the
/distfolder to Vercel, Netlify, or your preferred static host.
- Never commit
.envfiles. - Set environment variables on your deployment platform.
- ❌ CORS Errors: Ensure your backend allows requests from your frontend domain.
- 🚫 Network Issues: Verify
VITE_API_URLpoints to your deployed backend. - ⚙️ MongoDB Connection: Check your
MONGO_URIand database access permissions.
Indar Suthar