Flotsam3/my-fitness-mate

This workout planner is a full stack application and was conceived as a group project. The idea was to build a website which allows you to create your own workouts and lets you track your progress. During the register process you will be asked a bunch of personal questions about your physique, your activity and your workout goals. This information is used to generate a basic nutrition plan with recommended values for your macronutrients. Additionally you are provided with a default workout plan, which you can modify according to your personal needs. Once finished the registration you find yourself on the dashbord. There you see an overview of the number of exercises set for each body part, your nutrition and your weight. Other pages to explore are the edit workout page, where you can configure your weekly workout plan, the daily overview page, where you can see what kind of workout you have to do for today and finally the calendar page with a brief overview of all accomplished and missed workouts. A click on your avatar directs you to a page where you can overwrite your personal information filled in during the registraton process.

My Fitness Mate

Demo

my-fitness-mate.herokuapp.com
update: since heroku decided to change their pricing model, the app is no longer available under this link :(

What is it?

My Fitness Mate was created as a group project with the objective of allowing the user to create their own workouts as well as keeping track of the progress.

For even more convenience you can rely on the default workout plan, instantly created after you sign up and according to your constitution, goals and life habits.

The repository contains both backend and client (/frontend) code

Motivation

Physical activity is crucial for mental and overall health. When this application was conceived, we were in the middle of the corona crisis with its ramifications and restrictions for everybody’s life. The intention was to build an app that allows you to pursue a healthy lifestyle and physical activity even without having access to a gym.

Installation & Usage

1. Create a .env file from the .env.example
2. npm install
3. npm start
4. Point your browser to http://localhost:{port} (where port is the port configured in .env)

Details

Click on the sign-up button to create an account.

During the register process you will be asked a bunch of personal questions about your physique, your activity and your workout goals. This information is used to generate a basic nutrition plan with recommended values for your macronutrients. Additionally you are provided with a default workout plan, which you can modify according to your personal needs.

Once finished the registration you find yourself on the dashbord. There you see an overview of the number of exercises set for each body part, your nutrition and your weight. Other pages to explore are the edit workout page, where you can configure your weekly workout plan, the daily overview page, where you can see what kind of workout you have to do for today and finally the calendar page with a brief overview of all accomplished and missed workouts.

Technology

Main technologies used: HTML, CSS, React, Node.js, Express, MongoDB, chart.js, day.js, jsonwebtoken. Furthermore Figma and Trello for the design and project management.