Interactive Card Details Form Using Tailwind CSS

Hey everyone! This is my solution to the Interactive Card Details Form Challenge 💳

Project Details

🆕 This was a great project to practice JavaScript and using Regex. I was also able to use aria-describedby and aria-live in order to make the form inputs accessible without nesting them in a label tag.

⚠️ At the time of submitting, I haven't tested full accessibility, but I will be resubmitting this challenge soon here when I do.

📱I used input listeners in order to add a live preview to the form, add an opacity transition upon completion, and reset the form back to default values when the user is finished.

Feel free to leave comments on how I can improve my code.

Thanks! 😎