An open API service indexing awesome lists of open source software.

https://github.com/immortalwebdev/safe-password-generator

A simple and easy-to-use password generator built with vanilla JavaScript, CSS and HTML
https://github.com/immortalwebdev/safe-password-generator

css html js password-generator vercel-deployment

Last synced: about 2 months ago
JSON representation

A simple and easy-to-use password generator built with vanilla JavaScript, CSS and HTML

Awesome Lists containing this project

README

          

# 🔒 Safe Password Generator

A lightweight and easy-to-use password generator built with vanilla JavaScript. Customize your password's length and character types to ensure robust security.

## 🚀 Features

- Generate random passwords with:
- ✅ Uppercase letters
- ✅ Lowercase letters
- ✅ Numbers
- ✅ Symbols
- Adjustable password length.
- Copy passwords to clipboard with one click.

## 🛠️ Tech Stack

- HTML
- CSS
- JavaScript

## 🎯 How It Works

1. Select the desired options:
- Uppercase, lowercase, numbers, and/or symbols.
- Specify the password length.
2. Click **Generate Password** to create a random password.
3. Copy the password to your clipboard using the copy button.

---

## 📂 Project Structure

```
password-generator/
├── index.html # UI Layout
├── style.css # Styling
└── script.js # Core Logic
```

## 📋 Usage

1. Clone this repository:
```bash
git clone https://github.com/immortalWebDev/safe-password-generator.git
```
2. Navigate to the project directory:
```bash
cd password-generator
```
3. Open `index.html` in your browser:
```bash
open index.html
```

## 🔑 Example

### Input:
- Length: 12
- Include: Uppercase, Numbers, Symbols

### Output:
```
@B3g!Ty1nZ$x
```

## 📌 To-Do

- [ ] Add more customization options.
- [ ] Implement dark mode.
- [ ] Save generated passwords locally.

## 🧑‍💻 Contributing

Contributions are welcome! Please follow these steps:

1. Fork this repository.
2. Create a new branch:
```bash
git checkout -b feature-name
```
3. Commit your changes:
```bash
git commit -m "Add new feature"
```
4. Push the branch:
```bash
git push origin feature-name
```
5. Open a pull request.

## 🌐 Try live demo

- [Live link of project](https://safe-pass-piyush.vercel.app/)

## ❤️ Acknowledgments

Thanks to all the developers who inspire secure coding practices.

## 📧 Contact

For any inquiries, feedback, or support:
- **Phone:** [WhatsApp](https://wa.me/917774835449)
- **Email**: [pgbadgujar007@gmail.com](mailto:pgbadgujar007@gmail.com)
- **Portfolio**: [My Portfolio](https://www.snapit.tech/pgbadgujar007/5w3jtzcp1e)

---

Enjoy a secure experience! 😊

Created with 💝 by Piyush