HsuanPeng / Fitness_2022

App Work School Personal Project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


Introduction

A multi-functional fitness recording website that integrates fitness schedule records, body data change records, Google Calendar, and Google Map.

  • Provide a list of movements for the six major parts and sample teaching videos for fitness enthusiasts to understand at a glance
  • Combine two calendar systems, including google calendar and react-big-calendar to manage fitness schedules well
  • Provide long-term recording system of body fat and weight

Technologies

Front-End

  • HTML5
  • CSS
  • JavaScript (ES6+)
  • React
  • React Router
  • Styled Components
  • Responsive Web Design
  • Firebase : firestore / storage / hosting / cloud function

Main Packages

  • react-beautiful-dnd
  • react-big-calendar
  • chart.js

User Flow Chart

Demo

  • Added exercise itinerary, providing actions choice and videos of six body parts, and pie charts to calculate body part ratios

  • Users can upload photos to commemorate each workout

  • Users can add workout schedules to their Google Calendar to combine work and life balance

  • Added exercise itinerary, providing movements and videos of six body parts, and pie charts to calculate movement ratios

  • Users can quickly find gyms near their location through the map function, or they can search for gyms near the destination

  • Website provides long-term tracking of body fat and weight with visual line graphs

Contact

If you have any questions or want to chat with me, please contact me

  • Author : Hsuan Peng
  • Email : lisalisa12332180@gmail.com

About

App Work School Personal Project


Languages

Language:JavaScript 96.6%Language:HTML 3.4%