Data Representation and Querying Project User Guide

This will be a quick user guide for my React Application for this Project.
This app was developed using Visual Studio Code and Google Chrome. It was developed with both mobile and desktop views in mind so either view does not negatively impact the experience

Purpose

This app's purpose is to give the user a way to quickly save and store workouts. The user can also add, edit and delete any of their workouts at any time and can view them all in one package.

Home Page

The home page features the following

• Simple layout with parallax scrolling for a clean aesthetic
• A link to another component of the app
• A link to an external site
• A Navbar to navigate to the different components of the app The theme was kept consistent with a red and black colour scheme and simple design. This theme is seen on every page of the app

My Workouts

This page will display every one of your workouts in a simple manner using cards. From these cards you can Edit or Delete a workout which will take you to a new page for each respective purpose.

Add Workout

This page will allow you to create workouts with input boxes to hold a workout name, number of sets and 3 exercises. Once a workout is submitted it will display on the My Workout page