https://github.com/ashwin-s-nambiar/password-generator

Password Generator - generates two random passwords based on the password length provided by the user.
https://github.com/ashwin-s-nambiar/password-generator

css3 html5 javascript

Last synced: 3 months ago
JSON representation

Password Generator - generates two random passwords based on the password length provided by the user.

• Host: GitHub
• URL: https://github.com/ashwin-s-nambiar/password-generator
• Owner: Ashwin-S-Nambiar
• Created: 2024-05-01T14:29:46.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-14T15:15:29.000Z (4 months ago)
• Last Synced: 2025-02-14T15:31:32.227Z (4 months ago)
• Topics: css3, html5, javascript
• Language: JavaScript
• Homepage: https://pwrd-generator.netlify.app/
• Size: 29.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# SecurePass 🔑



![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)

A powerful and user-friendly password generator that creates two random passwords based on user-specified criteria. Easily copy passwords with a single click for convenience and security.

[Features](#-features) • [Tech Stack](#-tech-stack) • [Installation](#-installation) • [Contributing](#-contributing) • [Screenshots](#-screenshots) • [Live](#-live) • [Author](#-author)



## ✨ Features

- **Customizable Password Length:** Generate passwords of your preferred size using a slider.

- **Character Set Selection:** Choose which character types to include: uppercase letters, lowercase letters, numbers, and special symbols.

- **Multiple Password Options:** Create two unique passwords simultaneously.

- **One-Click Copy:** Instantly copy generated passwords to your clipboard.

- **Random Password Generation:** Ensures unique and secure passwords each time.

- **Simple, Clean Interface:** User-friendly design for easy password creation.

- **Dark/Light Mode Switching:** Toggle between light and dark themes for comfortable use.

## 🛠 Tech Stack

- **HTML5:** Semantic markup for structuring the content.

- **CSS3:** Responsive styling for a polished user interface.

- **JavaScript:** Password generation logic, interactivity, and theme switching.

## 🚀 Installation

1. **Clone the Repository:**

      ```bash

      git clone https://github.com/Ashwin-S-Nambiar/password-generator.git

      cd password-generator

      ```

2.  **Open the Project:**

      **Simply open the `index.html` file in your web browser.  No further setup is required.**

## 🤝 Contributing

Contributions are welcome! Here's how you can help improve SecurePass:

1.  **Fork the repository**

2.  **Create a feature branch:**

      ```bash

      git checkout -b feature/your-feature-name

      ```

3.  **Make your changes and commit them:**

      ```bash

      git commit -m 'Add some feature'

      ```

4.  **Push to the branch:**

      ```bash

      git push origin feature/your-feature-name

      ```

5.  **Open a Pull Request**

## 📸 Screenshots



### SecurePass Interface (Dark Mode)

![SecurePass1](./assets/SecurePass-1.png)

### SecurePass Interface (Light Mode)

![SecurePass6](./assets/SecurePass-6.png)

### Option Selection

![SecurePass2](./assets/SecurePass-2.png)

![SecurePass3](./assets/SecurePass-3.png)

![SecurePass4](./assets/SecurePass-4.png)

![SecurePass5](./assets/SecurePass-5.png)



## 🌍 Live



[![Visit Site](https://img.shields.io/badge/Visit_Site-000?style=for-the-badge&logo=netlify&logoColor=white)](https://pwrd-generator.netlify.app/)



## 👤 Author

### Ashwin S Nambiar

- Portfolio: [ashwin-s-nambiar.is-a.dev](https://ashwin-s-nambiar.is-a.dev/)

- GitHub: [@Ashwin-S-Nambiar](https://github.com/Ashwin-S-Nambiar)

-----



Made with ❤️ by Ashwin S Nambiar