A secure, modern, and beautiful password manager application built with the MERN stack (MongoDB, Express, React, Node.js). Password Keeper allows you to safely store, manage, and retrieve your credentials with a sleek glassmorphism UI.
- Secure Storage: Passwords are stored in a MongoDB database.
- Modern UI: Built with React and Tailwind CSS, featuring a dark theme and glassmorphism effects.
- CRUD Operations: Add, Edit, Delete, and View your saved passwords easily.
- Copy to Clipboard: One-click copy for usernames and passwords.
- Search Functionality: Quickly find your accounts by site name or username.
- Responsive Design: Works seamlessly on desktop and mobile devices.
- Password Visibility: Toggle password masking for privacy.
Frontend:
Backend:
- Node.js
- Express.js
- MongoDB (Mongoose)
- Cors & Dotenv
Follow these instructions to get the project up and running on your local machine.
Ensure you have the following installed:
-
Clone the repository:
git clone https://github.com/your-username/PasswordKeeper.git cd PasswordKeeper -
Setup Backend: Navigate to the backend directory and install dependencies.
cd "Password Mannager/backend" npm install
Create a
.envfile in thebackendfolder and add your MongoDB URI:MONGO_URI=mongodb://127.0.0.1:27017/passwordkeeper PORT=5000
Start the backend server:
npm start
The server should run on
http://localhost:5000 -
Setup Frontend: Open a new terminal, navigate to the frontend directory:
cd "Password Mannager" npm install
Start the development server:
npm run dev
The app should be available at
http://localhost:5173
Contributions are welcome! Feel free to open an issue or submit a pull request.
This project is open source and available for learning/educational purposes.