Multi-Step Form using ReactJS, TypeScript, TailwindCSS, Framer-Motion
Design comparison
Solution retrospective
Any feedback is welcome
Community feedback
- @fborlidoPosted almost 2 years ago
Your work is really professional! Congratulations!
1 - @davidames1983Posted almost 2 years ago
Hi. Looks nice. You got the validation in there too! Would you mind sharing about how long this took to complete? Thanks.
0@arlagonixPosted almost 2 years ago@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)
0@davidames1983Posted almost 2 years ago@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
1@arlagonixPosted almost 2 years ago@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 yearlyAnd 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!
0@davidames1983Posted almost 2 years ago@arlagonix No prob! I'll let the interviewer know, so he doesn't stress out another dev.
0
Please log in to post a comment
Log in with GitHubJoin 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