Doctor Appiontment

موعد الطبيب عبر الإنترنت

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

يتضمن إعداد مشروع MERN هذا على جهازك المحلي عادةً الخطوات التالية:

الواجهة الأمامية ورمز Express موجودان في نفس الدليل، مع وجود Express API في ./api

1. قم باستنساخ أو تنزيل الكود المصدري للمشروع على جهازك المحلي.
2. تثبيت التبعيات. يمكن القيام بذلك باستخدام مدير الحزم مثل npm (مدير حزم العقدة) أو الغزل.
3. قم بتشغيل خادم التطوير. يمكن القيام بذلك باستخدام أداة سطر الأوامر مثل الوحدة الطرفية، حيث يمكنك تشغيل الأمر npm start أو الغزل start.
4. قم بالوصول إلى المشروع في متصفح الويب الخاص بك عن طريق الانتقال إلى http://localhost:3000 أو عنوان URL محدد آخر.

لإعداد Express API في الدليل "./api" الخاص بالمشروع، يمكنك اتباع الخطوات التالية:

1. قم بتثبيت التبعيات المطلوبة عن طريق تشغيل تثبيت npm أو تثبيت الغزل في الجهاز وتضمين الوحدة النمطية السريعة باعتبارها تبعية.
2. قم بإعداد الخادم وتكوين البرامج الوسيطة في ملف مثل Index.js داخل الدليل "./api". قم باستيراد الوحدة النمطية السريعة وإنشاء مثيل لتطبيق سريع، وإعداد مسارات للتعامل مع طلبات HTTP، وتكوين البرامج الوسيطة للتعامل مع الطلبات والاستجابات.
3. قم بإعداد متغيرات البيئة للمشروع عن طريق إنشاء ملف مثل .env في الدليل الجذر وتحديد أزواج القيمة الرئيسية لأي متغيرات خاصة بالبيئة، مثل رقم المنفذ أو بيانات اعتماد قاعدة البيانات.
4. ابدأ تشغيل الخادم عن طريق تشغيل أمر مثل Node Index.js أو Nodemon Index.js في الوحدة الطرفية.
5. اختبر واجهة برمجة التطبيقات (API) عن طريق إرسال طلبات HTTP إلى الخادم باستخدام أدوات مثل Postman أو cURL.

 MONGO=here will be your mongodb value      
JWT= Here will be your jason web token (Generate random number for secured your api).

3. ابدأ تشغيل الخادم عن طريق تشغيل أمر مثل Node Index.js أو Nodemon Index.js في الوحدة الطرفية.
4. اختبر واجهة برمجة التطبيقات (API) عن طريق إرسال طلبات HTTP إلى الخادم باستخدام أدوات مثل Postman أو cURL.

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

ما هي الميزات التي سوف تجدها هنا؟

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

 **demo** : https://dental-doctor-ujjal.netlify.app/
**My Websit**e : https://ujjalzaman-b6c8a.web.app/

ما هي التكنولوجيا المستخدمة في هذه المشاريع

الواجهة الأمامية :

• رد فعل
• جافا سكريبت (ES6)
• رد فعل Bootstrap
• أتش تي أم أل
• css5
• واجهة المستخدم المادية
• رد الرسوم المتحركة
• أداة التحميل المسبق
• يُحذًِر
• تصديق

النهاية الخلفية:

• MongoDb
• يعبر
• كورس
• محلل الجسم
• نوديمون
• ImageUploader

صفحة تسجيل الدخول (في هذا المكون خاص بالنسبة لي لأنني قمت بكل شيء وظيفيًا عبر Vanila Javascript وقمت بإجراء هذا التمرير والتحقق القوي)

قم بالتسجيل (في هذا المكون خاص بالنسبة لي لأنني قمت بكل شيء وظيفيًا عبر Vanila Javascript وقمت بإجراء هذا التمرير والتحقق القوي)

الصفحة المقصودة

يجب على المستخدم تسجيل الدخول وإضافة موعده

احصل على AppointMenet

ميعاد

Daashboard (لأنني تركت بعض الوظائف هنا للمشرف فقط)

قائمة جميع المرضى (هذه الميزة مرئية فقط للطبيب والمسؤول)

المساهمة:

1. قم بتقسيم المستودع بالنقر فوق الزر "Fork" الموجود في الزاوية اليمنى العليا من صفحة GitHub الخاصة بالمشروع. سيؤدي هذا إلى إنشاء نسخة من المشروع في حساب GitHub الخاص بك.

2. انسخ المستودع المتشعب إلى جهازك المحلي عن طريق تشغيل الأمر git clone https://github.com/your-username/online-doctor-appointment.git في جهازك الطرفي.

3. قم بتثبيت تبعيات المشروع عن طريق تشغيل تثبيت npm أو تثبيت الغزل في الدليل الجذر للمشروع. قم بإنشاء فرع جديد لتغييراتك عن طريق تشغيل الأمر git checkout -b branch-name ، حيث اسم الفرع هو اسم وصفي لفرعك. قم بإجراء التغييرات المطلوبة على الكود.

4. اختبر تغييراتك محليًا عن طريق تشغيل npm start أو tyran start والوصول إلى المشروع في متصفح الويب الخاص بك على http://localhost:3000 أو عنوان URL محدد آخر. 5. قم بإضافة التغييرات الخاصة بك وتنفيذها إلى مستودعك المحلي عن طريق تشغيل الأمر git add . متبوعة بـ git commit -m "Your commit message here"

6. ادفع تغييراتك إلى مستودعك المتشعب عن طريق تشغيل الأمر git push origin branch-name

7. قم بإنشاء طلب سحب (PR) من خلال الانتقال إلى مستودعك المتشعب على GitHub والنقر فوق الزر "طلب سحب جديد". تأكد من تعيين الفرع الأساسي على فرع المشروع الأصلي الذي تريد المساهمة فيه، وتعيين الفرع الرئيسي على فرع المستودع المتشعب الذي يحتوي على تغييراتك.

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

9. بمجرد الموافقة على طلب السحب الخاص بك ودمجه، ستصبح تغييراتك جزءًا من المشروع. تهانينا، لقد ساهمت بنجاح في المشروع!

شكرا لك على النظر في هذا المشروع. إذا كان لديك أي أسئلة، فلا تتردد في الاتصال بي.