https://github.com/kstubhieeee/keynest
KeyNest is a modern, secure password manager built with React and MongoDB, featuring a sleek dark theme interface and robust credential management capabilities.
https://github.com/kstubhieeee/keynest
backend express-js modernui mongodb password password-manager reactjs tailwindcss
Last synced: 3 months ago
JSON representation
KeyNest is a modern, secure password manager built with React and MongoDB, featuring a sleek dark theme interface and robust credential management capabilities.
- Host: GitHub
- URL: https://github.com/kstubhieeee/keynest
- Owner: kstubhieeee
- Created: 2024-12-16T19:54:28.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-18T20:51:20.000Z (over 1 year ago)
- Last Synced: 2025-06-02T00:35:12.023Z (about 1 year ago)
- Topics: backend, express-js, modernui, mongodb, password, password-manager, reactjs, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 101 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# KeyNest - Secure Password Manager
KeyNest is a modern, secure password manager built with React and MongoDB, featuring a sleek dark theme interface and robust credential management capabilities.
## 🚀 Features
- **Secure Storage**: Safely store and manage your credentials
- **Modern UI**: Clean, dark-themed interface with smooth animations
- **Quick Actions**: Copy, edit, and delete credentials with ease
- **Real-time Feedback**: Toast notifications for all user actions
- **Responsive Design**: Works seamlessly across all device sizes
## 🛠️ Tech Stack
- **Frontend**:
- React 18
- Tailwind CSS
- React Toastify
- UUID
- **Backend**:
- Node.js
- Express
- MongoDB
- CORS
## 📁 Project Structure
```
KeyNest/
├── backend/
│ ├── server.js # Express server setup
│ └── .env # Environment variables
├── src/
│ ├── components/ # React components
│ │ ├── Footer.jsx
│ │ ├── Logo.jsx
│ │ ├── Manager.jsx
│ │ ├── Navbar.jsx
│ │ ├── PasswordForm.jsx
│ │ └── PasswordTable.jsx
│ ├── utils/
│ │ └── toast.js # Toast notification utilities
│ ├── App.jsx # Main application component
│ └── main.jsx # Application entry point
└── README.md
```
## 🚀 Getting Started
1. **Clone the repository**
```bash
git clone https://github.com/kstubhieeeee/keynest.git
cd keynest
```
2. **Install dependencies**
```bash
# Install frontend dependencies
npm install
# Install backend dependencies
cd backend
npm install
```
3. **Set up environment variables**
```bash
# In backend/.env
MONGO_URI=mongodb://localhost:27017/
DB_NAME=keynest
```
4. **Start the development servers**
```bash
# Start backend server (from backend directory)
node server.js
# Start frontend development server (from root directory)
npm run dev
```
## 💻 Usage
1. **Adding Credentials**
- Fill in the website URL, username, and password
- Click "Add Password" to save
2. **Managing Credentials**
- Copy: Click the copy icon next to any field
- Edit: Click the edit icon to modify credentials
- Delete: Click the delete icon to remove credentials
3. **Security Features**
- Password masking
- Secure clipboard operations
- Confirmation dialogs for destructive actions
## 🎨 UI Components
- **Logo**: Modern, animated logo with hover effects
- **PasswordForm**: Clean form with password visibility toggle
- **PasswordTable**: Responsive table with hover actions
- **Toast Notifications**: Different types for various actions
- Success: Green notifications for successful actions
- Error: Red notifications for failed operations
- Warning: Yellow notifications for important alerts
- Info: Blue notifications for general information
## 🔒 Security Considerations
- Passwords are stored securely in MongoDB
- Client-side password masking
- Secure API endpoints
- CORS protection
- Environment variable usage for sensitive data
## 📝 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 👨💻 Author
Kaustubh - [GitHub Profile](https://github.com/kstubhieeee)
Made with ❤️ using React and MongoDB
