This is an application that allows users to set timed goals for their productivity and health. Users can select a category (study, meditate, and exercise), set the amount of time they want to spend on that activity, then start the timer. The application will log their chosen activity, keeping track of how they have spent their time.
-
When an activity category is clicked on (Exercise, Meditate, or Study), the associated border and icon should change colors to give a visual indication that it has been selected.
-
User types in what would they like to accomplish during this time, and for how long. User can either use the up/down buttons to select an amount of time or type in a value (number only).
-
User cannot select negative numbers.
-
User clicks start activity button to show the timer. The timer button border color reflects the type of activity selected.
-
User clicks big start button to begin the timer.
-
When timer completes, user will be congratulated.
-
User can now log their activity by clicking the log activity button. When this button is clicked, a card will display on the right side of the screen describing the activity they just completed. It will be marked with the corresponding color associated with the type of activity selected.
-
User now clicks on the create a new activity button. This will take them back to the original form where they can continue to create activities.
-
User can scroll through all their past activity cards.
-
Past activity cards are still saved when the page is refreshed.
-
Error handling - Careful User - Ensure you select a category and all input fields have a value.
in your terminal run:
git clone [email protected]:GraceGardner/intention-timer.git
cd intention-timer
open index.html
https://gracegardner.github.io/intention-timer/
Repository Contributors :
Code Review:
Boilerplate Code Credits :
CSS
HTML
JavaScript