This is a simple password generator built with Next.js. The generator allows users to create secure passwords with customizable options for length and character types. It also includes a feature to copy the generated password to the clipboard with a visual feedback effect.
- Generate secure passwords
- Customize password length (4 to 32 characters)
- Include lowercase letters, uppercase letters, numbers, and symbols
- Copy generated password to clipboard with visual feedback
[http://localhost:3000]
These instructions will help you set up and run the project on your local machine.
- Node.js (version 14 or higher)
- npm (version 6 or higher)
- Clone the repository:
git clone https://github.com/pnvdev/nextjs-password-generator
- Navigate to the project directory:
cd password-generator - Install the dependencies:
npm install
To start the development server, run:
npm run devOpen http://localhost:3000 in your browser to see the application.
To build the application for production, run:
npm run buildThis will create an optimized build of the application in the dist folder.
- Open the application.
- Customize the password options by selecting the desired length and character types.
- Click the "Generate password" button to create a new password.
- Click the copy icon next to the generated password to copy it to the clipboard. A tooltip will appear indicating that the password has been copied.
- Code Style: Follow TypeScript and React best practices.
- Styling: Tailwind CSS is used for styling. Customize styles in
tailwind.config.jsif needed. - State Management: React's
useStateanduseEffecthooks are used for managing game state and effects.
- Fork the repository.
- Create a new branch for your feature or fix.
- Make your changes and commit them.
- Push your changes to your fork.
- Open a pull request with a description of your changes.
This project is licensed under the MIT License.
For any questions or feedback, please reach out to paulvallejos@gmail.com.