🔑 PassOP: Your Password Manager 🚀

Hi there, Secure your online life with PassOP!

Overview 📌

🔒 **PassOP** is a simple and secure password manager built with React that allows users to save, view, edit, and delete their passwords.
💡 It helps you manage your passwords efficiently and securely using modern encryption techniques.

Features

💾 Add Password: Save a new password with a website URL, username, and password.
📝 Edit Password: Update an existing password easily.
❌ Delete Password: Remove any saved password you no longer need.
📋 Copy to Clipboard: Quickly copy website URLs, usernames, and passwords to your clipboard.
👁️ Show/Hide Password: Toggle visibility of passwords for added convenience.

Open-Source-Programmes 🤝

This project is now OFFICIALLY accepted for

Getting Started 🚀

Prerequisites

Ensure you have the following installed:

Node.js (version 14.x or higher)
npm (Node package manager)
Vite (for running the React front-end)
MongoDB (local or cloud instance)

Installation

1. Clone the Repository:

git clone https://github.com/<your-username>/PassOP.git
cd PassOP

2. Setting Up the Backend:

Navigate to the backend folder:

cd backend

Install the required dependencies:

npm install

Set up your environment variables. Create or edit the .env file in the backend folder with the following:
```
MONGO_URI=<your-mongodb-connection-string>
DB_NAME=<your-database-name>
```
Run the backend server:

node server.js

3. Setting Up the Frontend:

Move back to the root directory:

cd ..

Install the front-end dependencies:

npm install

Run the React application using Vite:

npm run dev

4. Access the Application:

Open your browser and go to: http://localhost:3000

Now your password manager should be running locally!

Folder Structure 📂

PassOP/
├── backend/ # Backend Node.js application
│   ├── server.js # Main server file
│   ├── .env # Environment configuration (not included in repo)
│   ├── package.json # Backend dependencies
│   └── ... # Other backend files
├── frontend/ # React frontend application (using Vite)
│   ├── src/ # React components and files
│   ├── public/ # Public static files
│   ├── package.json # Frontend dependencies
│   └── vite.config.js # Vite configuration file
├── README.md # This file
└── ...

Contributing ⭐

We welcome all contributions! Read our CONTRIBUTING.md to get started building! 🛠️

Code of Conduct 📜

Please make sure to review and follow the project's Code of Conduct when contributing.

Project Admin ⚡

Adarsh

Contributors

Big thanks to all the contributors who have helped make Passop a better platform! 🎉

abhayksahu369/passop