Multi-Step Form using ReactJS, TypeScript, TailwindCSS, Framer-Motion

@davidames1983 Thanks for the feedback! It took about 2 weeks (in fact, It took about 7 days, 2-3h of programming each day, I didn't code in some days)

@arlagonix Thanks for getting back to me! I just finished it in react as well. I was given the task for a coding interview and told it should take 3 - 4 hours, ended up taking me 3 full days. You seem really experienced. And you're code looks great! I didn't add tests or Typescript like you. The only thing I noticed in your app though is that the "totals" on the summary page always show "$x/mo" even if switched to "yearly". And the email validator validates "[email protected]" as true. But again, that's all I saw. Your code looks super clean and the animations are sweet! And thanks again for reassuring me that I'm not a slow coder.

Cheers

@davidames1983

The only thing I noticed in your app though is that the "totals" on the summary page always show "$x/mo" even if switched to "yearly". Checked that, but it shows /yr when I switch to yearly

And the email validator validates "[email protected]" as true. Yep, I decided to add just a simple validation, in order to demonstrate that I may add a custom field validation

No way this might be made in 3-4 hours. It took 1-2 hours for me just to draw this prototype in Figma based on screen images.

Perhaps it is theoretically possible to create something like that in 3-4 hours, but ... that's out of my league

Thanks again for the warm feedback!

@arlagonix No prob! I'll let the interviewer know, so he doesn't stress out another dev.