Skip to content

DhruvJohri/Frontend-Password-Manager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ” PassOP – Password Manager

CI npm license Live Preview


πŸ“– Overview

PassOP is a full-stack password manager πŸ” built with the MERN stack.
It allows users to securely save, view, edit, and delete website credentials (URL, username, password).
The UI is responsive, clean, and interactive, styled with Tailwind CSS + React Toastify for smooth user feedback.

πŸ‘‰ Live Demo: frontend-password-manager-lemon.vercel.app


πŸ› οΈ Tech Stack

  • πŸ—„οΈ MongoDB – Store encrypted password entries
  • βš™οΈ Express.js – REST API backend
  • ⚑ React (Vite) – Modern frontend
  • πŸ–₯️ Node.js – Backend runtime
  • 🎨 Tailwind CSS – Responsive UI styling
  • πŸ”” React-Toastify – Notifications & feedback

πŸ”‘ Features

βœ… Save, view, edit, and delete credentials
βœ… Passwords masked by default (toggle to show πŸ”’)
βœ… One-click copy for site, username & password
βœ… Toast notifications for actions (copy, save, delete)
βœ… Fully responsive & mobile-friendly UI
βœ… Secure backend with MongoDB Atlas


πŸ“‚ Project Structure

passop-mongo
┣ πŸ“‚ backend         # Express.js + MongoDB API
┃ β”— server.js        # Backend entry point
┣ πŸ“‚ src             # React frontend
┃ ┣ πŸ“‚ components
┃ ┃ β”— Manager.jsx    # Core password manager logic
┃ β”— App.jsx          # Root app (Navbar + Manager + Footer)
β”— README.md

πŸš€ Getting Started (Local Setup)

1️⃣ Clone the repo

git clone https://github.com/your-username/passop-mongo.git
cd passop-mongo
cd backend
npm install
npm start

🀝 Contributing

Contributions, issues, and feature requests are welcome!

πŸš€Fork the repo

🌐Create a feature branch (git checkout -b feature-name)

πŸ”Commit changes (git commit -m 'Add feature')

🌟Push and open a PR πŸš€


πŸ“œ License

This project is licensed under the MIT License. Feel free to use, improve, and share ✨

πŸ’‘ Built with ❀️ + β˜• by Dhruv Johri

About

PassOP is a full-stack password manager πŸ” built with the MERN stack.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published