Skip to content
Submitted 18 days ago

Clock App using React and TypeScript

react, sass/scss, typescript, vite
P
Raul Galicia•230
@raulgaliciab
A solution to the Clock app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Proud of:

  • Custom Hooks for API's data responses
  • Styles structure using SASS
  • Environment variables for deployment
What challenges did you encounter, and how did you overcome them?

Challenges:

  • Dynamic features like the backgroung according to the hour
  • The code worked fine in development mode but not in production.
What specific areas of your project would you like help with?

Any feedback is welcome!

Code

Please log in to post a comment

Log in

Community feedback

  • Harsh Kumar•3,210
    @thisisharsh7

    Great job! 👏 I really appreciate how you’ve structured your project — using custom hooks for API handling and SASS for organizing styles speaks to clean and scalable code. It’s also great to see you factoring in environment variables for deployment — that’s a good sign of production-minded thinking.

    The dynamic background based on time of day is a really nice touch! I know those kinds of features can get tricky, especially when things behave differently between development and production. That’s a common pain point — often related to relative vs. absolute paths, build tool configs, or file availability after deployment. You might want to check how your image paths are resolved during the build and whether assets are getting correctly included in the final bundle.

    Overall, your work shows solid frontend foundations. Keep going — your attention to detail is clearly strong!

    Marked as helpful

Join 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