https://github.com/signor1/custompasswordstrengthchecker
Built a custom password strength checker that has copy-to-clipboard functionality with ReactJs(tsx), Vite and TailwindCSS
https://github.com/signor1/custompasswordstrengthchecker
Last synced: 9 months ago
JSON representation
Built a custom password strength checker that has copy-to-clipboard functionality with ReactJs(tsx), Vite and TailwindCSS
- Host: GitHub
- URL: https://github.com/signor1/custompasswordstrengthchecker
- Owner: Signor1
- Created: 2023-09-18T10:44:04.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-09-18T10:58:39.000Z (over 2 years ago)
- Last Synced: 2025-02-24T04:42:01.776Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://custom-password-strength-checker.vercel.app
- Size: 153 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Custom Password Strength Indicator with Copy-to-Clipboard Functionality
A custom password strength indicator built with React.js, TypeScript, Vite, and Tailwind CSS. This project helps users create strong and secure passwords by providing real-time feedback on password strength and allowing them to copy the generated password to the clipboard.
## Demo
[Live Demo](https://custom-password-strength-checker.vercel.app/)
## Features
- Real-time password strength evaluation.
- Copy generated password to the clipboard.
- Beautiful and responsive design using Tailwind CSS.
- Easily customizable for integration into other projects.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/Signor1/CustomPasswordStrengthChecker.git
```
2. Navigate to the project folder:
```bash
cd your-repo-name
```
3. Install dependencies:
```bash
npm install
```
## Usage
1. Start the development server:
```bash
npm run dev
```
2. Open your browser and visit `http://localhost:5173` to see the password strength indicator in action.
## Customization
You can customize the password strength criteria and styling by modifying the relevant components and styles in the project.
## Contributing
Contributions are welcome! If you find any issues or have ideas for improvements, please open an issue or submit a pull request.
## Acknowledgments
- [React](https://reactjs.org/)
- [Vite](https://vitejs.dev/)
- [Tailwind CSS](https://tailwindcss.com/)
## Contact
If you have any questions or feedback, feel free to reach out to me via [Mail](mailto:emmanuelomemgboji@gmail.com).