SpringBoardRepo / Stay_Fit_And_Healthy

MyFitness

MyFitness is a mobile-friendly web application that allows users to manage their weight and plan their meals. The goal is to track calories going in and out so as to ease the struggles of weight loss or weight gain.

Live Demo:

https://myfitness-frontend.herokuapp.com/

Features:

Guest

• Basal Metabolic Rate (BMR) calculator.
• Sign up for a new account with password hashing Bcryptjs

Signed up User - everything Guest can do and more:

• Log in
• Calculate their calories via BMR and Calories Calculator.
• User can enter details and it will ask a user what they want to do to lose/gain weight based on that show calories.
• It will give the user, some meal suggestions as per user calories count.
• User can search for meals.
• Users can add meals to their food journal to keep track of the calories.
• Table of Food logged.

Login/SignUp Safely

• Users can create an account login with password hashing using the Bcryptjs library. Used JSON Web Tokens for user Authentication.

User Flow

When the user first opens the page, the user has the option to sign up for an account or log into an existing account. Without logging in, the user is able to use the Basal Metabolic Rate (BMR) Calculator on the navigation bar.

The Basal Metabolic Rate (BMR) tab allows the user to input their weight, height, Gender and age to calculate their BMR. The user will be provided with their BMR and user will select their Activity level and choose the option for Diet plan, how much calories they need to maintain their weight. It will give user the calories count in order to maintain or achicve their goal. After Calulating the Calories user can go to the "Meal Suggestion" It will take user to the Meal page with some Suggestions. The Meals tab allows the user to search meals; a list of meals will appear where the user is able to click the "Add to Food Journal" button and to view added meal byclicking the "Go to the Food journal" button

The Food Journal page allows the user to view and delete meals for the day and also view meals which were added with date, meal name and calories.

BMR Calculator

Your BMR can be used to help you gain, lose, or maintain your weight. By knowing how many calories you burn, you can know how many to consume.

Meals Suggestions and Meal Search

Food Journal

Technology Stack

• React
• JavaScript
• Node.js
• Express
• Postgres
• ReactStrap
• HTML
• CSS
• Material Ui
• Bootstrap
• Upsplash
• Spoonacular Api

To Run Locally

• psql CREATE DATABASE myfitness
• Connect to the DB \c myfitness.
• Create tables \i myfitness-schema.sql.
• Install dependencies npm install
• Start Backend Server node server.js will start on Port:3001
• Start Frontend Server npm start start on Port:3000
• Test run for frontend npm test and for backend jest