Submitted 3 months ago

Password Generator App (React, TypeScript)

#tailwind-css#typescript#vite#react

Darkstar•1,310

@DarkstarXDD

Preview site View code

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?

Built with. 🔨

React
TypeScript
Tailwind
Radix Primitives - for the Slider component
Vite

Features. ✨

Generate a new random password based on the password options user selects.
A new password is generated on page load and every time the user makes a change to an input or when the "Regenerate" button is clicked.
User can copy the generated password to the clipboard by clicking a button.

New Things Learned. 🎓

This was my first time using a headless UI library.

What specific areas of your project would you like help with?

Any sort of feedback is appreciated!

Community feedback

SydsBike•210
@SydsBikePosted 2 months ago
Looks great and functions well. It doesn't appear to have an empty state though.
0
Darkstar•1,310
@DarkstarXDDPosted 2 months ago
@SydsBike Thanks! What do you mean by an empty state? You mean the state where the password field is empty? If so, i didn't really see a point of having an empty field. When the user comes to the site there is already a password generated based on the options that i recommend. If they want they can regenerate new passwords for the options they like. So yeah i don't see having an empty field when the user first loads the page.
0

Please log in to post a comment

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