Skip to content
Submitted about 2 months ago

Password generator app built with REACT | VITE | TYPESCRIPT - MikDra1

#react#typescript#vite#styled-components
P
MikDra1•7,450
@MikDra1
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Password generator app
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

💻 Hello 👋 Frontend Mentor Community,

This is my solution for the Password generator app.

  • You should be able to:

  • Generate a password based on the selected inclusion options

  • Copy the generated password to the computer's clipboard

  • See a strength rating for their generated password

  • View the optimal layout for the interface depending on their device's screen size

  • See hover and focus states for all interactive elements on the page

🛠️ Built with:

  1. HTML ✨
  2. CSS 🎨
  3. JavaScript 🧾
  4. React ⚛️
  5. Vite.js 💡
  6. Context API 🛒
  7. Styled-Components 💅
  8. TypeScript 🇹🇸

  • Fully responsive design crafted with a mobile-first approach 📱

  • Enjoyed every moment coding this! 😎

  • Feedback is always welcome—let’s grow together! 🌱

  • Completed 14 out of 28 Intermediate Challenges so far—keeping up the momentum! 🔥

  • Completed 1 out of 12 Intermediate Premium Challenges 🔥

  • 👨‍💻 Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.

  • As I am developing in my journey with React I'm really looking forward to hearing your thoughts and suggestions! 💡

Community feedback

  • Marzia Jalili•4,630
    @MarziaJaliliPosted about 2 months ago

    Outstanding!

    The project looks flawless overall!

    A tiny area you could fix:

    When the copy button is click the copied text is show and then it disappears after a little while. However, if the button is clicked multiple times in a row, the text is somehow acting up and it doesn't appear properly.

    I assume it's because you haven't cleaned up the interval before every click.

    You can apply interval clean-up to prevent the issue.

    😎😎😎

    Marked as helpful
    0
    P
    MikDra1•7,450
    @MikDra1Posted about 2 months ago

    @MarziaJalili Thanks for feedback and kind words! 🤩

    1

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord