This is a fitness dashboard application built using React for the frontend, an Apollo Express server and GraphQL for the backend, and MongoDB as the database. This application allows users to log in, track their fitness workouts, and view workout statistics.
To run the application locally, follow these steps:
-
Clone the repository to your local machine.
-
Install dependencies for both the client (React) and server (Express) using the package manager of your choice (e.g., npm or yarn).
-
Set up a MongoDB database and configure the connection in the server code.
-
Create a
.envfile in the server directory and add your JWT secret key and other environment variables. -
Start the server by running the appropriate script (e.g.,
npm startoryarn start) in the server directory. -
Start the client by running the appropriate script (e.g.,
npm startoryarn start) in the client directory. -
Open your web browser and navigate to
http://localhost:3000to access the application.
This is a fitness application that will help users track their fitness progress. After a user registers or logs in there are options to create a new workout which will calculate your one rep max, then can access these saved workouts on the stats page. In future development the users will be able to update and remove exercises as well as access a random workout generator. There will also be a changing "suggestions" sections based on what part of the body you want to work on. There is also a button to change from dark mode to light mode depending on the user's preference. The app is styled with high contrast for accessability.
TailwindCSS - for easy styling. MaterializeUI - for the nav bar. FontAwesome - for icons.
github repo: https://github.com/MerelJac/fitness-application
Deployed App:
