Food Lover | Modern Responsive Restaurant Website

وصف المشروع

Food Lover هو موقع إلكتروني لمطعم، تم تصميمه لعرض المطعم بطريقة عصرية وجذابة، مع توفير معلومات عن المطعم وقائمة الطعام والعروض الخاصة ومواعيد تقديم الوجبات ومعرض للصور وبيانات التواصل.

الموقع عبارة عن صفحة ويب متكاملة تحتوي على عدة أقسام، ويمكن للمستخدم التنقل بينها بسهولة من خلال شريط التنقل الموجود أعلى الصفحة.

مميزات المشروع

- تصميم عصري وجذاب مناسب لموقع مطعم.

- تصميم Responsive يتكيف مع أجهزة الكمبيوتر والتابلت والموبايل.

- وجود شريط تنقل Navigation Bar للانتقال بين أقسام الموقع.

- قسم رئيسي Home يحتوي على اسم المطعم ووصف مختصر وزر لحجز طاولة.

- قسم About للتعريف بتاريخ المطعم وخبرته.

- قسم Special Offers لعرض العروض والخصومات.

- قسم Menu لعرض أصناف الطعام وأسعارها.

- قسم Daytime يوضح مواعيد تقديم الإفطار والغداء والعشاء والحلويات.

- قسم Gallery لعرض صور الأطعمة والمطعم.

- قسم Contact لعرض معلومات التواصل ونموذج لإرسال رسالة.

- استخدام تأثيرات بسيطة عند تمرير المستخدم على بعض العناصر.

- استخدام صور وأيقونات لتقديم المحتوى بطريقة واضحة وجذابة.

- وجود Footer في نهاية الموقع.

طريقة تنفيذ المشروع

تم تنفيذ المشروع باستخدام تقنيات Front-End Development الأساسية:

HTML5:

تم استخدام HTML لإنشاء هيكل الموقع وتقسيمه إلى الأقسام المختلفة مثل Home وAbout وOffers وMenu وGallery وContact.

CSS3:

تم استخدام CSS لتصميم الموقع وتنسيق الألوان والخطوط والصور والأزرار والأقسام، بالإضافة إلى استخدام Media Queries لجعل الموقع متجاوبًا مع أحجام الشاشات المختلفة.

Font Awesome:

تم استخدام مكتبة Font Awesome لإضافة بعض الأيقونات الخاصة بالموقع.

Images & Assets:

تم استخدام مجموعة من الصور الخاصة بالأطعمة والخلفيات والشعار لإظهار الموقع بشكل بصري مناسب لطبيعة المطعم.

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

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

- HTML5

- CSS3

- Responsive Web Design

- Media Queries

- Font Awesome

- Google Fonts