Design comparison
Solution retrospective
Hey All
Another day another project.
This one didn't take me long (and could be slightly more polished).
I really enjoyed creating the raised effect around the timer using a combination of light and dark shadows. I didn't really know how to approach it, but I got there in the end.
I went for a 3rd party timer hook (useTimer from react-use-precision-timer), as I've tried to create one in the past using setInterval and it didn't keep time as well as I would have liked.
Have a look if you like.
Regards
Ollie
Est Time: 10h | Actual Time: 9h 37m
Community feedback
- @webguy83Posted over 2 years ago
On my mobile the navigation bar does not work when you try to toggle on the other options. Also the model doesn't seem to expand the full width of the device I am using. I have yet to check the desktop version though. Also I believe the timer is supposed to count down from the values instead of up but its not too bad the way you had it. Your font options don't seem to update the application state either.
Marked as helpful1@ohermans1Posted over 2 years ago@webguy83 Hey Mate! Thanks for the feedback - some silly mistakes I made there haha.
- I have fixed the countdown so that it actually counts down.
- I've added functionality to those buttons.
- I've also fixed the font changer.
Now I just have a couple of new issues with the time selectors and the actual timer when it hits zero, but Ill sort those out at some point later!
0
Please log in to post a comment
Log in with GitHub
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