MaryBruff / FitLit

🀸 https://github.com/amysiu1028/FitLit

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸ’ͺ FitLit

Tests

πŸ’Ύ Technologies Used

HTML5 CSS3 JavaScript Chart.js Webpack Mocha Figma Visual Studio Code GitHub NPM Interact.js

πŸ‘©β€πŸ’» πŸ‘©β€πŸ’» πŸ‘¨β€πŸ’» πŸ‘©β€πŸ’» Collaborators

Emalee Poellot | Amy Siu | Ben Rosner | Mary Bruff |

πŸ’­ Abstract

FitLit revolutionizes the health tracking experience by seamlessly blending style and data tracking. With its captivating interface and user-friendly design, users can effortlessly rearrange their dashboard's UI to prioritize what matters most, whether it's activity, hydration, or sleep data. This innovative app ignites motivation for a healthier and happier life, offering a personalized approach to wellness.

πŸ“ Context

We are a 4 group of front-end developers who worked together remotely via Zoom and asynchronously through the GitHub project board to complete this application. This project was completed from week 2 to week 4 in Mod 2 of the Front End development program at Turing School of Software & Design.

πŸŽ₯ Preview

Fitlit Example

πŸ”Œ Server Setup

  • Fork this repository.
  • Clone it to your local machine using the command: git clone git@github.com:turingschool-examples/fitlit-starter-kit.git.
  • Run the command: cd fitlit-api
  • Run the command: npm install
  • Run the command: npm start

Client App Setup

  • Clone it to your local machine using the command: git@github.com:amysiu1028/FitLit.git
  • Run the command: cd fitlit
  • Run the command: npm install
  • Run the command: npm start

πŸ“š Learning Goals

  • Use object and array prototype methods to perform data manipulation
  • Understand the use of Webpack
  • Implement fetch API
  • Use Mocha framework with Chai library for TDD
  • Create a project that is easily readable with separate files that store functions for DOM manipulation, data model, helper, API calls and scripts
  • Collaborate productively and professionally as a team
  • Utlizie localStorage to save user data outside of page refresh

πŸ₯‡ Wins

⭐ Successfully integrating charts library into our application.

⭐ Developed strong code organization and project management skills using GitHub project boards.

⭐ Collaborated effectively with a team of four, fostering a shared knowledge base to ensure cohesive workflow. This allowed us to maintain a consistent skill level while some team members brought additional
expertise, creating a well-balanced team dynamic.

🚧 Challenges

❗ Getting the hang of understanding code written by others. While also figuring out the flow of async work and checking out pull requests to see what's been done.

❗ Maintaining consistent naming conventions and effectively tracking previously declared names.

❗ Understanding and troubleshooting importing and exporting files with Webpack.

About

🀸 https://github.com/amysiu1028/FitLit


Languages

Language:JavaScript 90.4%Language:CSS 9.6%