Multi-step-form

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

Kept all form data, current step, and plan selection in a global store using zustand instead of prop drilling and also made the "Go Back" button work without loosing data. Also made the background image responsive such that it switches between mobile and desktop. I built components which were reused.

What I would probably do differently next time is to write mobile first code. I was so focused on the desktop view that it looked terrible on the mobile view, I struggled a lot with that.

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

I faced some issues with tailwind arbitrary values. Classes such as shadow-[0px 6px 10px] and hsl(228,100%,84%) didn't work. I learned that tailwind needs underscores like shadow-[0px_6px_10px] because class names can't have spaces. Also, I got some build warnings about my image paths (images/bg-sidebar-mobile.svg). I fixed this by adding public/ to all the image uploads.