PasswordGenZ is a modern, user-friendly web application designed to generate secure passwords quickly and easily. Built with React and powered by Vite, this app allows users to customize their passwords with various options, ensuring strong and unique credentials for enhanced security.
- Frontend Framework: React 19
- Build Tool: Vite
- Styling: Tailwind CSS 4
- Language: JavaScript (ES6+)
- Linting: ESLint
- Markup: HTML5
- Styling Language: CSS3
- Customizable Password Length: Adjust the password length from 6 to 100 characters using a slider.
- Include Numbers: Option to add numeric characters (0-9) to the password.
- Include Special Characters: Add special characters like !@#$%^&*~_-+ for stronger passwords.
- Include User Name: Optionally prepend your name to the generated password.
- Copy to Clipboard: One-click copy functionality with a confirmation alert.
- Responsive Design: Optimized for both desktop and mobile devices.
- Real-time Generation: Password updates automatically as options change.
- Custom Animations: Eye-catching wipe-in-out animation for the title.
-
Clone the repository:
git clone https://github.com/your-username/passwordGenz.git cd passwordGenz -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and navigate to
http://localhost:5173(or the port shown in the terminal).
- Adjust the password length using the slider.
- Check the boxes to include numbers, special characters, or your name.
- If including your name, enter it in the provided input field.
- The password will generate automatically.
- Click the "COPY" button to copy the password to your clipboard.
Created by Manmohit Singh
This project is open source and available under the MIT License.
Contributions are welcome! Please feel free to submit a Pull Request.
- Password strength indicator
- Save generated passwords locally
- Export passwords to a file
- Dark mode toggle