React.ts, Emotion styled, Vite, Motion for little interactivity

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

I am most proud of successfully styling the range input in a way that not only looks visually appealing but also provides a clear and intuitive indication of progress toward the finish line. It’s a small detail, but one that significantly enhances the user experience.

Next time, I would take a more thoughtful approach to selecting the tools and structure for managing global state. I realized that some of my earlier decisions could have been better aligned with the complexity and scale of the project, and I want to ensure that future projects are built on a more solid foundation in this regard.

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

The biggest challenge I encountered was figuring out how to update the state of a parent component in response to an event triggered by a child component, especially since I wasn’t using context or a state management library. To overcome this, I decided to use a custom event as a signal, which could be intercepted by the parent component. This approach allowed me to establish communication between components without relying on additional dependencies, keeping the solution lightweight and efficient.

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

I would greatly appreciate any feedback on my project. Whether it's about the code structure, styling, or how I approached specific challenges, I’m open to suggestions and eager to learn how I can improve further.