PassOp – Password Manager

PassOp is a full-stack password manager application with a React + Vite + TailwindCSS frontend and a Node.js + Express + MongoDB backend.

Features

• Add, edit, and delete passwords securely
• Responsive and modern UI with TailwindCSS
• Copy username and password to clipboard
• Animated icons for actions
• Data stored in MongoDB Atlas via backend API

Project Structure

Password_manager-mongo/
├── backend/
│   ├── package.json
│   └── server.js
├── Frontend/
│   ├── .gitignore
│   ├── eslint.config.js
│   ├── index.html
│   ├── package.json
│   ├── README.md
│   ├── vite.config.js
│   ├── public/
│   │   ├── vite.svg
│   │   └── Icons/
│   │       ├── crosseye.svg
│   │       ├── eye.svg
│   │       └── github.png
│   └── src/
│       ├── App.css
│       ├── App.jsx
│       ├── index.css
│       ├── main.jsx
│       ├── assets/
│       │   └── react.svg
│       └── Components/
│           ├── Footer.jsx
│           ├── Manager.jsx
│           └── Navbar.jsx

Getting Started

Prerequisites

• Node.js (v18+ recommended)
• npm

Backend Setup

1. Go to the backend directory:

   cd backend

2. Install dependencies:

   npm install

3. Start the backend server:

   node server.js

   The backend runs on http://localhost:3000.

Frontend Setup

1. Go to the Frontend directory:

   cd Frontend

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

   The frontend runs on http://localhost:5173 by default.

Usage

• Open the frontend in your browser.
• Add, edit, or delete passwords.
• All data is stored in MongoDB Atlas via the backend API.

Author

• Amay Sarve

---

This project uses React, Vite, TailwindCSS, Express, and MongoDB Atlas.