All solutions

A small and interesting project to work on, and I decided to implement it using Vue. I incorporated additional form validation and made several UI adjustments, such as ensuring the bank card size was proportionate and adding a shake effect to the button. What was your solution for adding spaces in the card number field?

I used MUI Joy component library for this challenge, and that means that some components differ a little from initial design. I chose it because MUI library offers production-ready components that cover a lot of edge-cases, and I wanted to try its' Joy version.

One thing I haven't solved yet, is a peculiar Checkbox behaviour: it changes value in one direction, but not in another, meaning that a user can "uncheck", but can't "check" it. If you can help with it, I'd be grateful.

I'd be thankful for any recommendations, but especially for some naming suggestions - please let me know if some of my function or class names feel off.

I liked this project for being able to practice useState in an isolated environment. Also, already with this scope CSS becomes quite inconvenient to use, so I would rather use SCSS for similar projects.

I liked the project, because I was able to practice React Query in a very safe and simple environment, and it gave me clarity. Which libraries or approaches do you usually use for handling API calls?