Submitted almost 2 years ago

Formatted card number input / animated thank-you message

animation, react, vite

Guillermo Dominguez•440

@memominguez

A solution to the Interactive card details form challenge

Preview Code

Solution retrospective

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

Found library for formatting credit card input number. Also the method for validating the input... video tutorials and ChatGPT were helpful.

What challenges did you encounter, and how did you overcome them?

Refactored some features:

Show dummy card information on page load.
Hide error messages onFocus
Clear error messages when start re-writing

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

Regarding the input group for month / year, the labels are not exactly as shown in the design... anyone did it better?

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Guillermo Dominguez’s solution.

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