Design comparison
Solution retrospective
I am proud of taking advantage of the useContext hook from react to handle state instead of micro-managing my app structure so that I can pass down props from component to component.
What challenges did you encounter, and how did you overcome them?I had a few challenges, such as creating the circular progress bar as well as setting up the theme changer in the settings.
What I did to overcome them was I took a step back and I asked myself, how do I want this progress bar to be done? Can I create it using the border property? Can I use an absoutely positioned element behind that I can progressively make transparent as the timer goes down etc.
For managing the theme I used cookies to store the preferences and a form submit where I took the root of the document and modified css variables according to the changes applied.
What specific areas of your project would you like help with?I'm mostly interested a review on my functional components, did I make it to complicated. Could it have been done easier?
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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