Full-stack pet grooming platform with React frontend and Node.js backend
تفاصيل العمل
PetPaw هو موقع إلكتروني لحجز مواعيد خدمات تنظيف وتجميل الحيوانات الأليفة، يساعد أصحاب الحيوانات على حجز المواعيد بسهولة عبر الإنترنت.
المميزات الرئيسية
لأصحاب الحيوانات:
حجز المواعيد: اختيار الخدمة وتحديد التاريخ والوقت
عرض الخدمات: مشاهدة أنواع خدمات التجميل والأسعار
لوحة المستخدم: متابعة الحجوزات والرسائل من فريق العمل
التواصل مع الفريق: إرسال رسائل واستقبال الردود
تصفح المعرض: مشاهدة صور نتائج التجميل
الوضع الداكن/الفاتح: التبديل بين الثيمات لراحة العين
للموظفين/المشرفين:
إدارة الحجوزات: تأكيد أو إلغاء المواعيد
الرد على الرسائل: التواصل مع العملاء والإجابة على استفساراتهم
عرض الإحصائيات: رؤية بيانات النشاط وعدد الحجوزات
إدارة الخدمات: إضافة أو تعديل خدمات التجميل المتاحة
كيف يعمل الموقع
يقوم صاحب الحيوان بالتسجيل وإنشاء حساب
يتصفح الخدمات والأسعار
يحجز الموعد باختيار الخدمة والتاريخ والوقت
يستقبل الفريق الحجز ويمكنه تأكيده أو إلغاؤه
يمكن للعميل إرسال رسالة إلى الفريق لأي استفسار
يرد الفريق من خلال لوحة التحكم الخاصة بالإدارة
يتم تحديث حالة الحجز لجميع الأطراف
صفحات الموقع
الصفحة الرئيسية (Homepage): صفحة ترحيبية تحتوي على معلومات عامة عن الخدمات
صفحة الحجز (Booking Page): يقوم فيها المستخدم بحجز موعد
تسجيل الدخول/إنشاء حساب (Login/Register): لإنشاء حساب أو الدخول
لوحة المستخدم (User Dashboard): يعرض فيها المستخدم حجوزاته ورسائله
لوحة الإدارة (Admin Dashboard): أدوات لإدارة الموظفين والحجوزات
المعرض (Gallery): صور لأعمال التجميل السابقة
التقنيات المستخدمة
Frontend: باستخدام React مع Bootstrap لتصميم الواجهة
Backend: باستخدام Node.js مع Express
Database: قاعدة بيانات MongoDB لتخزين المعلومات
Authentication: نظام تسجيل دخول آمن باستخدام JWT
PetPaw يجعل حجز مواعيد تجميل الحيوانات الأليفة سهلاً ومنظماً لكل من العملاء وفريق العمل!
PetPaw is a web platform for booking pet grooming services, designed to help pet owners schedule appointments easily online.
Key Features
For Pet Owners:
Appointment Booking: Choose a grooming service, select a date and time
Service Viewing: Browse different grooming options and pricing
User Dashboard: Track your bookings and messages from the staff
Messaging: Send inquiries and receive responses from the team
Gallery: View before-and-after grooming photos
Dark/Light Mode: Toggle between themes for better eye comfort
For Staff/Admins:
Booking Management: Approve or cancel appointments
Respond to Messages: Communicate with clients and answer questions
View Statistics: Access activity data and booking counts
Service Management: Add or edit available grooming services
How It Works
The pet owner registers and creates an account
Browses available grooming services and prices
Books an appointment by selecting a service, date, and time
The team receives the request and can approve or cancel it
The user can send messages for inquiries
The team replies via the admin dashboard
The booking status is updated for both parties
Website Pages
Homepage: A welcome page with general information about the services
Booking Page: Where users can schedule appointments
Login/Register: For account creation or sign-in
User Dashboard: Displays the user’s bookings and messages
Admin Dashboard: Tools for staff to manage bookings and communication
Gallery: Showcases photos of past grooming work
Technologies Used
Frontend: React with Bootstrap for responsive UI
Backend: Node.js with Express
Database: MongoDB for data storage
Authentication: Secure login system using JWT