Soon kitchen

Soon Kitchen Website

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

أهم أقسام الموقع:

1- الصفحة الرئيسية (Home Page)

تحتوي على:

تعريف بالمطعم.

صور للأطعمة.

عرض المنتجات المميزة.

جذب المستخدم للبدء بالطلب.

2- قائمة الطعام (Menu)

قسم يعرض جميع المنتجات:

تصنيف الأطعمة:

المعكرونة.

النودلز.

السلطات.

المقبلات.

المشروبات.

كل منتج يحتوي على:

صورة.

اسم المنتج.

وصف مختصر.

السعر.

إمكانية الاختيار للطلب.

3- نظام الطلبات

يسمح للعميل بـ:

اختيار المنتجات.

تحديد الكمية.

إضافة الطلب إلى السلة.

مراجعة الطلب.

إرسال الطلب للمطعم.

4- تصميم وتجربة المستخدم

تم تصميم الموقع ليكون:

بسيط وسهل الاستخدام.

مناسب للموبايل والكمبيوتر.

يعتمد على عرض الصور بشكل جذاب لأن الموقع خاص بالطعام.

يساعد العميل على اتخاذ قرار الطلب بسرعة.

لو أردنا بناء موقع مشابه باستخدام MERN Stack:

Frontend (React.js)

يحتوي على:

صفحة رئيسية.

صفحة قائمة الطعام.

صفحة تفاصيل المنتج.

سلة المشتريات.

صفحة إتمام الطلب.

لوحة تحكم للعميل.

التقنيات:

React.js

Tailwind CSS

React Router

Redux Toolkit

Backend (Node.js + Express)

مسؤول عن:

إدارة المنتجات.

إدارة التصنيفات.

استقبال الطلبات.

إدارة المستخدمين.

نظام تسجيل الدخول.

لوحة التحكم.