Skip to content

Commit

Permalink
Merge pull request #68 from zacktraczyk/chore/add-demo-screenshots
Browse files Browse the repository at this point in the history 
Screenshots table
  • Loading branch information
@zacktraczyk
zacktraczyk authored Dec 20, 2023
2 parents da44846 + b127543 commit 34f9624
Showing 1 changed file with 76 additions and 20 deletions.
96 changes: 76 additions & 20 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,38 +37,94 @@ A simple cross platform (IOS and Android) app made with React Native.

### Authentication

<img src="./github_assets/authentication_create_account.gif" width="22%" />
<img src="./github_assets/authentication_login.gif" width="22%" />
<table>
<tr>
<td width="200px">Create Account</td width="200px">
<td width="200px">Login</td width="200px">
</tr>
<tr>
<td width="200px"><img src="./github_assets/authentication_create_account.gif" width="200px" /></td width="200px">
<td width="200px"><img src="./github_assets/authentication_login.gif" width="200px" /></td width="200px">
</tr>
</table>

### Create Workouts

<img src="./github_assets/create_workouts_new_workout_add_exercises.gif" width="22%" />
<img src="./github_assets/create_workouts_add_sets_notes_rest.gif" width="22%" />
<img src="./github_assets/create_workouts_duplicate_delete_drag.gif" width="22%" />
<img src="./github_assets/create_workouts_filter_exercises_delete.gif" width="22%" />
<table>
<tr>
<td width="200px">New workout, add exercises</td width="200px">
<td width="200px">Add sets, notes, rest</td width="200px">
<td width="200px">Duplicate, delete, drag</td width="200px">
<td width="200px">Filter Exercises, delete</td width="200px">
</tr>
<tr>
<td width="200px"><img src="./github_assets/create_workouts_new_workout_add_exercises.gif"/></td width="200px">
<td width="200px"><img src="./github_assets/create_workouts_add_sets_notes_rest.gif" /></td width="200px">
<td width="200px"><img src="./github_assets/create_workouts_duplicate_delete_drag.gif" /></td width="200px">
<td width="200px"><img src="./github_assets/create_workouts_filter_exercises_delete.gif" /></td width="200px">
</tr>
</table>

### Use Workouts

<img src="./github_assets/use_workouts_start_workout_navigate.gif" width="22%" />
<img src="./github_assets/use_workouts_enter_your_stats.gif" width="22%" />
<img src="./github_assets/use_workouts_complete_workout_save.gif" width="22%" />
<img src="./github_assets/use_workouts_view_workout_summary.gif" width="22%" />
<table>
<tr>
<td width="200px">Start workout, Navigate</td width="200px">
<td width="200px">Enter your stats</td width="200px">
<td width="200px">Complete workout, Save</td width="200px">
<td width="200px">View workout summary</td width="200px">
</tr>
<tr>
<td width="200px"><img src="./github_assets/use_workouts_start_workout_navigate.gif" width="200px" /></td width="200px">
<td width="200px"><img src="./github_assets/use_workouts_enter_your_stats.gif" width="200px" /></td width="200px">
<td width="200px"><img src="./github_assets/use_workouts_complete_workout_save.gif" width="200px" /></td width="200px">
<td width="200px"><img src="./github_assets/use_workouts_view_workout_summary.gif" width="200px" /></td width="200px">
</tr>
</table>

### Profile & Analytics

<img src="./github_assets/profile_analytics_view_past_performance.gif" width="22%" />
<img src="./github_assets/profile_analytics_edit_your_profile.gif" width="22%" />
<img src="./github_assets/profile_analytics_see_exercise_progress.gif" width="22%" />
<img src="./github_assets/profile_analytics_compare_exercises.gif" width="22%" />
<table>
<tr>
<td width="200px">View past performance</td width="200px">
<td width="200px">Edit your profile</td width="200px">
<td width="200px">See exercise progress</td width="200px">
<td width="200px">Compare exercises</td width="200px">
</tr>
<tr>
<td width="200px"><img src="./github_assets/profile_analytics_view_past_performance.gif" width="200px" /></td width="200px">
<td width="200px"><img src="./github_assets/profile_analytics_edit_your_profile.gif" width="200px" /></td width="200px">
<td width="200px"><img src="./github_assets/profile_analytics_see_exercise_progress.gif" width="200px" /></td width="200px">
<td width="200px"><img src="./github_assets/profile_analytics_compare_exercises.gif" width="200px" /></td width="200px">
</tr>
</table>

### Navigation & Error Handling

<img src="./github_assets/navigation.gif" width="22%" />
<img src="./github_assets/error_handling.png" width="22%" />
<table>
<tr>
<td width="200px">Navigation</td width="200px">
<td width="200px">Error handling</td width="200px">
</tr>
<tr>
<td width="200px"><img src="./github_assets/navigation.gif" width="200px" /></td width="200px">
<td width="200px"><img src="./github_assets/error_handling.png" width="200px" /></td width="200px">
</tr>
</table>

### Social Sharing

<img src="./github_assets/social_sharing_search_for_and_add_friends.gif" width="22%" />
<img src="./github_assets/social_sharing_see_posts_from_multiple_friends.gif" width="22%" />
<img src="./github_assets/social_sharing_view_summary_duplicate_workout.gif" width="22%" />
<img src="./github_assets/social_sharing_unfollow_friends.gif" width="22%" />
<table>
<tr>
<td width="200px">Search for and add friends</td width="200px">
<td width="200px">See posts from multiple friends</td width="200px">
<td width="200px">View summary, duplicate workout</td width="200px">
<td width="200px">Unfollow friends</td width="200px">
</tr>
<tr>
<td width="200px"><img src="./github_assets/social_sharing_search_for_and_add_friends.gif" width="200px" /></td width="200px">
<td width="200px"><img src="./github_assets/social_sharing_see_posts_from_multiple_friends.gif" width="200px" /></td width="200px">
<td width="200px"><img src="./github_assets/social_sharing_view_summary_duplicate_workout.gif" width="200px" /></td width="200px">
<td width="200px"><img src="./github_assets/social_sharing_unfollow_friends.gif" width="200px" /></td width="200px">
</tr>
</table>

0 comments on commit 34f9624

Please sign in to comment.