Frontend Mentor - Password generator app solution

This is a solution to the Password generator app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Useful resources
• Author
• Acknowledgments

Overview

Screenshot

Links

• Live Site URL

My process

Built with

• Vite
• Tailwind
• TypeScript
• React

What I learned

This challenge allow me to use a handy hook from the copy functionality from react.gg. I continued using shadcn. I also used the most helpful group class from Tailwind to style nested elements without setting state.

Useful resources

• Button Group - Amazing button group example.
• SVG to JSX

Author

• Website - Robert Crocker
• Frontend Mentor - @robcrock
• Twitter - @robcrock
• LinkedIn - @robercrocker