Find-Your-Fit with myfitnesspal.com

Pranit Jogwe
3 min readJan 4, 2021

A clone that was build in just 4 days with just a month of learning at Masai School

Intro

Keep the track of the diet and exercise using the myfitnesspal website. The tool to keep the count of the calorie intake and consumed by providing various features and the presentation of reports in graphical form that helps a person to acheive there targeted weight.

Hello, I am Pranit Jogwe an aspiring trainee at Masai School, after the completeion of a months course we are here with our clone of the website which is so dynamic and functional. We were assigned this task to clone the website with major functionality in place to be completed in just 4 days.

The team consists of 3 members including me and as we went through this website we were just wondering that how we would apply these features ? And again there was a big challenge of collaborating with other team members who were working remotely. But our focus and plan was clear about our approach towards the project. A proper planning and with true dedication we were able to come up with such a great results.

Here are some glimpses of our clone :

Landing Page
The Landing Page
The entry gate via Login page

Functional components of the website

My home page with the functionality of addition and deletion of the blog posts.
Food page keeping the track of the food in take in calories.
Water consumption tracking feature
Track the exercise with the calories count
Day-wise Graphical representation of the weight to indicate the changes

Challenges

  1. The challenge we faced was to apply the dynamic functionality of the actual website.
  2. The biggest challenge was in building of the graph, which was resolved after the collaborative team effort.
  3. The challenge to complete the task in time which was achieved by putting extra efforts by each member of team.
  4. The addition of the blog and its deletion was a big challenge which was resolved by storing values in local storage and then again retriving them.

Stack : Html, CSS and Javascript.

Team: Pranit Jogwe , Narsimhulu Vasam and archana-singh.

--

--

Pranit Jogwe
0 Followers

Aspiring Full stack Web Developer