- Brief -

This project aims to develop a mobile-first React workout timer tool that enables users to set and track their workout intervals with customization options. It includes a visual timer, audio cues, pauses, reset functions, and reports of total exercise hours. The tool can serve as a showcase of the developer's front-end skills, and it may also calculate the total calories burned and offer diversified tones as extra features.

- Why -

For fitness enthusiasts who need to manage multiple sets of workout intervals simultaneously, a standard timer's single countdown setting is insufficient. This React workout timer tool provides a customizable and convenient solution for users to set and track their workouts. It also offers a visual timer and audio cues to enhance the workout experience, and reports of total exercise hours to monitor progress.

- How -

The React workout timer tool will be designed with a mobile-first approach to ensure that it is accessible to users on different devices. It will be built using React, a popular front-end library known for its flexibility and scalability. The tool will enable users to customize their workout routines, including the number of sets, the duration of each set, and the rest period between sets. Additionally, the tool will have a pause and reset function to allow users to adjust their workouts as needed. If time allows, the tool may also include extra features such as calculating total calories burned and offering a beep to make the workout experience more enjoyable.

• PHP - The primary back-end development language
• React - Main development language for front-end
• CSS - Front-end page design and animation development programming language
• Illustrator - Main design authoring tool
• Photoshop - Main design authoring tool
• Figma - Design authoring tool