Password Generator
A beginner-friendly Svelte example: Create a password generator with customizable options
What You'll Learn
- Working with checkboxes using bind:checked
- Generating random strings
- Using the Clipboard API
- Handling user events
- Implementing password strength indicators
Project Structure
password-generator/ ├── src/ │ ├── lib/ │ │ ├── PasswordDisplay.svelte │ │ ├── OptionsForm.svelte │ │ └── StrengthMeter.svelte │ ├── utils/ │ │ ├── generator.js │ │ └── strength.js │ └── App.svelte ├── public/ │ └── index.html └── package.json
Key Features
- Customizable password length
- Include uppercase letters
- Include numbers and symbols
- Password strength indicator
- Copy to clipboard button
- Password history