موقع دروس خصوصية مع نظام حجز

Supabase: خلفية Postgres ومصادقة
متجاوب: تصميم يبدأ بالجوال، بلغتين (EN/AR)
الحجز: مسار حي لاختيار مواعيد الحصص

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

JavaScript
Supabase
PostgreSQL
HTML / CSS
Static hosting

المشكلة

احتاج مدرّس خصوصي إلى حضور إلكتروني احترافي يتيح للطلاب المحتملين حجز الحصص أيضاً — دون دفع تكاليف خادم مخصّص أو صيانته.

المنهجية

بنيتُ موقعاً متجاوباً (الخدمات، الأسعار، آراء الطلاب، التواصل) مع مسار حجز حي موصول بـ Supabase (PostgreSQL). وتتحدث الواجهة الأمامية مع Supabase مباشرةً عبر مخطط SQL محدّد، فلا حاجة إلى خادم خلفي مخصّص — إذ تصل الحجوزات مباشرةً إلى قاعدة البيانات، ويُنشر الموقع كله كاستضافة ساكنة. ويصدر الموقع بلغتين (الإنجليزية والعربية) مع وضعين فاتح وداكن.

النتائج

موقع أنيق ملائم للجوال يحوّل الزوار إلى طلبات حجز، بقاعدة بيانات Postgres حقيقية خلفه، ونشر موثَّق بخطوة واحدة — وكل ذلك دون أي صيانة لخادم.

أبرز الحلول الهندسية

موقع دروس خصوصية متجاوب يضم الخدمات والأسعار وآراء الطلاب ومسار حجز حصص حي.
خلفية Supabase (PostgreSQL) بمخطط SQL محدّد للحجوزات.
بلغتين (الإنجليزية والعربية) مع وضعين فاتح وداكن.
بلا خادم خلفي مخصّص — واجهة أمامية ساكنة تتحدث مع Supabase مباشرةً؛ ونشر موثَّق بخطوة واحدة.

لقطات الشاشة والمخططات

لقطات ورسوم حقيقية من الواجهة — الشيفرة خاصة ولا تُعرض علامات العملاء التجارية.

الواجهة الرئيسية لموقع الدروس مع لوحة حية للمواعيد المتاحة. — الواجهة الرئيسية — القيمة المقترحة وأزرار الإجراء ولوحة حية للمواعيد المتاحة.

قسم نتائج الطلاب قبل وبعد في موقع الدروس. — دليل اجتماعي — نتائج حقيقية للطلاب قبل وبعد.

البنية: واجهة أمامية ساكنة تتحدث مع Supabase مباشرةً. — البنية — واجهة أمامية ساكنة تعمل مباشرةً على Supabase (Postgres).

تفاصيل تقنية معمّقة

كان هدف التصميم بناء حزمة بلا صيانة: واجهة أمامية ساكنة ومتجاوبة تتحدث مباشرةً مع Supabase للبيانات والمصادقة، مع مخطط SQL صغير ومحدّد بدقة يدعم مسار الحجز. وهذا يبقي الاستضافة مجانية وبسيطة، ويمنح العميل في الوقت نفسه قاعدة بيانات علائقية حقيقية (Postgres) خلف حجوزاته — بلا خادم يحتاج ترقيعاً أو مراقبةً أو دفعاً.