انتقل إلى المحتوى
CHYOTECHSoftware Studio
جميع المشاريع

مشروع شخصي

Couple Room

غرفة خاصة تعمل لحظيًا يلعب فيها شريكان ألعاب أسئلة قصيرة.

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

متاح للاستخدام
  • Next.js
  • TypeScript
  • Supabase
  • React
  • Tailwind
  • Playwright
الصفحة الرئيسية لـ Couple Room مع ألعابه الأربع
الصفحة الرئيسية لـ Couple Room مع ألعابه الأربع

نظرة عامة

يمنح Couple Room شخصين غرفة خاصة مشتركة مبنية حول ألعاب قصيرة. ينشئ أحد الشريكين الغرفة ويشارك رمز دعوة، وبعد انضمام الآخر يجيب كل منهما بمفرده ثم تُكشف الإجابات معًا.

الهدف

تحويل فكرة بسيطة، الإجابة كلٌّ على حدة ثم الكشف معًا، إلى تطبيق ويب متقن لشخصين.

الحل

تطبيق مبني بـ Next.js و React بلغة TypeScript ومنسّق بـ Tailwind، ويستخدم Supabase لتسجيل الدخول والبيانات. تمر كل التغييرات عبر دوال قاعدة البيانات، ويُبقي Supabase Realtime الشاشتين متزامنتين ويُظهر من هو متصل، ولا تُطلب إجابة الشريك إلا بعد الكشف. ويتضمن المستودع أيضًا مجموعة اختبارات Playwright لمستخدمَين.

الميزات الرئيسية

  • حسابات مع تأكيد البريد الإلكتروني
  • دعوة الشريك برمز
  • أربع ألعاب تفاعلية، منها Guess My Answer
  • أسئلة مدمجة وأخرى مخصصة
  • كشف الإجابات بعد أن يجيب الشريكان
  • تحديثات لحظية وحالة الاتصال
  • ترجمة عربية للأسئلة المدمجة

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

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

  • Next.js
  • TypeScript
  • Supabase
  • React
  • Tailwind
  • Playwright
الفئة
تطبيق ويب
نوع المشروع
مشروع شخصي
الحالة
متاح للاستخدام

لقطات الشاشة

  • شاشة إنشاء حساب في Couple Room، نموذج فارغ
    لقطة شاشة: شاشة إنشاء حساب في Couple Room، نموذج فارغ

لنبنِ معًا

هل أنت مستعد لبدء مشروعك؟

دعنا نحوّل فكرتك إلى مشروع حقيقي.

يفتح واتساب مع رسالة مقترحة، ولن يُرسل أي شيء حتى تضغط على زر الإرسال.