React and TypeScript in Action: A Pomodoro Timer

Solution retrospective
- This app was developed using React, TS and MUI. This combination allows for a fast and responsive app as well as a clean and maintainable codebase.
- Utilized useContext for state management in the app, eliminating the need for prop drilling.
- Paid attention to component naming and structure, as well as the use of hooks and the separation of concerns.
- Applied linting and formatting rules to ensure a clean and consistent codebase.
Question to community:
- How did you handle the 'Apply' button? I struggled with it a bit because of the <Dialog> component handling overflow property and hiding child component beyond it's boundaries. I would like to know how you handled it.
- How would you handle the timer? I used setInterval because it's simple, and it works, but I'm not sure if it's the best way to handle it.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Elina Shelest's solution.
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