Swimmge
مدرسة سباحة ومنصة حجوزات
ملخص المشروع
منصة Next.js مخصصة بالكامل لمدرسة سباحة: معالج حجز من ثلاث خطوات في الواجهة، ونظام متكامل لإدارة المحتوى خلفها، وفيديو ترويجي يُنتَج بالكود بدلًا من برنامج مونتاج.
Swimmge هو المشروع الوحيد هنا الذي لا يقوم على نظام لإدارة المحتوى. كانت المدرسة بحاجة إلى نظام حجوزات لا إلى موقع تعريفي: اختيار البرنامج، وتقويم يعكس المواعيد المتاحة فعلًا، وسجل حجوزات يستطيع الموظفون العمل منه حقًا. استبعد ذلك الاعتماد على حزمة إضافات جاهزة، فجاء تطبيق Next.js يستخدم Prisma مع SQLite ولوحة إدارة مبنية خصيصًا.
يمر الحجز بثلاث خطوات (البرنامج، ثم التاريخ والوقت، ثم بيانات التواصل)، وتُحفظ حالته في الرابط، فلا يضيع الحجز غير المكتمل عند تحديث الصفحة أو مشاركة الرابط. تُحفظ الطلبات في قاعدة البيانات وتُطلق إشعارًا بالبريد الإلكتروني ضمن الطلب نفسه.
خلف شاشة تسجيل الدخول نظام لإدارة المحتوى يستخدمه المالك دون الحاجة إليّ: مقالات المدونة، وإدارة معرض الصور، وصندوق للعملاء المحتملين، وصفحة هبوط قابلة للتعديل. أما الفيديو الترويجي في الصفحة الرئيسية فهو تركيبة Remotion تُصدَّر بصيغة MP4 أثناء البناء، لذا تستطيع المدرسة تغيير سعر أو عنوان ثم إعادة إنتاج الفيديو دون فتح برنامج مونتاج.
ما تم تسليمه
- معالج حجز من ثلاث خطوات تُحفظ حالته في الرابط
- لوحة إدارة مخصصة: المقالات، والمعرض، والعملاء المحتملون، وصفحة الهبوط
- فيديو ترويجي يُنتَج برمجيًا باستخدام Remotion
- تحديد معدل الطلبات، وحقول مصيدة (honeypot)، وترويسات CSP
- sitemap.xml وrobots.txt والربط مع Search Console
- الدور
- تطوير متكامل (Full-Stack)
- السنة
- 2025


المشروع التالي
نظام حضور ورواتب لموقع إنشاء مستشفى

