myFitnessPal - Clone

Tech Stack

• HTML
• CSS
• JavaScript
• React (18.2.0)
• Redux (4.2.0)
• Redux Thunks (4.2.1)
• Node.js
• Express.js
• MongoDB
• Chakra UI (2.2.4)

Team members:

1. Rajashree Chakraborty
2. Manish Tiwari
3. Md. Naushad Ahamed
4. Sunil sahu
5. Shahrukh

Project Details:

MyFitnessPal is a smartphone app and website that tracks diet and exercise. This is a MERN full stack collaborative project which is a clone of the myFitnessPal.com website.

The project has been completed within the duration of 5 days. Each of us had shared work and responsibilities and learnt a lot during the course of this project.

Original website link: https://www.myfitnesspal.com/

Link of our deployed project: https://myfitnesspal-clone.netlify.app/

Link of our video presentation: https://drive.google.com/file/d/1x0N1f6gydt3haBlE9GPjD9PyzrlJGHQw/view?usp=sharing

Features and functionalities

• Sign-up/sign-in
• Manage diet
• Add/delete food to breakfast/lunch/snack/dinner
• View blog

Glimpse and screenshots of our cloned website:

Landing Page

Premium Page

SignUp Page

Login Page

Home Page after login

Apps Page

Food Page

Add Food Page

Exercise Page

Blog Page

Recipes Page