MealMatrixx (Desktop only) Used AI

Project Overview

MealMatrixx is a desktop-first meal tracking web app built with vanilla JavaScript, HTML, and CSS. It enables users to log their meals, manage nutrition targets, and view real-time summaries — all without relying on frameworks. Built in 35 hours during Hackatime, it integrates Firebase Authentication and Realtime Database for full backend functionality.

Core Features (Currently Working)

🔐 User Authentication: Firebase-backed login/sign-up system with session persistence.

📝 Meal Logging: Users can add meals with calorie and macro info; instantly synced to Firebase.

🎯 Nutrition Target Setup: Allows users to set daily goals for calories, protein, fats, and carbs.

💾 Profile Save Feedback: Saving profile info gives accurate success feedback (e.g., correct tick icon).

📌 Sticky UI Elements: Navigation and form components are responsive and intuitive for desktop view.

📁 Firebase Integration: All data is read/written in real time through Firebase RTDB.

🧠 Initial Recommendations: New users get hydration and protein tips on first load for easy onboarding.

Known Issues / Work in Progress

📉 Weekly Summary Panel: Currently not adapting to individual user preferences; close (X) button misaligned; scroll overflow on y-axis.

📊 Sidebar Widgets: Fat/weight data and nutrition tips (e.g., protein count, hydration reminders) not updating dynamically yet.

🧭 Footer Navigation: Some links/pages in the footer are non-functional.
-> goals page has ui of old version wil be updating it soon but is functional for now.

📲 Mobile Optimization: UI is desktop-only at this stage.

📤 CSV Export / Charts: Not implemented yet, but planned in upcoming updates.

Deployment Info

🔗 Live Demo: https://mealmatrix.netlify.app/

🧠 GitHub Source: https://github.com/MangalNathYadav/mealmatrixx

Conclusion

MealMatrixx is a fully deployed, feature-rich JS-only project with functional auth, meal tracking, data persistence, and a growing dashboard — worthy of being marked as shipped in its current form. Pending UI/UX tweaks and additional features are scheduled to roll out soon.
also there are many features that i am planning to implement but for now i guess this is enough to mark it as shipped.
and for the issues i will be fixing those issue soon..
thank you.
preffered dimension - > 1400x 628 -> as not much responsive but can work on tabs
not preferred to use on mobile