A React app that generates random, secure passwords with configurable length and character sets.
One of my first useful tools, built with several goals in mind: understanding the basics of password security, getting hands-on with React and TypeScript, and shipping something practical rather than just another tutorial clone. It was also a good exercise in managing multiple pieces of interdependent state and surfacing meaningful feedback to the user through the strength indicator.
- 🔒 Generate passwords between 1 and 30 characters
- 🔤 Mix lowercase, uppercase, numbers and symbols
- 🎨 Visual strength indicator so you know how secure your password is
- 📋 One-click copy to clipboard
- ❌ Requires at least one character type to be selected
- 📱 Fully responsive, works on mobile
| Layer | Technology |
|---|---|
| UI Framework | React 18 + TypeScript |
| Styles | SCSS |
| Deployment | Netlify |
git clone https://github.com/ajsevillano/password-generator.git
cd password-generator
npm install
npm startOpen http://localhost:3000 in your browser.
Note: This project uses Sass in standalone (global) mode. If styles don't compile, install it globally:
npm install -g sass
| Command | Description |
|---|---|
npm start |
Start development server |
npm run build |
Build for production |
npm test |
Run tests |
Found a bug or have an idea? Feel free to open an issue.
MIT