password-generator

🔐 Random Password Generator

A secure and customizable password generator built with React.js, JavaScript, and TailwindCSS. This tool helps users create strong, random passwords with adjustable length and character options—ideal for improving account security and user onboarding flows.

• 💻 Source Code
• 🌐 Live Demo 🛡️

🎯 Challenge Overview

🕒 Estimated Completion Time: 30–45 minutes

🛠️ Task Overview:

Build a password generator that allows users to customize character types and length. The UI should be responsive, intuitive, and provide real-time strength feedback.

📌 Requirements:

• 🔤 Character Options:
  • Uppercase letters (A–Z)
  • Lowercase letters (a–z)
  • Numbers (0–9)
  • Symbols (#, $, &, etc.)
• 📏 Length Control: Slider or buttons to adjust password length.
• 📋 Copy Button: One-click copy of the generated password.
• 🧠 Strength Indicator: Real-time feedback on password strength.
• ⚛️ State Management: Use React hooks to manage options and output.
• 🎨 Styling: Modern, responsive layout using TailwindCSS.

🔍 Development Focus:

• Component Modularity → Reusable controls and generator logic.
• UX Clarity → Clear toggles, instant feedback, and accessible interactions.
• Security Awareness → Ensure randomness and avoid predictable patterns.
• Accessibility → Keyboard-friendly controls and semantic HTML.

🌟 Additional Considerations:

• Add animation or toast feedback on copy.
• Support saving or exporting passwords securely.
• Consider integrating entropy calculation or password history.