CampusConnect

CampusConnect منصة لإدارة الفعاليات الجامعية بُنيت خلال 72 ساعة في Aptech Techwiz 2026. حصل الفريق على المركز الرابع بين نحو 120 فريقًا. التطبيق يتيح اكتشاف الفعاليات والفلترة حسب التصنيف والتاريخ وصفحات تفاصيل قابلة للمشاركة.

قدتُ تسليم الواجهات لفريق من ستة مطورين: هيكل المكونات، القوائم والفلترة، صفحات التفاصيل، التخطيط المتجاوب، بيانات SEO، وانتقالات Framer Motion. نسّقت نقاط التكامل مع من يتولى البيانات والنشر.

Next.js 15 مع App Router، React 19، TypeScript، Tailwind CSS 4، وZustand لحالة خفيفة. الصفحات من بطاقات فعاليات ومكونات فلترة قابلة لإعادة الاستخدام. مكونات الخادم للبيانات الوصفية؛ التفاعل على العميل. العرض المنشور على Vercel.

• ضغط الوقت: ركّزنا على مسار رفيع — تصفح، فلترة، تفاصيل — واستخدمنا Zustand بدل أنماط عالمية أثقل.
• اتساق الواجهة: استخرجتُ بطاقات وشارات مشتركة مبكرًا ليتمكن المساهمون من الشاشات بدون CSS متفرق.
• SEO للتحكيم: تصدير metadata وOpen Graph لكل مسار لمعاينات مشاركة واضحة.

اختبارات سريعة على Chrome وSafari للجوال أثناء الحدث. فلاتر يمكن الوصول إليها بلوحة المفاتيح. لم نُسلّم مجموعة اختبارات آلية كاملة في نافذة الهاكاثون؛ قلّلنا المخاطر بمكونات صغيرة ومtyped.

عرض جاهز للإنتاج والمركز الرابع في Techwiz 2026. أرقام لوحة التحكم في العرض المباشر (عدد الفعاليات، المشاركة، نسب النجاح) بيانات توضيحية للعرض وليست قياسات من حرم جامعي حقيقي. مستودع الهاكاثون غير عام؛ العرض المباشر وهذه الدراسة توثّق مساهمتي في الواجهات.