Design comparison
SolutionDesign
Solution retrospective
As usual, I used React and redux to develop the application. I had a difficult time creating the circular progress bar, and making sure the progress bar was updated based on the current time of the timer. The hardest part was finding a way to change the font for all the text for the app. In the end, I decided to use a CSS variable to store the current font used for all text in the document, all I had to do was change the value of the variable, and all text will have their font changed immediately.
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