Skip to content

sonalyadav1/Random-Password-Generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Here’s a sample README file content for a "Random Password Generator" project using HTML, CSS, and JavaScript.


Random Password Generator

A simple web-based random password generator application that allows users to generate strong, customizable passwords. The project is built with HTML, CSS, and JavaScript, offering users the ability to specify password length and character types for security.

Features

  • Random Password Generation: Creates strong, unpredictable passwords.
  • Character Type Selection: Choose from uppercase, lowercase, numbers, and special characters.
  • Customizable Length: Specify password length for greater security.
  • Copy to Clipboard: Easy copy functionality for convenience.
  • Responsive Design: Works on desktop and mobile devices.

Technologies Used

  • HTML5 - Structure of the application
  • CSS3 - Styling and layout
  • JavaScript - Logic and interactivity

Project Structure

/random-password-generator
├── index.html       # HTML file that structures the layout of the app
├── style.css        # CSS file for styling the app
└── script.js        # JavaScript file for password generation logic

Getting Started

Prerequisites

You will need a modern web browser (Chrome, Firefox, Edge, Safari) to run this project.

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/random-password-generator.git
  2. Open the project folder:

    cd random-password-generator
  3. Run the application: Open index.html in a web browser to start using the password generator.

Usage

  1. Open the application in a web browser.
  2. Choose your preferred password length using the slider.
  3. Select the character types you want to include (uppercase, lowercase, numbers, symbols).
  4. Click on the "Generate Password" button.
  5. Copy the generated password by clicking the "Copy" button.

Code Overview

index.html

  • Basic HTML structure with form elements for user inputs such as length and character type selection.
  • A button for generating the password.

style.css

  • Styling for layout, colors, fonts, and responsive design.
  • CSS Flexbox or Grid for alignment and structure.

script.js

  • JavaScript for generating random characters based on user selections.
  • Password generation logic:
    • Character pools for different types (uppercase, lowercase, numbers, symbols).
    • Functions for generating random characters.
    • Event listeners to handle button clicks for password generation and copying.

Future Improvements

  • Password Strength Meter: Provide visual feedback on the strength of the password.
  • Dark Mode: Toggle between light and dark themes.
  • Additional Options: Option to exclude similar characters for more readability.

License

This project is licensed under the MIT License.


Acknowledgments

  • Inspiration from various password generator apps.

Author

sonal yadav
GitHub

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published