Project Overview

Password Manager (Password_maager_Mongo) is a lightweight, secure single-user password manager built with a React + Vite frontend and an Express + MongoDB backend. It provides an easy UI to store, view and delete saved credentials locally in a MongoDB collection.

Key Features

• Simple UI: Clean, responsive interface built with React and Tailwind CSS.
• CRUD operations: Fetch, add and delete password records via a small Express API.
• MongoDB storage: Password records are persisted in a local MongoDB database.
• Notifications & icons: Uses react-toastify and react-icons for polished UX.

Tech Stack

• Frontend: React, Vite, Tailwind CSS, react-icons, react-toastify, uuid
• Backend: Node.js, Express, MongoDB (mongodb driver), cors, body-parser, dotenv
• Tooling: ESLint, PostCSS, Vite

Getting Started

Prerequisites:

• Node.js (v18+ recommended)
• npm or yarn
• MongoDB running locally (default connection used: mongodb://127.0.0.1:27017)

Install and run the frontend:

npm install
npm run dev

Install and run the backend:

cd Backend
npm install
node server.js

The backend listens by default on port 3000 and exposes simple endpoints used by the frontend.

API (as implemented in Backend/server.js)

• GET / — Returns all password records (collection passwords).
• POST / — Insert a password record (JSON body).
• DELETE / — Delete a password record (JSON body uses matching filter).

Project Structure

• src/ — React app source (components, styles)
• public/ — Static files and demo image(s)
• Backend/ — Express API and MongoDB integration

Environment

• The backend currently uses a local MongoDB connection string inside Backend/server.js. To use an environment variable, add a .env file in Backend/ and update the code to reference process.env.MONGO_URI.

Contributing

• Fork the repo, create a feature branch, open a pull request with a clear description and tests if applicable.

Screenshot