Muhammad Arslan
وظفني
العودة إلى المشاريع

Meridian Dental

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

الدور: Solo full-stack design and developmentالجدول الزمني: 2026النوع: Productised web app

Next.js 16

React 19

Tailwind CSS 4

shadcn/ui

Supabase

Resend

Gemini AI

FullCalendar

الصفحة الرئيسية التوضيحية لـ Meridian Dental Studio ونقطة الدخول لحجز المواعيد

نظرة عامة

يعد Meridian Dental حضوراً كاملاً على الويب ولوحة تحكم تشغيلية خفيفة لعيادة أسنان فردية. الجانب العام هو موقع تسويقي مصقول يضم الخدمات، والفريق، وبيانات التواصل، ومعالج حجز. وخلفه تقبع بوابة للمرضى، ومساعد ذكاء اصطناعي يجيب عن الأسئلة ويحجز المواعيد، ولوحة تحكم إدارية تدير منها العيادة كل شيء. بنيته كمنتج قابل للبيع، موقع يدفع لمرة واحدة بالإضافة إلى خطة شهرية، وليس كموقع مخصص لعميل واحد. وقد تم تحديد نطاقه عمداً ليعمل كواجهة أمامية لنظام إدارة المرضى الحالي للعيادة بدلاً من محاولة استبداله.

المشكلة

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

دوري ومنهجية العمل

لقد قمت بتصميم وبناء المشروع بالكامل بمفردي، سواء من ناحية التفكير في المنتج أو الهندسة. وكان جزء كبير من العمل هو تحديد ما لا يجب بناؤه. يتجنب المنتج عمداً التنافس مع أنظمة إدارة العيادات الراسخة، ويركز بدلاً من ذلك على الباب الأمامي: الحجز، والتواصل مع المرضى، ولوحة تحكم تشغيلية صغيرة. حافظ هذا الانضباط على النطاق قابلاً للإطلاق وجعل القيمة المقترحة واضحة بما يكفي لتسعيرها.

الحزمة التقنية

إطار العملNext.js 16 (App Router, Turbopack) with React 19
التصميم / واجهة المستخدمTailwind CSS 4 with shadcn/ui
الواجهة الخلفيةSupabase (Postgres, Auth, Storage)
البريد الإلكترونيResend with React Email templates
AIVercel AI SDK v6 with Google's Gemini 2.5 Flash
الجدولةFullCalendar v6
النماذج والتحقق من صحتهاreact-hook-form with Zod
التحريك والمؤثرات الحركيةGSAP

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

موقع تسويقي عامالصفحة الرئيسية، الخدمات، الفريق، بيانات التواصل، التأمين، صفحات المرضى الجدد، ومعالج حجز موجه.
حسابات المرضىتسجيل دخول بدون كلمة مرور عبر الروابط السحرية من Supabase.
بوابة المرضىلوحة تحكم خاصة لإدارة المواعيد والملف الشخصي.
مساعد الذكاء الاصطناعيروبوت دردشة مدعوم بـ Gemini يجيب بناءً على مستند أعمال العيادة ويمكنه اتخاذ إجراءات حقيقية من خلال استدعاءات الأدوات، بما في ذلك حجز موعد، أو إرسال رسالة تواصل، أو إظهار صفحة الخدمة الصحيحة.
لوحة تحكم إداريةإدارة العملاء المحتملين، تعديل مستند معرفة روبوت الدردشة، إنشاء وتعديل وحذف الخدمات وأطباء الأسنان، عرض الحجوزات، واستخدام تقويم يدعم السحب والإفلات لإعادة الجدولة.
حجز محمي من التعارضيجعل النظام الحجز المزدوج للطبيب الواحد مستحيلاً على مستوى قاعدة البيانات، ويقوم معالج الحجز بتظليل الأوقات غير المتاحة قبل أن يتمكن المريض من اختيارها.

معرض الصور

مسار الحجز في Meridian مع نماذج لأطباء العيادة وزيارة تبييض أسنان
تقويم حجز Meridian مع أوقات مواعيد تجريبية وتقدير لتكلفة الزيارة

التحديات والحلول

كانت مشكلة الحجز المزدوج هي التحدي الهندسي الأهم. قيام مريضين بالضغط على "تأكيد" لنفس الخانة الزمنية في نفس اللحظة يمثل حالة تسابق كلاسيكية، والتحقق من التوفر في كود التطبيق لا يسد الفجوة بالكامل أبداً. لقد قمت بحلها في Postgres باستخدام قيد استبعاد GiST، بحيث ترفض قاعدة البيانات نفسها أي حجز متداخل لنفس طبيب الأسنان بشكل ذري. يصبح التعارض مستحيلاً، وليس مجرد غير محتمل. كما تغذي نقطة نهاية منفصلة للتوفر معالج الحجز بحيث يتم تظليل الأوقات المستحيلة مقدماً، مما يعني أن المرضى نادراً ما يواجهون الخطأ من الأساس.

كان مساعد الذكاء الاصطناعي هو الجزء الآخر المثير للاهتمام. لا يمكن السماح لروبوت دردشة خاص بعيادة طبية باختلاق الأشياء. لذلك، قمت بتأسيسه على مستند أعمال العيادة نفسه بحيث تأتي إجاباته من محتوى حقيقي وقابل للتحرير يتحكم فيه طبيب الأسنان، وأعطيته مجموعة صغيرة من الأدوات بدلاً من تركه يعمل بشكل حر. يمكنه حجز موعد، أو إرسال رسالة، أو إظهار صفحة، ولا شيء غير ذلك. يقوم طبيب الأسنان بتحرير مستند المعرفة مباشرة من لوحة التحكم الإدارية، بحيث يبقى المساعد محدثاً دون الحاجة إلى تدخل مطور.

النتيجة

يعد Meridian Dental منتجاً عملياً جاهزاً للعرض التوضيحي. يمكن للعيادة رؤية موقعها، ويمكن للمريض الحجز من خلال مساعد الذكاء الاصطناعي أو المعالج، ويصل الحجز إلى تقويم المسؤول في الوقت الفعلي، مع حماية على مستوى قاعدة البيانات ضد تعارضات الجدولة. يتم تغليفه كعرض قابل للتكرار بدلاً من كونه بناءً مخصصاً، مما يجعله قطعة في معرض الأعمال وقالباً تجارياً حقيقياً.

هل تواجه تحدياً تقنياً مشابهاً في منتجك؟

شاركني الوضع الحالي للمنتج، والنتيجة المطلوبة، والمعوقات القائمة. وسأعتمد على ذلك في تحديد محطة تسليم أولى منطقية وعملية.

خدمات تطوير تطبيقات الويب
ابدأ ملخص مشروعك
جميع المشاريعالمشروع التاليHalatap
Meridian Dental: بوابة المرضى والحجز بالذكاء الاصطناعي لعيادات الأسنان | Muhammad Arslan