🔐 PassMate - Secure Password Manager

SCREENSHOTS

---

🖥️ Demo

Live Link: https://passmate-b6bf0.web.app

---

🌟 Features

• 🛡️ Zero-Knowledge Vault: All credentials are kept secure with client-side AES encryption.
• 🔑 Master Key Access: Session-based access ensures your vault is only decrypted by you.
• 💪 Password Strength Indicator: Real-time feedback on password strength using zxcvbn.
• 📧 Multi-Factor Authentication: Supports both Google Sign-In and traditional Email/Password.
• 📲 TOTP 2FA Generator: Includes a built-in QR code and secret key generator for your 2FA needs.
• 📥 Secure Vault Export: Export your entire encrypted vault to a JSON file for backup.
• 🎤 Voice Search: Search through your credentials hands-free using voice commands.
• 🎮 Gamified Security: Earn points and unlock badges for practicing good security habits.
• 🎨 Theme Toggle: Switch between a sleek dark mode and a clean light mode.

---

🛠️ Tech Stack

• Frontend: React, Styled-Components, React-Icons
• Backend: Firebase Authentication, Firestore
• Security: AES encryption (CryptoJS), TOTP 2FA (otplib)
• Deployment: Firebase Hosting

---

📂 Project Structure

• passmate/
  • .firebaserc
  • .gitignore
  • firebase.json
  • package-lock.json
  • package.json
  • README.md
  • public/
    • index.html
  • src/
    • App.css
    • App.js
    • App.test.js
    • Login.js
    • MainApp.js
    • firebase.js
    • index.css
    • index.js
    • reportWebVitals.js
    • setupTests.js
    • theme.js
    • utils/
      • crypto.js

🚀 Quick Start

1. Clone the repository:

   git clone https://github.com/AnujG-05/PassMate-Secure-Password-Manager.git
   cd passmate
   

2. Install dependencies:

   npm install

3. Add your Firebase config to src/firebase.js.

4. Run the application:

   npm start