Bristo Restaurant Menu

Bistro هو موقع مطعم تفاعلي تم تطويره بالكامل من جهة الـFrontend لتقديم تجربة طلب طعام سهلة من خلال واجهة حديثة ومتجاوبة.

قمت بتطوير واجهة الموقع وصفحاته وتنفيذ التفاعلات الخاصة بتصفح المنيو والمنتجات والسلة والطلبات.

أهم ما تم تنفيذه

- الصفحة الرئيسية للمطعم.

- صفحة Menu لعرض الوجبات والمشروبات.

- البحث عن الوجبات.

- فلترة المنتجات حسب التصنيف مثل Meat، Pizza، Pasta، Chicken، Vegetable، Hot Drinks وCold Drinks.

- صفحات وتفاصيل المنتجات.

- إضافة المنتجات إلى Cart.

- إدارة محتويات السلة.

- صفحة My Orders.

- صفحة Contact.

- تصميم Responsive للموبايل والتابلت والكمبيوتر.

- بناء Components قابلة لإعادة الاستخدام.

- تنظيم واجهة المشروع بطريقة تسمح بإضافة وظائف جديدة مستقبلاً.

- تنفيذ تجربة تنقل واضحة بين صفحات الموقع.

التقنيات المستخدمة: React.js، TypeScript، Tailwind Css، Shad cn ، Fremer Motion.

كان دوري في المشروع هو Frontend Development بالكامل، بداية من بناء الواجهات والمكونات، مروراً بتنفيذ التفاعلات وإدارة حالة الواجهة، وحتى تجهيز المشروع للنشر.