https://github.com/qur786/react-native-password-generator

A Simple Password Generator Mobile Application Built With React Native.
https://github.com/qur786/react-native-password-generator

android ios nodejs react-native reactjs typescript

Last synced: 2 days ago
JSON representation

A Simple Password Generator Mobile Application Built With React Native.

• Host: GitHub
• URL: https://github.com/qur786/react-native-password-generator
• Owner: qur786
• Created: 2023-12-26T15:07:04.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2023-12-26T15:32:26.000Z (11 months ago)
• Last Synced: 2024-10-11T12:14:51.574Z (26 days ago)
• Topics: android, ios, nodejs, react-native, reactjs, typescript
• Language: TypeScript
• Homepage:
• Size: 374 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Password Generator App

This Password Generator app is built using React Native. It offers a user-friendly interface to generate secure passwords based on various criteria chosen by the user.

## Features

- **Password Length Input**: Users can input the desired length of the password.

- **Character Selection**: Checkboxes to choose from numbers, uppercase letters, lowercase letters, and symbols for password composition.

- **Generate Password Button**: Executes the logic to generate a password based on the selected criteria.

- **Password Display**: Shows the generated password in a text window for easy access and allows users to copy it.

- **Reset Functionality**: Includes a button to reset the app's state.

## Screenshots

### Home Page



### Input Password Length



### Choose Character Set & Generate Password



### Reset The State



## Dependencies

- **react-native-bouncy-checkbox**: Utilized to create visually appealing checkboxes.

- **yup**: Used for input validation.

- **formik**: Assists in managing form state.

## Installation

To run this app locally, follow these steps:

1. Clone the repository.

2. Install dependencies using `npm install` or `yarn install`.

3. Run the app using `npm start` or `yarn start`.

4. You would require additional packages to be installed if you want to run it in your computer via android/ios emulator. Please check the [official documenation](https://reactnative.dev/docs/environment-setup).

## Usage

1. Input the desired length of the password.

2. Select checkboxes to include numbers, uppercase letters, lowercase letters, and symbols.

3. Click on the "Generate Password" button.

4. Copy the generated password from the text window.

5. Use the "Reset" button to clear the app's state and start afresh.