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:

• https://github.com/pranit95/Find-Your-Fit

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.

2. 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.

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

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

5. 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.

6. 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.

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

8. 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.

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

10. 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.

12.Here some other pages that we built :-

• Profile Page

• Select Your Summary Page

• Water Consumption(a part of food page)

• Resend Email Page

• Upload Photo Page

End-notes

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

Contributors:

• Archana Singh

  • Github : archana-sing

• Pranit Jogwe

  • Github : pranit95

• Narsimhulu Vasam

  • Github : Narsimhuluv