Skip to content

πŸ” A customizable password generator built with HTML, CSS, and JavaScript. Includes copy-to-clipboard and options for length, uppercase, lowercase, numbers, and symbols.

License

Notifications You must be signed in to change notification settings

nirdhum/pass-gen

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

8 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ” PassGen – Password Generator

PassGen is a simple, secure, and customizable password generator built with HTML, CSS, and JavaScript. It allows users to generate strong passwords with options to include uppercase, lowercase, numbers, symbols, and set the desired length. It also includes a copy-to-clipboard button for easy use.

🌟 Features

  • πŸ”’ Set password length
  • πŸ”  Include/exclude uppercase letters
  • πŸ”‘ Include/exclude lowercase letters
  • πŸ”’ Include/exclude numbers
  • πŸ”£ Include/exclude symbols
  • πŸ“‹ Copy password to clipboard with one click
  • ⚑ Instantly generates password on demand
  • 🎨 Clean, responsive, and accessible UI

πŸš€ Live Demo

πŸ‘‰ Try it Live

πŸ› οΈ Technologies Used

  • HTML5 – Structure and UI elements
  • CSS3 – Styling and responsive layout
  • JavaScript (ES6) – Logic and functionality

πŸ“ Project Structure

pass-gen/
β”œβ”€β”€ index.html # Main HTML file
β”œβ”€β”€ style.css # CSS styles
β”œβ”€β”€ script.js # Password generation logic
└── README.md # Project documentation

βš™οΈ How It Works

1. Choose Settings

Users can customize:

  • Password length (e.g. 8–20 characters)
  • Whether to include:
    • Uppercase letters
    • Lowercase letters
    • Numbers
    • Symbols

2. Generate Password

Click the "Generate Password" button to create a new random password based on the selected criteria.

3. Copy to Clipboard

Click the "Copy" button to copy the generated password to your clipboard. A small notification (optional) confirms the action.

🧠 JavaScript Logic (Overview)

  • Character pools are defined for each type: uppercase, lowercase, numbers, symbols.
  • Based on user selections, a character set is assembled.
  • A loop runs length times, selecting random characters from the pool.
  • Clipboard API (navigator.clipboard.writeText) is used to copy the password.

πŸ”§ Setup & Installation

To run this project locally:

# Clone the repository
git clone https://github.com/nirdhum/pass-gen.git

# Navigate into the directory
cd pass-gen

# Open index.html in your browser

Or simply open index.html in any modern browser.

πŸ™Œ Contributing

  • Contributions are welcome!
  • Fork the repo
  • Create a new branch
  • Make your changes
  • Submit a pull request

πŸ“„ License

This project is licensed under the MIT License.

πŸ‘¨β€πŸ’» Author

Nirdhum

⭐️ Show Your Support

If you find this project helpful, please give it a ⭐️ on GitHub and share it with others!

About

πŸ” A customizable password generator built with HTML, CSS, and JavaScript. Includes copy-to-clipboard and options for length, uppercase, lowercase, numbers, and symbols.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published