All solutions

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

I happy with the overall final design. However, I’m considering using some Headless UI components next time to streamline the styling and make it more flexible. That said, just finishing this project feels like a major accomplishment on its own, and I’m happy with how it turned out!

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

Managing the state of the multistep form was a challenge, but I was able to address it by implementing a form provider. I also made the decision to replace the phone input with an imported component, as I wasn’t sure how to properly handle validation using Zod without it... what do you think?

What specific areas of your project would you like help with?

I had some trouble implementing the footer navigation bar for mobile screens, and it still isn’t working as expected. If anyone has tips or advice on this issue (or any other part of my code, really) feel free to comment and share your feedback!

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

I'm proud of how the design turned out, especially with the custom colors on all inputs. Initially, I used Grid, but it didn't work out, so I switched to Flexbox. Next time, I'd start with Flexbox from the beginning.

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

One challenge was learning to use the react-hook-form library and tailwindcss-forms while customizing the form style efficiently. Making dynamic radio buttons was particularly tough, but I solved it using the new has-[] class.

What specific areas of your project would you like help with?

I'd appreciate any feedback on improving my code. If you spot anything, please let me know!

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

I'm getting used to Tailwind CSS with React, next time I will be able to create a visually appealing and responsive component more quickly.

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

Implementing dynamic data rendering and conditional styling based on the data was the hardest part.

What specific areas of your project would you like help with?

I need help with the chart's hover functionality. I haven't been able to ensure that the parent's hover effect of the chart bars does not affect the child's opacity (the div that shows daily expenses on hover). How did you do it?

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

It's the first time I use Tailwind to stylize my code, I don't know the classes it has yet. At the end, by reading lots of documentation, I managed to keep a similar style to the solution given.

What specific areas of your project would you like help with?

I would love some help to optimize my code. I encountered myself adding too many divs just to create a component. I don't know if my DOM could have been less deep or how to accomplish that, so I will gladly take any suggestion you give me.