🥗 Health Data Dashboard

A web-based analytics tool for tracking daily caloric intake and expenditure. This application demonstrates the ability to process user data, perform real-time calculations, and visualize results dynamically.

🔗 Live Demo

🚀 Key Features

• Dynamic Data Entry: Users can generate unlimited input fields for different meal categories without page reloads.
• Regex Validation: Implements strict data validation to sanitize inputs and prevent scientific notation errors.
• Metric Calculation: Automatically aggregates data from multiple sources (Meals vs. Exercise) to compute net caloric balance.
• Responsive Dashboard: Uses CSS Grid to create a flexible layout that works on mobile and desktop screens.

🛠️ Tech Stack

• JavaScript (ES6): String manipulation (Regex), Event handling, Arithmetic logic.
• CSS3: CSS Grid, Flexbox, Custom Properties (Variables), Dark Mode design.
• HTML5: Semantic Fieldsets and Form accessibility.