🔐 Password Manager Pro

A secure, modern, and user-friendly password management solution
Explore the docs »

View Demo

✨ Features

• 🔒 Secure password storage with Firebase
• 🎨 Beautiful, category-based organization
• 📱 Responsive design for mobile and desktop
• 🌓 Dark mode support
• 🔍 Quick search functionality
• 🎲 Password generator
• 📋 One-click copy for credentials
• 🔄 Real-time updates
• 👥 User authentication
• 📱 Mobile-first design

🛠️ Built With

• Frontend Framework: React 18.3.1
• Build Tool: Vite
• Styling: Tailwind CSS
• Icons: Lucide React
• Language: TypeScript
• Backend: Firebase (Authentication & Firestore)
• Code Quality: ESLint
• State Management: React Context
• Performance: Modern JavaScript features & optimizations

🚀 Getting Started

1. Clone the repository

   git clone https://github.com/raflyazwar/password-manager.git

2. Install dependencies

   npm install

3. Set up Firebase

   • Create a new Firebase project
   • Enable Authentication and Firestore
   • Copy your Firebase config to src/lib/firebase.ts

4. Start the development server

   npm run dev

5. Build for production

   npm run build

🌟 How It Works

1. Create an account or log in
2. Add passwords with categories (Game, Social Media, Others)
3. View and manage your passwords with easy-to-use interface
4. Search and filter passwords
5. Copy credentials with one click
6. Generate secure passwords automatically

💻 Technical Features

• Secure Authentication: Email-based authentication with Firebase
• Real-time Database: Firestore for instant updates
• Category Management: Organized password storage
• Search Functionality: Quick access to stored passwords
• Responsive Design: Mobile-first approach
• Dark Mode: System-based and manual theme switching
• Password Generation: Strong password creation
• Clipboard Integration: Easy credential copying

🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📝 License

Distributed under the MIT License. See LICENSE for more information.

👨‍💻 Author

Rafly Azwar

• GitHub: @raflyazwar
• Website: raflyazwar.dev

🙏 Acknowledgments

• Firebase for authentication and database
• React for the frontend framework
• Tailwind CSS for styling
• Lucide React for icons

💖 Support

If you find this project helpful, please consider giving it a ⭐️ on GitHub!

• BagiBagi: Support on BagiBagi
• Saweria: Support on Saweria
• Socialbuzz: Support on Socialbuzz

---

Made with ❤️ by Your Name