This is a React Native Password Generator App that allows users to generate strong, customizable passwords based on selected criteria like lowercase letters, uppercase letters, numbers, and symbols.
It also includes form validation using Yup and Formik, and allows copying the generated password to the clipboard easily.
-
Clone the repository:
git clone <your-repository-url> cd <your-project-folder>
-
Install the dependencies:
npm install
-
Install additional libraries:
npm install yup formik react-native-bouncy-checkbox @react-native-clipboard/clipboard
-
Link native dependencies (only if needed):
npx react-native link
- ✅ Set password length (validated using Yup).
- ✅ Choose to include:
- Lowercase Letters (a-z)
- Uppercase Letters (A-Z)
- Numbers (0-9)
- Symbols (!@#$%^&*()_+)
- ✅ Copy the generated password to clipboard.
- ✅ Form validation with Formik and Yup.
- ✅ Reset form and password easily.
- ✅ Clean and modern UI.
- React Native
- Formik (for form handling)
- Yup (for schema validation)
- @react-native-clipboard/clipboard (to copy to clipboard)
- react-native-bouncy-checkbox (for attractive checkboxes)
- Setting up Formik with Yup for form validation.
- Creating dynamic strings based on user selection.
- Copying text to the clipboard.
- Managing React Native UI components and styling.
-
Run on Android:
npx react-native run-android
-
Run on iOS (MacOS required):
npx react-native run-ios
- 🎥 React Native Mastery Course by Hitesh Choudhary
- 📘 React Native Official Documentation
- 📘 Yup (Schema Validation) Documentation
- 📘 Formik (Forms Handling) Documentation
- 📘 React Native Bouncy Checkbox (NPM)
- 📘 React Native Clipboard (NPM)
- 🎨 UIColor Picker (LearnCodeOnline)
This app is part of my journey following the React Native Mastery Course by Hitesh Choudhary.
This project is open-source and free to use for learning purposes.
Feel free to fork, modify, and improve! 🤝
Built with ❤️ using React Native