A clean and responsive credential management app built using HTML, Tailwind CSS, and Vanilla JavaScript. VaultGuard allows users to securely store, view, edit, and delete credentials right in the browser, with data persisted using LocalStorage.

👉 View on Netlify
👉 View on GitHub Pages

• ➕ Add new credentials with service name, username, and password
• 👀 View stored credentials in a clean, responsive table
• 🔄 Toggle Security Mode – enable/disable sensitive actions:
  • 🔓 Unlocked Mode → View passwords, edit credentials, delete credentials
  • 🔒 Locked Mode → All sensitive actions disabled for safety
• ✏ Edit credentials using an edit mode toggle
• 🗑 Delete credentials instantly
• 💾 Persistent storage using LocalStorage
• 🎨 Styled with Tailwind CSS
• 📱 Fully responsive design

1. Fill in the Service Name, Username, and Password fields
2. Click Add to save the credential
3. Use Edit to modify stored credentials
4. Use 🗑 Delete to remove a credential
5. Use the Security Mode Toggle at the top to control actions:
   • Unlocked Mode → You can view passwords, edit credentials, and delete them
   • Locked Mode → All sensitive actions are disabled for protection
6. Data stays saved even after refreshing the page

📦  VaultGuard/
├── index.html              # Main HTML file
├── vaultguard.css          # Compiled Tailwind CSS
├── logo.png                # App logo
├── vaultguard_script.js    # All JS logic
├── Project Previews/       # Project Screenshots
│ ├── vaultguard_desktop.png
│ └── vaultguard_editmode.png
│ └── vaultguard_home.png
│ └── vaultguard_mobile.png
└── .gitignore        # Files to be ignored by Git

MIT License © 2025 Zeel Panchal

Zeel Panchal
GitHub Profile