calorie-tracker - تتبع سعراتك الحراريه

تصميم سريع الاستجابة: تم تصميم Calorie Tracker باستخدام نهج الهاتف المحمول أولاً باستخدام React وVite، مما يضمن الأداء السلس عبر جميع الأجهزة، بما في ذلك الهواتف الذكية والأجهزة اللوحية وأجهزة الكمبيوتر المكتبية.

واجهة بديهية: تم تصميم واجهة المستخدم لتكون بديهية وسهلة الاستخدام، مما يسمح للمستخدمين بالتنقل بسهولة عبر التطبيق وإضافة الوجبات وحذفها وإعادة طلبها بسهولة.

إدارة الوجبات: يمكن للمستخدمين إضافة وجبات الطعام إلى سجلاتهم اليومية باستخدام نموذج السحب والإفلات المدعوم من React Modal وإدارة السعرات الحرارية التي يتناولونها بكفاءة.

التقويم الديناميكي: تتيح ميزة التقويم المضمنة للمستخدمين التنقل إلى أيام مختلفة وعرض سجلات وجباتهم وإدارة السعرات الحرارية التي يتناولونها دون عناء.

التخزين المستمر: يتم تخزين جميع البيانات بشكل آمن محليًا في مساحة تخزين المتصفح، مما يضمن إمكانية وصول المستخدمين إلى سجلات الوجبات الخاصة بهم حتى بعد إغلاق المتصفح.

Responsive Design: Calorie Tracker is built with a mobile-first approach using React and Vite, ensuring seamless functionality across all devices, including smartphones, tablets, and desktops.

Intuitive Interface: The user interface is designed to be intuitive and user-friendly, allowing users to easily navigate through the app, add, delete, and reorder meals with ease.

Meal Management: Users can add meals to their daily records using a drag-and-drop form powered by React Modal and manage their calorie intake efficiently.

Dynamic Calendar: The built-in calendar feature allows users to navigate to different days, view their meal records, and manage their calorie intake effortlessly.

Persistent Storage: All data is securely stored locally in the browser's storage, ensuring that users can access their meal records even after closing the browser.