العودة إلى المشاريع
SaaS ApplicationLiveWeb
Prime Tutor: منصة للدروس الخصوصية عبر الإنترنت
منصة سهلة الاستخدام تربط الطلاب والمعلمين من خلال الاشتراكات، مع جدولة في الوقت الفعلي ومدفوعات تلقائية، مما يجعل الدروس الخصوصية عبر الإنترنت بسيطة وموثوقة.
15+
Technologies
8+
Key Features
Web
Platform
الميزات الرئيسية
ربط الطلاب بالمعلمين من خلال الاشتراكاتجدولة في الوقت الفعلي مع تكامل Calendlyمعالجة المدفوعات الآليةمصادقة آمنة ووصول لقاعدة البياناتتحديثات مباشرة وإشعاراتالتحقق من صحة النماذج باستخدام React Hook Form و Zod
المكدس التقني
SupabaseStripeCalendlyReactTypeScriptTailwindCSSNode.jsViteEdge FunctionsReact QueryReact Hook FormZodShadcn/UIFramer MotionRedux Toolkit
مساهمتنا
مساهمتنا
- أنشأنا واجهة ويب نظيفة ومتجاوبة باستخدام React و TypeScript و TailwindCSS
- أضفنا تحققًا قويًا من صحة النماذج باستخدام React Hook Form و Zod لمنع الأخطاء
- قمنا بإعداد Supabase لمصادقة المستخدمين، والوصول الآمن لقاعدة البيانات، والتحديثات المباشرة
- أنشأنا وظائف حافة خلفية (Edge Functions) لواجهات API آمنة تتولى الحجوزات والمدفوعات وعمليات الانضمام
- دمجنا Calendly للجدولة مع مزامنة الحجوزات في الوقت الفعلي
- استخدمنا Stripe لإدارة الاشتراكات والمدفوعات لمرة واحدة ومدفوعات المعلمين بأمان
- أدرنا حالة التطبيق باستخدام Redux Toolkit و React Query لتجربة مستخدم سريعة وسلسة
- طبقنا نشرًا واختبارًا آليًا للحفاظ على استقرار المنصة
- حسّنا تجربة المستخدم بالرسوم المتحركة، ومؤشرات التحميل، والنماذج المنبثقة، والتصميم المتوافق مع الجوّال
النتائج
Successful platform launch connecting students and tutorsEasy scheduling and automated paymentsScalable and reliable architecturePolished user experience
الأسئلة الشائعة
قامت MicrocosmWorks بدمج Calendly لإدارة التوافر، مما يسمح للمُعلمين بتحديد مواعيد توافر متكررة ومواعيد لمرة واحدة يمكن للطلاب حجزها في الوقت الفعلي. يتعامل نظام Supabase الخلفي (backend) مع Edge Functions مع حل تعارضات الحجوزات، وتحويل المناطق الزمنية، والمزامنة التلقائية للتقويم. عندما يحجز طالب جلسة، يتلقى الطرفان تأكيدًا ويتم التحقق من اشتراك Stripe للتحقق من أرصدة الجلسات المتبقية.
دمجت MicrocosmWorks نظام Stripe لفوترة الاشتراكات مع مستويات خطط متعددة بناءً على تكرار الجلسات. يتعامل النظام مع معالجة الدفع التلقائية وقت الحجز، وproration لتغييرات الخطة في منتصف الدورة، ومنطق إعادة محاولة الدفع الفاشلة. يتم حساب مدفوعات المعلمين تلقائيًا بناءً على الجلسات المكتملة، وتوفر لوحة تحكم المسؤول تقارير الإيرادات ومقاييس الاشتراك وتتبع المدفوعات.
أنشأت MicrocosmWorks عملية انضمام مبسطة للمدرسين باستخدام React Hook Form مع Zod للتحقق، تجمع المؤهلات والخبرة في المواد الدراسية وتفضيلات التوفر والتسعير في نموذج متعدد الخطوات. تقوم الواجهة الخلفية لـ Supabase بتخزين ملفات تعريف المدرسين مع علامات قابلة للبحث، وتسمح قائمة انتظار المراجعة الإدارية لمشغلي المنصة بالتحقق من المؤهلات قبل ظهور المدرسين في نتائج بحث الطلاب.
قامت MicrocosmWorks ببناء Prime Tutor باستخدام React و TypeScript على Vite للواجهة الأمامية، و Supabase للواجهة الخلفية (قاعدة بيانات PostgreSQL، المصادقة، الاشتراكات الفورية، و Edge Functions)، و TailwindCSS للتصميم. تم اختيار Supabase لقدراته المدمجة في الوقت الفعلي، وأمان مستوى الصفوف (row-level security) للتحكم في الوصول متعدد الأدوار، و Edge Functions التي تقلل من زمن الاستجابة الأولي (cold-start latency)، مما يحافظ على التكلفة الإجمالية للبنية التحتية منخفضة لمنتج في مرحلة الشركات الناشئة.
صممت MicrocosmWorks نموذج بيانات Prime Tutor لاستيعاب كلا النوعين من الجلسات: الفردية والجماعية. يدعم مخطط Supabase حدود سعة الجلسة، وقوائم الانتظار، ومستويات التسعير للمجموعات. يعد التوسع ليشمل التعلم القائم على الدورات التدريبية بتسلسلات دروس مجدولة أمرًا مباشرًا من الناحية المعمارية، ويمكن لـ MicrocosmWorks إضافة هذه الإمكانية في 4-6 sprint cycles بمعدلات تطوير تتراوح من 15 إلى 30 دولارًا في الساعة.
هل لديك مشروع مشابه في ذهنك؟
دعنا نناقش كيف يمكننا تحقيق رؤيتك بنفس مستوى الخبرة والتفاني.