Skip to content

This is a clone of MyFitnessPal website, which is a platform that helps you to keep track of your daily food and the exercises you do in order to become better at your health.

Notifications You must be signed in to change notification settings

pranit95/Find-Your-Fit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

85 Commits
 
 
 
 

Repository files navigation

Find-Your-Fit 💪

We have Cloned a fitnees tracking website called MyFitnessPal. MyFitnessPal is a company developing a platform for keeping a food diary. The platform enables users to browse the food database and recipes, track calories with both the web version and mobile apps.

In this project , we have tried to make a perfect clone of myfitnesspal.com.

Demo of the product : https://bit.ly/3xWOsmt

Steps to install the project:

Install basic Software:

  • Install NodeJS
  • Install VS Code
  • Install Git

Clone the following git repository inside any folder:

Open the cloned git repo in VS Code :

  • Go to the folder -> My_Fitness_Pal_Clone -> Landing Page -> index.html

  • open index.html with live sever or copy the path and paste it in your favourite brower.

Technologies used

  • CSS
  • JavaScript
  • HTML
  • Libraries used * chart.js

How to use the product

  1. In order to use the product , open the folder named Landing Page , now open the index.html with the open live server.

Landing Page

  1. Here you can see our landing page , If you are using this product for the first time , you are a new user and you can sign up by clicking on the sign up link.

Sign Up Page

  1. Here you can see a form, you need to fill your email address and password. Now, click on continue button.

Tell me about yourself Page

  1. Now, here you need to fill your body measurment information. after filling all the details click on the Signup button in hte below.

Home page

  1. You can see your dashboard here. If you want to track your food for the day, yu can click on food link available on the navigation bar.

Food Page

  1. Here you can use Add Food link to add some food. and when you will click on the Add Food To Diary button. It will be added to your food diary on the Food Page.

Add Food Page

  1. In the similar way you can track of your exercises by clicking on the link exercise available on the navigation bar.

Exercise Page

  1. Here on the exercise page you can use Add Exercise link to add some exercises. And after clicking on the Add button it will be added to your exercise schedule.

Add Exercise Page

9.Here is the Report page, where you can find your day wise report of weight lost or gained .

Report Page

  1. But if you have alrady signed up , you can use Log In link to log in . Here you just need to fill your email address and password.

Log in page

12.Here some other pages that we built :-

  • Profile Page

Profile Page

  • Select Your Summary Page

Select your summary

  • Water Consumption(a part of food page)

Water Consumption

  • Resend Email Page

Resend Email

  • Upload Photo Page

Upload Photo

End-notes

We have tried our best to give mostly all the functionality available on the actual website.

Contributors:

About

This is a clone of MyFitnessPal website, which is a platform that helps you to keep track of your daily food and the exercises you do in order to become better at your health.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published