Responsive Fitness Tracker Web App

JavaScript, Python, CSS, HTML5, jQuery / Prototype, Web Development, Frontend Development, Data Visualization, Chart.js · I’m building a browser-based fitness tracker and I want every screen to feel as informative and detailed as possible while remaining quick to load and easy to navigate. The core stack is straightforward—HTML, CSS and vanilla JavaScript with Chart.js for visualisations and LocalStorage for all client-side persistence—so you should be comfortable working without heavy frameworks.

Scope of work • Build a fully responsive interface that adapts gracefully to mobile, tablet and desktop breakpoints. • Implement the seven key modules: – BMI calculator that saves each entry and renders a progress chart. – Daily calorie calculator. – Water-intake tracker with daily goal visual. – Mood-based exercise suggestion engine. – Short fitness quiz that records and updates a running score. – Dark / Light mode toggle stored in LocalStorage. – One-click CSV export of all tracked data. • Keep the information architecture clear so users can drill into details without feeling lost; tooltips, inline validation and concise labels are encouraged. • Code must be clean, commented and organised so future devs can extend modules or swap storage layers easily.

Deliverables 1