https://github.com/kamlendras/password-generator

Random Password Generator
https://github.com/kamlendras/password-generator

joyui nextjs15

Last synced: 12 months ago
JSON representation

Random Password Generator

• Host: GitHub
• URL: https://github.com/kamlendras/password-generator
• Owner: kamlendras
• License: mit
• Created: 2025-05-08T05:45:38.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-08T12:04:06.000Z (about 1 year ago)
• Last Synced: 2025-06-09T22:49:04.646Z (12 months ago)
• Topics: joyui, nextjs15
• Language: TypeScript
• Homepage: https://amazing-password-generator.vercel.app/
• Size: 148 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yaml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# 🔐 Amazing Password Generator

A modern and user-friendly password generator built with **Joy UI** and **Next.js 15**. Generate secure, customizable passwords instantly!

[![Live Preview](https://img.shields.io/badge/Preview-Live%20Demo-green?style=for-the-badge)](https://amazing-password-generator.vercel.app/)

[![Next.js](https://img.shields.io/badge/Next.js-15-000000?style=for-the-badge&logo=next.js)](https://nextjs.org/)

[![Joy UI](https://img.shields.io/badge/Joy%20UI-Material%20Design%20Library-blue?style=for-the-badge)](https://mui.com/joy-ui/getting-started/)

![Password Generator Preview](/preview.png) 

---

## ✨ Features

- Generate passwords from **8 to 32 characters**

- Customize password complexity:

  - Uppercase letters

  - Lowercase letters

  - Numbers

  - Special symbols

- Strength indicator with color feedback

- One-click copy to clipboard

- Responsive design (works on mobile/desktop)

- Modern UI with **Joy UI** components

- Zero external dependencies

---

## 🚀 Quick Start

1. **Clone the repository**

   ```bash

   git clone https://github.com/kamlendras/password-generator.git

2. **Install dependencies**

     ```bash

   git clone https://github.com/kamlendras/password-generator.git

   cd password-generator

   bun install

3. **Run the development server**

    ```bash

   git clone https://github.com/kamlendras/password-generator.git

   bun run dev

4. Open http://localhost:3000 in your browser 

## 🛠️ Usage

1. Adjust the slider to set password length

2. Toggle character type checkboxes to customize complexity

3. Click **Generate Password** to create a new password

4. Use the copy button (📋) to copy to clipboard

5. Password strength updates in real-time:

   - 🔴 Weak (0-2 criteria)

   - 🟠 Medium (3 criteria)

   - 🟢 Strong (4 criteria)

 ## 🔧 Technologies

- **Next.js 15** - React framework with server-side rendering and static site generation

- **Joy UI** - Modern React component library for building design systems

- **TypeScript** - Strongly typed JavaScript superset

- **Vercel** - Cloud platform for static sites and serverless functions

## 🤝 Contributing

Contributions are welcome! Follow these steps to contribute:

1. **Fork the repository**  

   [Click here to fork](https://github.com/kamlendras/password-generator/fork)

2. **Create a feature branch**  

   ```bash

   git checkout -b feature/your-feature

3. **Commit your changes**  

   ```bash

   git commit -m 'feat: add new password validation'

4. **Push to GitHub**  

   ```bash

   git push origin feature/your-feature

5. **Open a Pull Request**  

   Describe your changes and reference any related issues

## License 📄

This project is licensed under the MIT License. See [LICENSE](LICENSE) for details.

## 🙏 Acknowledgments

- **Joy UI Team** - For creating an excellent React component library  

  [https://mui.com/joy-ui/getting-started/](https://mui.com/joy-ui/getting-started/)

- **Next.js Community** - For maintaining an awesome React framework  

  [https://nextjs.org/docs](https://nextjs.org/docs)

- **Vercel** - For seamless deployment experience  

  [https://vercel.com](https://vercel.com)