Skip to content
Submitted over 2 years ago

Pomodoro App using Vite, React, SCSS, and custom React Hooks.

react, typescript, vite, sass/scss
Chris Nowicki•140
@chris-nowicki
A solution to the Pomodoro app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

This is my first time writing a project in TypeScript and SCSS. I definitely had to do some research on TypeScript for React including seeing how others might have used TypeScript with this project... I LEARNED SO MUCH!

With SCSS ... I am loving writing my CSS this way with nesting and mixins for the media queries.

One thing that bugs me is the Input buttons on the Time Settings. On Safari (in MacOS/iPhone) they show up different. I need to look into fixing this.

Any feedback/comments appreciated! It's how we learn, right? :)

Code

Please log in to post a comment

Log in

Community feedback

  • Julian Köhler•430
    @JulianKoehler

    Hey, great job, this project wasn't easy. But I have found 2 bugs with which I also struggled: I am able to enter negative timers and if applied the app crashed completely and I am only able to use it again if I clear my localStorage from the console. I guess an average user would not be capable of that. And the second thing is that I can change the phase while the timer is running. I have implemented a Modal asking the user if he really wants to skip this phase and then resetting the timer and clearing the Interval. Check out my solution if you like to.

    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