Multi-step Form with React, TypeScript and Tailwind

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

I need to improve how I write my JavaScript code. It always ends up looking a bit messy after I'm done, so I should try to consider how it's going to look if I'm looking back into it after a period of time. At least I got into TypeScript now, so it should be less ambiguous than it would have otherwise. Although, TypeScript does inflate the code a bit, but oh well.

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

I used this project to practice and get better at using Tailwind. At the start, it was absolutely horrible trying to get used to using Tailwind instead of vanilla CSS. I was so close to giving up and just switching to CSS, but I beared through. But the nice thing is, after understanding the quirks of it and getting used to the class names, I began to see the usefulness of it. It's nice to not have to come up with class names, and switching back and forth between the html and the stylesheet file. Having it all self contained in the same place it's affecting is really convenient.

Other than that, the logic for the displaying everything properly, validation and managing which steps the user is allowed to access kinda hurt my brain. Fortunately, it's just simple JavaScript logic and I manage to figure it out eventually.