A responsive web-based calorie tracker built with JavaScript, HTML, and CSS, designed to help users estimate and record their daily calorie intake.
-
๐ User Authentication
Secure login and registration system with input validation. -
๐ฑ Add Meals Easily
Users can register meals via a dynamic dropdown, select quantity, and set the date consumed. -
๐ Track and Filter Meals
View past meals and filter them by custom date ranges. -
๐บ๏ธ Interactive Map View
Displays user geolocation with a live map and allows searching for users from other countries via city/country input. -
๐ Cross-platform
Originally built as an Android APK, the app runs seamlessly in modern web browsers.
- Vanilla JavaScript
- HTML5 + CSS3
- ION Framework
- Leaflet.js (for the interactive map)
- Bootstrap (for responsive layout)