مشروع مطعم إلكتروني (Restaurant Website) صممته وطوّرته من الصفر باستخدام React.js مع Vite و TailwindCSS.
المزايا والخصائص:
واجهة مستخدم تفاعلية مبنية بمكونات (Components) قابلة لإعادة الاستخدام.
عرض ديناميكي للأصناف (Food Display) من خلال بيانات (JSON/Data File) بدل الهارد كود.
سلة المشتريات (Cart): إضافة وحذف المنتجات مع تحديث السعر الإجمالي.
التنقّل (Routing): باستخدام React Router بين الصفحات (القائمة – حول المطعم – تواصل معنا).
تصميم متجاوب (Responsive Design) يعمل بسلاسة على الموبايل والكمبيوتر.
نشر (Deployment): مرفوع على GitHub Pages مع إدارة الكود على GitHub.
الهدف من المشروع:
تحسين تجربة العملاء في استعراض قائمة الطعام أونلاين.
تدريب عملي على إدارة الحالة (State Management) وربط المكونات.
تطبيق مبادئ التصميم التفاعلي والـ Responsive Design.