Skip to content

Latest commit

 

History

12 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 

Repository files navigation

🔐 Password Generator Webapp

A simple and efficient password generator web application built using HTML, SASS, and JavaScript. This webapp allows users to create strong and secure passwords with customizable options, ensuring enhanced online security.

✨ Features

  • 🔢 Generate strong passwords of desired length
  • 🔠 Include or exclude numbers, symbols, uppercase and lowercase letters
  • 📋 Copy generated passwords to clipboard
  • 🌙 Dark mode for better user experience
  • 📱 Responsive design for both desktop and mobile use

🛠️ Technologies Used

  • HTML: Structure of the webapp
  • SASS: Styling of the webapp
  • JavaScript: Functionality of the webapp

📚 Usage

  1. Open the webapp.
  2. Use the slider to select the desired password length.
  3. Check or uncheck the options to include uppercase letters, lowercase letters, numbers, and symbols.
  4. Click the "Generate" button to create a new password.
  5. Click the copy icon to copy the generated password to your clipboard.
  6. Use the dark mode toggle to switch between light and dark themes.

📁 Files

  • index.html: The main HTML file that structures the webapp.
  • style.scss: The SASS file for styling the webapp.
  • main.js: The JavaScript file that adds functionality to the webapp.

🙏 Acknowledgements

Special thanks to the following resources and contributors that made this project possible:

  • Font Awesome: For providing icons used throughout the webapp. Font Awesome's extensive icon library helps enhance the visual appeal and user experience of the application.
  • Google Fonts: For the beautiful fonts used in the project. Google Fonts provides a vast collection of fonts that are easy to integrate and add a professional touch to any web project.
  • Baffle.js: For the obfuscation effects used in the webapp. Baffle.js is a small JavaScript library that provides a fun and interesting way to animate text on the web.
  • SelfMadeSystem: For contributing UI components that enhance the functionality of the webapp via https://uiverse.io/.

📱 Screenshots

Desktop View

image

Mobile View

image

Live Demo

About

A web application to generate strong passwords, built with HTML, SASS, and JavaScript. Customize password length and character types for enhanced security.

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages