Skip to content

A React Password Generator App built to practice intermediate React hooks (useEffect, useRef, useCallback) along with mobile-responsive UI. Features include copy-to-clipboard and customizable password options.

Notifications You must be signed in to change notification settings

jaleel1122/Password-Generator

Repository files navigation

🔑 Password Generator (React.js)

A simple Password Generator App built with React.js.
The main goal of this project was to practice intermediate React hooks (useEffect, useRef, useCallback) and implement a copy-to-clipboard feature.

🔗 Live Demo

https://p8plt6-5173.csb.app/

Features

  • Generate random secure passwords
  • Customize password length
  • Include/exclude numbers and special characters
  • Copy to clipboard functionality
  • Responsive and easy-to-use UI

What I Practiced

  • useEffect → update password when options/length change
  • useRef → reference the password input to copy text
  • useCallback → memoize functions for performance
  • Handling real-world UX (clipboard access)
  • Responsive design → made the app mobile-friendly

🚧 Future Improvements

  • Add password strength indicator
  • Better styling with Tailwind or CSS frameworks

This is a practice project while learning React.

About

A React Password Generator App built to practice intermediate React hooks (useEffect, useRef, useCallback) along with mobile-responsive UI. Features include copy-to-clipboard and customizable password options.

Topics

Resources

Stars

Watchers

Forks