تفاصيل المشروع

تعليمات المشروع للمطور نظرة عامة أملك حالياً: الدومين (مربوط وجاهز). استضافة DigitalOcean (Droplet/App Platform). تصميم Figma كامل (واجهة لجميع الصفحات عربي/إنجليزي مع دعم RTL). حساب Bedsonline (مع API Key & Secret جاهزة). حساب Tap للدفع (مفعل مع مدى، أبل باي، فيزا، ماستركارد). الآن أحتاج بناء الموقع بالكامل من الصفر اعتماداً على تصميم Figma وربط جميع الـ APIs والأنظمة حتى يصبح الـMVP جاهز للتشغيل. المهام المطلوبة تحويل Figma إلى كود تحويل التصميم بالكامل إلى واجهة باستخدام Next.js 14 + Tailwind CSS. مطابقة Pixel Perfect مع التصميم. دعم الاستجابة (موبايل/تابلت/كمبيوتر) ودعم RTL. إنشاء مكونات قابلة لإعادة الاستخدام (أزرار، حقول، كروت…). الخلفية وقاعدة البيانات إعداد PostgreSQL لتخزين (الحجوزات، المستخدمين، المدفوعات، إعدادات الواجهة). استخدام Prisma ORM. إعداد Redis لتخزين التوافر والأسعار مؤقتاً (5–15 دقيقة). تكامل Bedsonline تنفيذ مسار الحجز الكامل: Availability → Rate-check → Booking. استخدام Idempotency Keys و traceId. التعامل مع الكاش والأخطاء. تكامل الدفع (Tap) ربط Hosted Fields أو Redirect. تفعيل مدى + أبل باي + فيزا/ماستركارد. تأكيد الدفع عبر Webhooks موقعة + إعادة المحاولة عند الفشل. إنشاء فواتير VAT PDF وإرسالها بالإيميل + إتاحتها في “حجوزاتي”. الإيميلات والإشعارات ربط Resend/Mailgun لتأكيد الحجز والفواتير. إعداد SPF/DKIM على الدومين. لوحة التحكم (Admin Dashboard) نظرة عامة (إحصائيات الحجوزات والإيرادات والعملاء). إدارة الحجوزات (عرض/إلغاء/مزامنة مع Bedsonline). إدارة العملاء. إعدادات API (Bedsonline + موردين مستقبلاً). إعدادات الدفع (مفاتيح Tap). CMS للواجهة: تغيير الخلفيات والبنرات وبيانات SEO. تقارير وإمكانية التصدير CSV/PDF. إدارة المستخدمين (أدوار وصلاحيات). الأمان والأداء تفعيل HTTPS + Firewall + Rate limiting + Helmet + CORS. تحسين SEO (Meta, OpenGraph, Schema.org). استخدام ISR للمحتوى. مراقبة الأخطاء عبر Sentry. النشر و CI/CD إنشاء مستودع GitHub (main/develop). تفعيل GitHub Actions للبناء والاختبار والنشر إلى DO App Platform. إعداد متغيرات البيئة (مفاتيح Bedsonline، قاعدة البيانات، Redis، Tap، Mailgun/Resend، DO Spaces). الاختبارات ومعايير القبول اختبارات E2E للمسار الكامل: بحث → Rate-check → دفع → حجز → فاتورة. مطابقة التصميم ≥95% مع Figma. سرعة البحث TTFB أقل من 800ms مع الكاش. اختبار 20+ سيناريو (تغير السعر، فشل الدفع، الإلغاء). تعديل الخلفيات والبنرات من لوحة التحكم. وصول الإيميلات والفواتير بشكل صحيح. عدم وجود أخطاء حرجة في Sentry خلال 48 ساعة تجربة. الهدف تسليم موقع حجز فنادق احترافي، بدون أخطاء، مع لوحة تحكم كاملة، تكامل Bedsonline + Tap، وإمكانية تخصيص المحتوى بسهولة.

مشروع موقع حجز الفنادق عبر التكامل

نقاط الجدية