Matcha

📌 عنوان المشروع:

منصة "Matcha" التفاعلية للألعاب والمسابقات — تطبيق ويب متكامل (Full-Stack Gaming & Trivia Web Application)

📝 وصف المشروع:

منصة ألعاب ومسابقات تفاعلية عصرية (Gamified Web Application) تتيح للمستخدمين التنافس في مسابقات المعلومات العامة (Trivia Games) والتوقعات (Prediction Games)، مع نظام ترتيب المتصدرين (Leaderboards)، وإدارات اشتراكات المستخدمين، والملفات الشخصية، لدعم تجربة تنافسية ممتعة ومحفزة.

🚀 أبرز مميزات المنصة:

دعم متعدد اللغات (Multilingual i18n): دعم كامل وديناميكي للغتين العربية والإنجليزية مع ضبط اتجاهات الصفحات (RTL / LTR).

نظام الألعاب التفاعلي (Interactive Games & Trivia): مراحِل أسئلة تفاعلية مع مؤقت زمني، واجهة اختيارات سلسة، وحساب فوري للنقاط والنتائج.

لوحة المتصدرين والجوائز (Leaderboard Podium): عرض قوائم المتصدرين مع منصة تتويج (Podium) تفاعلية لإبراز المراكز الأولى وإحصائيات المشاركين.

إدارة الملف الشخصي والاشتراكات (User Profile & Subscriptions): قسم مخصص لكل لاعب يحتوي على سجل النشاطات والمعاملات، إحصائيات الأداء، وإمكانية تعديل البيانات والاشتراك في الباقات.

واجهة مستخدم متجاوبة (Responsive Dark UI/UX): تصميم مظلم داكن (Dark Theme) مدعوم بتأثيرات حركية جذابة (Framer Motion) وتنبيهات تفاعلية.

🛠️ التقنيات المستخدمة (Tech Stack):

إطار العمل والواجهة (Framework & UI): Next.js (App Router), React 19, TypeScript.

إدارة اللغات والمسارات (i18n & Routing): next-intl.

التنسيق والحركات (Styling & Animation): Tailwind CSS, Framer Motion, React Icons.

الحالات والتنبيهات (State & UI Feedback): Context API, React Toastify, Custom Modals.

الاتصال بالخلفية (API Integration): Fetch API architecture with custom handlers & hooks.