A secure and user-friendly password manager built with React and TypeScript. Store, manage, and generate strong passwords for all your online accounts.
- 🔐 Secure password storage with encryption
- 👤 User authentication and account management
- 🔑 Password generation with customizable options
- 📱 Responsive design for all devices
- 🔄 Real-time password updates
- 🔍 Search and filter passwords
- 📋 Copy passwords to clipboard
- 🎨 Modern UI
- Frontend Framework: React with TypeScript
- Styling: Tailwind CSS with shadcn/ui components
- State Management: React Context API
- Routing: React Router
- Notifications: Sonner
- Build Tool: Vite
- Node.js (v16 or higher)
- npm or yarn
- Clone the repository:
git clone <repository-url>
cd whisper-key-safe- Install dependencies:
npm install- Create a .envfile in the root directory:
VITE_API_BASE_URL=your_api_url_here- Start the development server:
npm run devThe application will be available at http://localhost:5173
src/
├── components/     # Reusable UI components
├── context/       # React context providers
├── pages/         # Page components
├── config.ts      # Configuration and environment variables
└── App.tsx        # Root component
- npm run dev- Start development server
- npm run build- Build for production
- npm run preview- Preview production build
- npm run lint- Run ESLint
- npm run type-check- Run TypeScript type checking
- Client-side password encryption
- Secure token-based authentication
- Protected routes
- Password strength validation
- Secure password generation
- Fork the repository
- Create your feature branch (git checkout -b feature/amazing-feature)
- Commit your changes (git commit -m 'Add some amazing feature')
- Push to the branch (git push origin feature/amazing-feature)
- Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- shadcn/ui for the beautiful UI components
- Tailwind CSS for the utility-first CSS framework
- React for the amazing frontend library