All solutions

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

I finished it! Would love to refactor the CSS more. Also, write test cases

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

Styling and the typecasting problems around reactively watching form values from react-hook-form to dynamically render/update specific components. Did unfortunate workarounds.

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

Tailwind CSS feedback, please; the form could definitely be MUCH cleaner in terms of how it resizes and less layout shifting between each form.

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

I am proud I was able to finish it! Next time, I would like to do this without TailwindCSS and use fewer classes.

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

It was interesting to figure out how to make the XL Desktop view look nice. I ended up making it similar to the regular Desktop view.

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

Feedback on the responsive design and accuracy

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

I am glad I was able to complete the challenge.

You'll see many parts of what I wrote are declarative and repetitive. Not too happy about it. I'm definitely going to refactor my solution and write test cases.

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

The password strength checker function was the harder one to think through, especially considering I'm not the best with regex.

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

• Insights on the best way to refactor repetitive code and create pure functions for them or simply make it more functional.

Would love feedback on simplifying my form submission logic for checking if input fields are valid. It's very repetitive and I'm not too fond of it.

I initially did all the regex myself for formatting the card and identifying the card type but after a while, I ended up using the payment package to simplify my code.

I tried to do manual dom sanitation but ended up using DomPurify instead. Toggling between light and dark mode was interesting but after diving into the tailwind documentation I was good.

Feedback I definitely would love insights on handling my states better. failed, pending, completed! I felt as though I should've handled all the templating either on the HTML side and populated things using JS or rendering using JS and handled everything that way. I did a mixture of both, which can be a bit confusing I feel like.

I would also love feedback on cleaning my CSS. I felt as though I could've done a better job with that in regards to utilizing parent containers more to propagate changes.

Would love to receive feedback on how should I better structure my Vanilla CSS. Was going to use Sass but decided not to.