Timer web app approval

Summary requirements

- Provide UI UX design for overall web app

- I will provide guidance and instruction on the requirements below
- I will provide domain and hosting
- Mobile /web responsive across all browsers
- Clean and lightweight code with comment for any future web developer to take over
- Provide ownership source code on final delivery
- Loading speed should be Grade A according to GTmetrix
- Optimized for SEO

Reference websites to help and explain

- www.intervaltimer.com
- www.fitlb.com/tabata-timer
- www.tabatatimer.com
- www.fitatmidlife.com/timer
- https://www.online-stopwatch.com/timer/5minutes/
- https://calculator-online.net/

Main features

- Timer display screen (run)

- Custom user setting for a simple and advance timer
- Multiple saved timer pre-sets

Timer display screen (run)

- colour coded background set
- timer time
- workout exercise name
- Full screen option
- Visual colour progress bar
- Sound on off
- Share workout link and social icons
- Get code to insert pre-set to other sites (link timer display only)
- ios and android app link (if on mobile default to show only link for that platform type)

Simple timer settings (edit by user)

- Number of sets
- Change custom times for workout (pre-set labels and write own)
- Workout label (drop down these will incline: High /Low, Workout / Rest, Rounds/Break)
- Remove last rest and break (toggle button ) break’ in the Workout/Rest and Rounds/Break
- Reserve (toggle button)will switch reverse the High /Low only
- change background colour for (High /Low, Workout / Rest, Rounds/Break)
- Warm up and cool down (toggle button) change time and background colour

Advance timer setting (edit by user)

- Number of sets
- Rest between intervals (toggle button) (inserts ‘rest’ between the ‘exercises fields’)
- Rest between sets (toggle button) (insert ‘rest’ insert between sets)
- Add new exercise button that will allow custom naming (label drop down and write own)
- Any exercise can be reposition up or down, deleted or duplicated
- Change custom times for exercises, rest between intervals and sets
- Change background colour for exercises, rest between intervals and sets
- Warm up and cool down (toggle button) change time and background colour

sound option ( for simple and advance)

- on/off
- single beep after each interval/set
- count down 3,2,1 voice then beep on 0
- 3 second beep then long beep on 0
- Boxing bell on 0

Multiple saved timer pre-sets

- Pre-set will have multiple categories i.e. HIIT, Tabata etc…)
- Each category will have its own list of pre-sets i.e 5 minute 30 second timer, 10 minute 45
second timer (these will represent a new page with preset timer settings)

Timer Page basic structure (for creating new timer and pre-sets)

- Simple and advance timer

- Display screen
- Descriptive text
- Links to pre-sets