This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.
This is a simple and customizable password generator built using React. It allows users to generate secure passwords based on selected criteria such as length, inclusion of numbers, and special characters. It also includes a feature to copy the generated password to the clipboard.
- Generate random secure passwords
- Customize password length (6 to 20 characters)
- Option to include:
- Numbers (0–9)
- Special characters (!@#$%^&*+=)
- Automatically generates password on change
- Copy password to clipboard with a single click
- React (with Hooks: useState, useEffect, useCallback)
- JavaScript
- Tailwind CSS (optional, based on your styling)
/src ├── App.jsx # Main React component ├── App.css # Optional custom styles └── index.js # Application entry point
- Node.js and npm
- Clone the repository: git clone https://github.com/yourusername/password-generator-react.git
- Navigate into the project directory:cd password-generator-react
- Install dependencies: npm install
- Run the application: npm run dev
Open your browser and go to http://localhost:3000 to view the app.
- Use the slider to select the password length.
- Use the checkboxes to include numbers and/or special characters.
- The password will be generated automatically based on the selected criteria.
- Click the "COPY" button to copy the password to your clipboard.
- Your Name – GitHub Profile