Giter VIP home page Giter VIP logo

fitnesspal-clone's Introduction

myFitnessPal - Clone

Team members:

  1. Siddikkhan Pathan
  2. Vishal Gupta
  3. Shridhar Hakke
  4. Shalini
  5. Deepak

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-delta.vercel.app

Link of our video presentation: https://drive.google.com/drive/folders/1mN15YnVec4XUg22rny8Rg5y1403KiHw9?usp=sharing

Tech Stack and features

  • React
  • Redux
  • Redux Thunks
  • Node.js
  • Express.js
  • MongoDB
  • Chakra UI
  • Styled Components
  • Responsiveness

Glimpse and screenshots of our cloned website:

Landing Page landing-Page

SignUp Page signup

Login Page login

Home Page after login home-After-Login

Food Page food

Add Food Page addFood

Exercise Page exercise

fitnesspal-clone's People

Contributors

ahlawatdeepak avatar shalini2909 avatar shridhar1998 avatar siddikgitt avatar vishal27-com avatar

Stargazers

avatar avatar avatar avatar

Watchers

avatar

Forkers

shridhar1998

fitnesspal-clone's Issues

Signup 1

  • Sign up card
  • Title
  • Continue Button
  • What is weight goal?
  • Options
  • Back Button
  • Next Button
  • What is your baseline activity level?
  • Options
  • Back Button
  • Next Button

fw18_1057_Signup_2

  • debug the different sections of the code
  • remove the error, getting while authentication

MyHome - Home

  • Daily Summary Card
  • Display Calories, goals, food, exercise
  • Upload photo Input
  • Add Exercise button
  • Add Food Button

Top Section

  • Header with Date & Calendar
  • Headings
  • Categories
  • CSS

fw18_1057_day2.3_add exercisesort

  • add exercise sorting functionality
  • quick tool functionality
  • start working on the database page of the exercise
  • create the basic structure of the page add CSS and start working on functionality

Navbar-day-2

  • create navbar
  • create footer
  • create boxes
  • go though on all pages

day-5 check

  • again check all data
  • attech routes
  • again check
  • deploy

fw18_1057_day4.2

  • merge all the pages of exercise
  • work on the create exercise page
  • create a dummy data and work on the functionality

MyHome - Goals

  • Title
  • Small Description
  • Daily Nutrition table
  • Calories by Meal table
  • Fitness table
  • Micronutrients table

Signup 3

  • weekly goal? Card
  • Email Input box
  • Password Input box
  • Submit
  • Continue with facebook Button

MyHome - Profile

  • Username
  • User Card
  • User Photo
  • username
  • age
  • gender
  • Joining date
  • Edit Profile Button
  • Edit Photos Button

Signup 2

  • Gender Selection
  • Option
  • Birth date
  • Inputs
  • Address
  • Back Button
  • Next Button
  • Height Input
  • Weight Input
  • Goal Weight Input
  • Back Button
  • Next Button

fw18_1057_day4.3

  • start working on backend
  • create basic schema of the project
  • add necessary build
  • work on the page routing part and complete the frontend

day-4 phone responsive

  • phone responsive navbar
  • phone responsive footer
  • phone responsive home page
  • check all pages

Login

  • Login Card
  • Login Title
  • Email Input
  • Password Input
  • Forget password link
  • Login Button
  • Facebook Button
  • Sign up now Link

fw18_1057_day_2.1

  • basic repo settings.
  • file creations
  • project planning
  • logo creations

day-3 responsive

  • create home page iped responsive
  • some work in backend
  • navbar iped responsive
  • [ ]

Home page

  • create home page

  • create navbar responsive

  • create footer responsive

  • [ ]

fw18_1057_day4.1

  • create food inner section

  • create a basic structure

  • work on the frontend

  • work on responsiveness

  • build remaining pages

fw18_1057_day3.3_exercise database continued

  • add a new page adding your own exercise
  • complete the structure
  • look for the dummy data and work on it
  • finish all the small things interms of the CSS that remained and align all the work

Export Data Page

  • Exercise and steps stats
  • All-time record stats
  • responsiveness

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.