تطوير موقع لمطعم باستخدام React.js

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

- الصفحة الرئيسية

- قائمة الطعام (Menu) لعرض الأطباق المختلفة وعرض تفاصيل عن كل منتج مع إمكانية إضافته للسلة.

- من نحن (About) نبذة عن المطعم.

- تواصل معنا (Contact Us) نموذج تواصل.

- تسجيل الدخول (Login). لتسجيل الدخول بالبريد الإلكتروني وكلمة المرور.

- سلة الطلبات (Cart) عرض للوجبات التي أضافها المستخدم بالصورة واسم الوجبة والكمية والسعر وزر للإضافة والحذف وعرض إجمالي السعر.

التقنيات المستخدمة :

React Router : للتنقل بين الصفحات.

useState : لإدارة الحالة مثل السلة وتسجيل الدخول.

Redux : لإدارة حالة السلة وعمليات الإضافة والحذف.

React Hook Form : لإدارة نماذج الإدخال login, contact us.

Rest APIs : لجلب البيانات الديناميكية وعرضها في الموقع.

Tailwind CSS : لعمل تصميم متجاوب مع مختلف الأجهزة.