https://github.com/mehmet-github06/password-genarator-2

This is a simple web application where users can generate secure passwords with various customization options.
https://github.com/mehmet-github06/password-genarator-2

dom-manipulation html-css-javascript media-queries responsive-web-design

Last synced: 6 days ago
JSON representation

This is a simple web application where users can generate secure passwords with various customization options.

• Host: GitHub
• URL: https://github.com/mehmet-github06/password-genarator-2
• Owner: Mehmet-github06
• Created: 2024-02-10T21:55:13.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-02-10T22:06:00.000Z (12 months ago)
• Last Synced: 2024-11-15T17:17:31.990Z (2 months ago)
• Topics: dom-manipulation, html-css-javascript, media-queries, responsive-web-design
• Language: JavaScript
• Homepage: https://password-genarator-2.vercel.app
• Size: 72.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Password Generator

This is a simple web application where users can generate secure passwords with various customization options.

## Screenshots

![Password Generator](./Screenshot_3.jpg)

## Live Link

[Password Generator](https://password-genarator-2.vercel.app/)

## Features

- **Random Password Generation**: Users can generate random passwords by clicking a button.

- **Customizable Options**: Users can specify the password length and choose to include uppercase letters, lowercase letters, numbers, and symbols.

- **Copy to Clipboard**: Generated passwords can be easily copied to the clipboard.

- **User-Friendly Interface**: The interface is designed to be intuitive and easy to use.

## Technologies Used

- HTML

- CSS

- JavaScript

- Font Awesome Icons

- Notyf (for notifications)

## Usage

1. Open the web page in your browser.

2. Specify your desired settings for password generation, including the character length and options for including uppercase letters, lowercase letters, numbers, and symbols.

3. Click the "Generate" button to create a password.

4. Click the "Reset" button to clear the password display.

5. Click the "Copy" button to copy the generated password to your clipboard.

## Responsive Design

![Password Generator](./Screenshot_1.jpg)

## File Structure

- `index.html`: HTML file containing the structure of the web page.

- `style.css`: CSS file defining the style of HTML elements.

- `app.js`: JavaScript file for password generation and user interactions.

- `notyf.min.js` and `notyf.min.css`: Notyf library files for notifications.

- `favicon.ico` and `lock.png`: Favicon images for the web page.

## Installation

1. Clone the repository to your local machine:

   ```bash

   git clone https://github.com/your-username/password-generator.git