Skip to content

amysiu1028/FitLit

 
 

Repository files navigation

💪 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.

Link:

Live Github Link

🎥 Preview

Fitlit Example

🔌 Server Setup

  • Fork this repository.
  • Clone it to your local machine using the command: git clone [email protected]: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: [email protected]: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

FitLit project starter kit for students

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 90.4%
  • CSS 9.6%