Back to projects
Fitness Tracker

Fitness Tracker

Olivia, Ana Jesus, Zahra, Joanna & Margarita / January 31, 2024

Fitness Tracker is a comprehensive wellness tracking app created as the final group project for the Code First Girls Introduction to JavaScript course. The project aims to help users monitor and reflect on key aspects of their daily well-being — mood, water intake, sleep, and steps — through a clean, interactive interface.

👩‍💻 Team Members

  • Olivia Mikulla
  • Ana Jesus
  • Zahra Ali
  • Joanna Czerwenak
  • Margarita Ferreira

🚀 Features

  • Mood Tracker: Log your emotional state day by day.
  • Water Intake Monitor: Track your hydration levels.
  • Sleep Log: Record sleep patterns to promote better rest.
  • Step Counter: Monitor your daily physical activity.

All these features were built with a focus on usability and design accessibility, keeping the user experience friendly and visually engaging.

🧩 Technologies Used

  • HTML – page structure
  • CSS – custom styling and responsive layout
  • JavaScript (ES6+) – interactivity and logic

🛠 External Libraries

  • SweetAlert2 – Enhanced alert dialogs with accessible, customizable modals
  • Tippy.js – Tooltips powered by Popper.js for better UX