برمجة وتصميم موقعك من الصفر حتى ظهوره في بحث جوجل

- مختصر : موقع جامعة بسيط واجهة فرونت اند فقط يشمل مشاريع الطلبة ومحاكاة الموقع الرئيسي للجامعة

- تطوير واجهة موقع “BATU Projects” (Front-End فقط)

نظرة عامة عن المشروع

- تصميم وتطوير واجهة أماميّة جذابة وسهلة الاستخدام لموقع "BATU Projects"، وهو موقع بسيط يعرض إنجازات طلاب جامعة برج العرب التكنولوجية (BATU) في مجال الأنظمة المدمجة. الموقع يحاكي الموقع الرسمي للجامعة ويوفر تجربة تعليمية وتفاعلية.

المهام الرئيسية

تطوير الترويسة (Header) التي تتضمن اسم الموقع "BATU Projects"، وشعار الجامعة، وقائمة تنقل (Home، Projects، News، Events، Knowledge) ، مع أزرار تسجيل دخول/خروج وإضافة مشروع.

تصميم قسم “Welcome to BATU” الذي يعرض لمحة عن الجامعة وأهدافها.

تصميم قسم “Projects” لعرض:

عدد وشكل المشاريع (مثل "82+"، "Smart Home"، "Drones"، "Smart Cars"، إلخ).

مشاريع الطلاب مع صور أو أيقونات وعناوين مختصرة.

إنشاء نموذج أو زر يسمح بإضافة مشروع جديد (Add Project).

تحسين قسم "Contact BATU" لإظهار تفاصيل الاتصال (العنوان: Borg Al-Arab City, Egypt)، البريد الإلكتروني، روابط سريعة، وساعات العمل.

التأكد من أن التصميم متجاوب (Responsive) ويعمل بانسيابية على الهواتف والحواسيب.

التقنيات المطلوبة

HTML / CSS / JavaScript أساسي.

يُفضّل استخدام إطار واجهة مثل Bootstrap أو Tailwind لتسريع التطوير.

يمكن استخدام مكتبات بسيطة لعرض الصور أو التعدادات (مثل Lightbox أو مكتبة عدّادات).

التركيز حصريًا على الواجهة الأمامية (Front-End)، بدون ربط بأي قاعدة بيانات أو Backend.

الخصائص المرغوبة

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

تجربة استخدام سهلة وواضحة.

مرونة في التعديلات مستقبلاً (مثل إضافة مشاريع أو تعديل المحتوى بسهولة).

المخرجات المتوقعة

مجموعة ملفات HTML/CSS/JS كاملة.

نسخة قابلة للتشغيل محليًا أو استضافية (مثل GitHub Pages) ، أعتمد على التصميم والوظائف الأساسية.

إمكانية استبدال المحتوى بسهولة (نصوص، صور، روابط).