🍅 Pomodoro Clock with React

Pomodoro Clock

Welcome to the Pomodoro Clock GitHub repository! In this project, we build a Pomodoro clock/timer using the JavaScript framework React with Hooks especially the Context API and the useContext Hook. The application features smooth animations provided by the React Countdown Circle Timer.

Project Overview

• Introduction: A quick overview of the Pomodoro clock application.
• Cleanup: Removal of default files and code to start with a clean slate.
• Setting Component: Development of the component responsible for setting the timer.
• Timer Component: Integration of the react-countdown-circle-timer package for animated countdown circles.
• Context: Creation of a state management component using the Context Hook.
• Using Context: Distributing information to other components using the context.
• Debugging Package: Fixing the NaN error and addressing issues with circle animation.
• Running Function onload: Utilizing the useEffect hook to run functions once the React component has mounted.
• Outro: A final overview of the application.