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

• 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

1. Clone the repository

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

2. Install dependencies

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

3. Run the development server

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

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

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)

• 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

Contributions are welcome! Follow these steps to contribute:

1. Fork the repository
   Click here to fork

2. Create a feature branch

   git checkout -b feature/your-feature
   

3. Commit your changes

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

4. Push to GitHub

   git push origin feature/your-feature

5. Open a Pull Request
   Describe your changes and reference any related issues

This project is licensed under the MIT License. See LICENSE for details.

• Joy UI Team - For creating an excellent React component library
  https://mui.com/joy-ui/getting-started/

• Next.js Community - For maintaining an awesome React framework
  https://nextjs.org/docs

• Vercel - For seamless deployment experience
  https://vercel.com