Skip to content

Mohammed-Naeem-Patel/Password-Manager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🔐 Password Manager

A modern, responsive, and user-friendly Password Manager built using HTML, CSS, and JavaScript. This application allows users to securely save website credentials in the browser using Local Storage, making them available even after refreshing the page.

The project features a clean and responsive user interface, password visibility toggle, clipboard support, toast notifications, and form validation to provide a smooth user experience.


📸 Demo

💻 Desktop View

Password Manager Desktop Demo

📱 Mobile View

Password Manager Mobile Demo


✨ Features

  • 🔐 Save website login credentials
  • 💾 Store passwords using Local Storage
  • 👁 Show and hide passwords
  • 📋 Copy passwords to the clipboard
  • 🗑 Delete saved passwords
  • 🔔 Beautiful toast notifications
  • ✅ Form validation
  • 📱 Fully responsive design
  • 🎨 Modern and clean user interface
  • 🔒 Password masking using bullet characters (•)
  • 📂 Dynamic password table
  • ⚡ Fast and lightweight application

🛠 Technologies Used

  • HTML5
  • CSS3
  • JavaScript (ES6)
  • Local Storage API
  • Clipboard API
  • Font Awesome

📂 Project Structure

Password-Manager/
│
├── Images/
│   ├── password-manager-demo.png
│   └── password-manager-mobile-demo.png
│
├── index.html
├── style.css
├── script.js
└── README.md

🚀 How to Run

  1. Clone the repository
git clone https://github.com/Mohammed-Naeem-Patel/Password-Manager.git
  1. Open the project folder.

  2. Open index.html in your preferred web browser.

No additional installation or setup is required.


📖 What I Learned

While building this project, I improved my understanding of:

  • DOM Manipulation
  • Event Handling
  • CRUD Operations
  • Local Storage
  • Clipboard API
  • Form Validation
  • Responsive Web Design
  • JavaScript Functions
  • Arrays and Objects
  • Dynamic HTML Rendering
  • UI/UX Improvements

🔮 Future Improvements

  • 🔑 Password Generator
  • 🔍 Search Passwords
  • ✏ Edit Saved Passwords
  • 🔐 Password Strength Indicator
  • 🌙 Dark Mode
  • 📤 Export Passwords
  • ☁ Cloud Synchronisation

👨‍💻 Author

Patel Mohammed Naeem

Computer Application Student | Aspiring Full Stack Web Developer

GitHub: https://github.com/Mohammed-Naeem-Patel


⭐ Support

If you found this project helpful, please consider giving it a ⭐ on GitHub.

About

A responsive Password Manager built using HTML, CSS, and JavaScript with Local Storage, password visibility toggle, clipboard support, and toast notifications.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors