Little Lemon – Capstone Project

Little Lemon – Capstone Project

تطبيق لحجز مواعيد في مطعم، ضمن مشروع التخرج من (Coursera (Meta Front-End Developer

نبذة عن المشروع:

مشروع "Little Lemon" هو تطبيق ويب تفاعلي تم تطويره كجزء من مشروع التخرج لشهادة Meta Front-End Developer.

المطعم يقدم خدمات حجز الطاولات، ويتيح للمستخدمين إدخال بياناتهم واختيار التاريخ والوقت المناسب لتأكيد الحجز.

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

React.js (المكونات، إدارة الحالة، التوجيه)

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

Formik + Yup لإدارة النموذج والتحقق من صحة البيانات

CSS Modules و/أو Tailwind / Bootstrap حسب النسخة

LocalStorage / useReducer / Context API لإدارة الحالة (حسب الجزء)

? وظائف التطبيق:

️ نموذج حجز طاولة في المطعم (الاسم، عدد الأشخاص، التاريخ، الوقت، المناسبة)

التحقق من صحة البيانات قبل إرسالها باستخدام Yup

عرض رسالة تأكيد أنيقة بعد الحجز

? تنقل بين صفحات (الرئيسية، القائمة، الحجز، من نحن)

واجهة سهلة الاستعمال ومتجاوبة مع الهواتف

الهدف من المشروع:

هذا المشروع يمثل تتويجًا لما تم تعلمه خلال سلسلة الكورسات، من:

بناء مكونات React قابلة لإعادة الاستخدام

العمل مع نماذج حقيقية ومعالجة الأخطاء

تنظيم المشروع بطريقة احترافية

تطبيق التصميم المتجاوب (Responsive Design)

التركيز على تجربة المستخدم

الشهادة:

تم تنفيذ المشروع بنجاح كمتطلب أخير للحصول على شهادة:

Meta Front-End Developer (Coursera) – (يناير 2025)

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