class of 2026

تصميم وبرمجة موقع تعريفي (Class of 2026) لمجموعة/نشاط طلابي باستخدام React.js، مع ربط الموقع بقاعدة بيانات Firebase لحفظ واسترجاع بيانات الطلاب.

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

أبرز مميزات الموقع:

- تصميم بصري يعكس هوية المجموعة وروح الانتماء بين أعضائها

- بناء الواجهة بالكامل باستخدام React.js لضمان تجربة تفاعلية وسريعة وسلسة بين الصفحات

- نموذج تسجيل بيانات الطلاب مربوط بـ Firebase، بحيث يتم حفظ كل بيانات الطالب مرتبطة بالإيميل الخاص به

- تخزين واسترجاع البيانات بشكل فوري (Real-time) من خلال قاعدة بيانات Firebase

- تصميم متجاوب بالكامل يعمل بسلاسة على الموبايل والتابلت واللابتوب

طريقة التنفيذ:

تم بناء الموقع باستخدام React.js لإنشاء واجهة مستخدم تفاعلية مقسّمة إلى مكونات (Components) قابلة لإعادة الاستخدام، مما يضمن أداء سريعاً وتجربة استخدام سلسة. تم ربط الموقع بخدمة Firebase من Google للتعامل مع تخزين بيانات الطلاب في الوقت الفعلي، بحيث يتم حفظ كل سجل مرتبطاً بالإيميل الخاص بصاحبه لسهولة التتبع والاسترجاع لاحقاً.