Turing 2103 FE Week 4 Group Project
This is an interactive website where a user can set an intention to study, meditate, or exercise. Once the user has chosen their category they can then input what (specifically) they would like to accomplish during that time, and set a timer for the length of the session. Once they click the "start activity" button a timer will display and they can start the countdown whenever they would like. When the activity is complete, they can log it (which will add it to localStorage) and it will show up in the right sidebar indefinitely (or until they clear localStorage). The user can, from there, choose to do another activity-- which will take them back to the main page.
- To view the project in action, click here!
- DTR
-
When an activity category is clicked on (Exercise, Meditate, or Study), the associated border and icon should change color. User also should see an error message if they attempt to submit the form without filling out all fields:
-
User can only enter numbers in minutes and seconds, and when the Start Activity button is clicked, the user no longer sees the form, and instead sees a timer clock:
-
The user can start the time by clicking Start:
-
When the user acknowledges the completion of the activity by clicking Log Activity, a card with the category, time, and the users input for What would you like to accomplish during this time? should appear on the card. The card should also have a small color-coded visual indicator of the category:
-
When the user refreshes the page, their past activities are still displayed:
- Animate the border around the timer in a way that communicates how much time is left.
- After the timer begins, a user can pause the timer and resume an activity when they wish.
- Double click to delete saved activities from local storage.
- Claire Fields
- Lindsay Schnell
- Darla Evans
Project Manager: Will Mitchell
Code Reviewer: Kristi Miller
JavaScript
CSS
HTML