stephan-noel / me-fit-public Goto Github PK

Add icons that contain things like bicep, tricep, etc.

Description

Profile Screen. Settings can be accessed from Profile screen.

Options

User should be able to edit email, notification preferences, privacy settings, workout units, switch between dark mode and light mode, and maybe other modes, catered to males/femails, edit profile pic.

Should be main area where user interacts with social aspect of app including friends, workouts shared, messages, activity points of friends , if to auto lock screen and after how much time,

Configure app integrations like myfitnesspal, select language

Export data to excel or json or some other format, choose how much training data to ....
Privacy policy, terms of service, logout

Overview

App will detect the day of the week and suggest the workout for the day based on 1) day of week and 2) previously completed workout, since if you missed a workout, you should likely complete that missed workout.

Allow workout creation, and program creation. A workout is a series of exercises/stretching on a particular day of the week or of a certain sequence (Some workouts have rotating days like Tuesday, Thursday, Saturday, then Monday, Wednesday, Friday).

Allow stretching routine to be incorporated at start or end of workout, make browsing/searching stretches easy. Suggest stretches based on the exercises in the workout.

A program is a series of workouts

Make it easy to add warm up sets and calculate warm up sets dynamically based on a warm up scheme.

Program Details

Can have additional concepts like a rest week/period, cutting phase, bulking phase,

UI Details

When user clicks create workout, it will not open a modal, but take them to a new screen.

Take a look at styled-system and alternatives

Add styled components with the global configurations for colors, typography, spacers.

Description:

Mode entered when user selects a workout to perform. In this mode, user will take logs that are the basis of collected data.

Time Elapsed and Estimated Time Remaining

Both of these should be clearly labelled and always visible.

Exercise Log:

Each exercise or type of exercise will have a log template (ie different log template for cardio vs bench press)

Weighted Exercise Log Template:

1st column will have Sets

2nd column will have weight , placeholder will be the goal for that workout

3rd column will have reps, placeholder will be the goal for that workout

4th column or somewhere else can add additional info about that set such as if you felt pain/discomfort, how many Perceived Effort ratings (ie, felt like could have done 1 more rep),

Exercise Goal

Similar to exercise log templates, there will be different goal templates depending on type of exercise.

Weighted Exercise Goal Template

Have info button explaining why the goal for that workout is what it is, this information is provided by the program.

Timer Start

When user enters or saves sets/reps there is an option to start rest timer

Rest timer will countdown cause a tone/vibrate of 3 times when timer is up (enough so user can hear/feel it from pocket or where they would usually have their phone.

Exercise Details

Should clearly indicate that you can click somewhere to go to Exercise Detail page where you find instructions about the exercise, charts, history. Don't just use pic, use label. From here you should be able to add notes to certain parts of the exercise instructions that you would find helpful.

History and Notes

Maybe have a shortcut to history instead of only through exercise details

Finishing a Workout

Should be able to end a workout from any screen in case you don't have time to finish. Sets/exercises not completed will be marked as incomplete.

Show some celebration animation.

You will get a summary at the end
For each exercise show how close you were to completing the goal.
Say how many PRs were set on that day or when the last time was that you did that amount of weight (instead of or in addition to a global PR, have a local PR within the last year for example).

Have option to share summary through social media.

Show time rested, time wasted (ie, when you took more rest than scheduled), time spent actually doing the exercise.

Store the summaries so that they can be seen later when viewing progress details.

Edited Jan 9 2020

Skeleton for UI (Unfinished)

• Still need to add shortcuts for example, to history and notes
• Still need to workout some layout issues

Description

HIIT should maintain heart rate relatively high. Interaction with phone should be kept to a minimal to allow this.

Organization

Every exercises requires no input, a workout is just a series of timers that automatically count down and trigger.

There should be an indication when an exercise is meant for high intensity or recovery intensity.

The number of intervals in the entire HIIT workout should be shown as well as how many intervals are left.

The current interval should be easy to tell apart from the rest of info. The time remaining for current interval should be shown.

The next interval should either always be shown or animate into the screen when nearing the end of current interval. Maybe give small preview of what the next exercise will look like so user can prepare themselves.

The total time spent in workout and time left should be visible.

The current exercise should be shown so user doesn't have to remember or look it up.

Can also have the option to trigger dark mode based on local time and likely sunset

Login will only be required and prompted when certain features are attempted

Features that trigger a login:

Create a workout plan
Add a log
Ask weight height, etc, only when user creates a workout

Registration info:
email
account password (if possible just link to that email)

Login should have email and password

Register should have email and password