Welcome to the React Hooks Password Generator repository! This project harnesses the power of React hooks, including useState
, useEffect
, useRef
, and useCallback
, to create a dynamic and customizable password generator.
- Live Refresh: Adjust the password length, and watch the magic happen! The password dynamically refreshes as you change the length.
- Include Numbers: Want numbers in your password? Simply toggle the checkbox to include them.
- Special Characters: Spice things up with special characters! Toggle the special characters checkbox for an extra layer of complexity.
- Copy to Clipboard: A handy "Copy to Clipboard" button, powered by
react-hot-toast
, makes it easy to grab your generated password on the go.
- Clone the repository to your local machine.
- Install dependencies using your preferred package manager.
or
npm install
yarn install
- Run the application.
or
npm run dev
yarn start
- Open the application in your browser.
- Adjust the password length using the slider.
- Toggle the "Include Numbers" and "Special Characters" checkboxes based on your preferences.
- Click the "Copy to Clipboard" button to quickly copy the generated password.
- React
- React Hooks (
useState
,useEffect
,useRef
,useCallback
) react-hot-toast
for toast notifications- Vanilla JavaScript for clipboard functionality (
window.navigator
)
Contributions are welcome! Feel free to open issues, submit pull requests, or provide feedback to make this password generator even better.
This project is licensed under the MIT License.
Thank you for checking out the React Hooks Password Generator! Have fun generating secure and customizable passwords effortlessly. If you have any questions or suggestions, feel free to reach out. Happy coding! 🚀