Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/amankumarsinhagithub/password-generator
🚀 React Password Generator Pro App
https://github.com/amankumarsinhagithub/password-generator
front-end frontendproject password project react reactjs web-development
Last synced: 25 days ago
JSON representation
🚀 React Password Generator Pro App
- Host: GitHub
- URL: https://github.com/amankumarsinhagithub/password-generator
- Owner: AmanKumarSinhaGitHub
- Created: 2024-01-09T18:31:12.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-01-09T18:53:08.000Z (10 months ago)
- Last Synced: 2024-01-09T20:54:46.140Z (10 months ago)
- Topics: front-end, frontendproject, password, project, react, reactjs, web-development
- Language: JavaScript
- Homepage: https://amankumarsinhagithub.github.io/Password-Generator/
- Size: 95.7 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Password Generator App
A simple and secure Password Generator app built with React. Generate strong and random passwords with customizable options to meet your security needs.
## Features
- **Password Generation:**
Generate random and secure passwords with options for length, numbers, and special characters.- **Copy to Clipboard:**
Easily copy the generated password to the clipboard with a single click.- **Customizable Options:**
Customize the password length and choose whether to include numbers and special characters.- **Visual Feedback:**
Get visual feedback when the password is copied, with a temporary "COPIED" message.## Demo
Check out the live demo of the app [here](https://amankumarsinhagithub.github.io/Password-Generator/).
## Getting Started
### Prerequisites
Make sure you have [Node.js](https://nodejs.org/) installed on your machine.
### Installation
1. **Clone the repository:**
```bash
git clone https://github.com/AmanKumarSinhaGitHub/Password-Generator.git
```2. **Navigate to the project directory:**
```bash
cd Password-Generator
```3. **Install dependencies:**
```bash
npm install
```### Usage
1. **Run the app:**
```bash
npm run dev
```2. **Open your browser and visit [http://localhost:5173/](http://localhost:5173/) to use the app.**
## Preview
![password-generator-preview](https://github.com/AmanKumarSinhaGitHub/Password-Generator/assets/65329366/252bfc96-ffe5-4066-aeb4-3e89f00fba3c)## How to Use
1. Adjust the password length using the slider.
2. Enable or disable including numbers and special characters.
3. Click the "COPY" button to copy the generated password to the clipboard.## Contributing
We welcome contributions from the community! If you'd like to contribute to the development of the Password Generator App, please follow these steps:
1. **Fork the Repository:** Click on the "Fork" button on the top right corner of this repository to create your copy.
2. **Clone your Fork:** Clone your forked repository to your local machine using the following command:
```bash
git clone https://github.com/AmanKumarSinhaGitHub/Password-Generator.git
```3. **Create a Branch:** Create a new branch for your feature or bug fix:
```bash
git checkout -b feature-or-bugfix-name
```4. **Make Changes:** Make your changes to the code. Ensure that your changes follow the project's coding standards.
5. **Test Locally:** Test your changes locally to ensure they work as expected.
6. **Commit Changes:** Commit your changes with a descriptive commit message:
```bash
git commit -m "Add feature or fix bug: brief description"
```7. **Push Changes:** Push your changes to your forked repository:
```bash
git push origin feature-or-bugfix-name
```8. **Create a Pull Request:** Go to the [original repository](https://github.com/AmanKumarSinhaGitHub/Password-Generator) and create a pull request. Provide a clear title and description of your changes.
9. **Code Review:** Your changes will be reviewed by the maintainers. Address any feedback and make further changes if necessary.
10. **Merge:** Once your changes are approved, they will be merged into the main branch.
## Acknowledgments
- [React](https://react.dev/) - A JavaScript library for building user interfaces.
**Thanks for using our Password Generator App! Stay secure!**