مشروع Dental Clinic System هو نظام متكامل لإدارة عيادات الأسنان، يجمع بين موقع احترافي للزوار وواجهة إدارة (Admin Dashboard) منفصلة ونظام Backend قوي لإدارة البيانات. الموقع مصمم لتقديم تجربة مستخدم عالية الجودة، مع تصميم عصري، أنيميشن سلسة، وواجهة سهلة للتعامل مع الخدمات، المواعيد، الأطباء، والمقالات.
مميزات المشروع:
1️⃣ موقع الزوار (Frontend)
صفحات رئيسية: الرئيسية – الخدمات – الأطباء – معرض الصور قبل/بعد – المقالات – الفروع – حجز المواعيد – تسجيل الدخول
تصميم احترافي وحديث مع Dark/Light Mode.
Hero Section جذاب مع صور عالية الجودة وCall to Action لحجز المواعيد.
عرض الخدمات بشكل Cards تفاعلية مع Hover Effects وMicro Animations.
قسم معرض الصور Before & After Slider.
قسم مراجعات المرضى مع Carousel.
تحسين تجربة المستخدم Smooth scrolling, Glassmorphism, Soft Shadows.
SEO Optimized Layout لكل صفحة.
2️⃣ لوحة الأدمن (Admin Dashboard)
واجهة منفصلة بالكامل، نفس طابع التصميم للموقع.
إدارة المواعيد، الخدمات، الأطباء، الفروع، المقالات، المعرض، التقييمات.
إحصائيات باستخدام Chart.js.
Role-Based Access مع تسجيل دخول موحد.
Dark/Light Mode وواجهة متجاوبة.
3️⃣ Backend API
مبني بـ Node.js + Express مع JWT Authentication (Access + Refresh Tokens).
حماية Endpoints باستخدام Role-Based Access وGoogle reCAPTCHA.
إرسال إشعارات عبر البريد الإلكتروني عند حجز موعد.
REST API كامل لإدارة الخدمات، الأطباء، المواعيد، المقالات، المعرض، والفروع.
4️⃣ قاعدة البيانات
MongoDB أو PostgreSQL لتخزين المواعيد، المستخدمين، الخدمات، الأطباء، المقالات، المعرض، والفروع.
5️⃣ النظام الاحترافي للحجز
اختيار الخدمة، الطبيب، الفرع، التاريخ، الوقت.
إشعار Admin وUser عند الحجز.
إمكانية تعديل أو تأكيد أو إلغاء الحجز بسهولة من لوحة الأدمن.
بيانات محفوظة آمنًا في قاعدة البيانات.
التقنيات المستخدمة:
Frontend: Next.js, React, TailwindCSS, Framer Motion, Shadcn UI
Backend: Node.js, Express, JWT, Google reCAPTCHA
Database: MongoDB Atlas أو PostgreSQL
Deployment: Vercel للـFrontend، AWS/Render للـBackend، نطاقات منفصلة للموقع والأدمن
لماذا هذا المشروع مهم:
يقدّم تجربة متكاملة للعيادة، سواء للزوار أو الإدارة.
يضمن سهولة إدارة المواعيد والخدمات والمحتوى.
تصميم جذاب وواجهة سهلة الاستخدام يزيد من ثقة المرضى ويعزز الحجز عبر الموقع.