تطبيق تواصل اجتماعي لمشاركة الصور

يحتوي الموقع عدة صفحات، و يشمل الميزات التالية:

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

صفحة تسجيل الدخول:
1- تحتوي هذه الصفحة على نموذج لتسجيل الدخول، مع التحقق من المدخلات
2- في حال فشل عملية تسجيل الدخول لسبب ما، يجب إظهار رسالة توضح الخطأ، كأن تكون كلمة المرور خاطئة أو البريد غير صالح
3- لا يمكن عرض هذه الصفحة للمستخدم المسجل دخوله

صفحة إنشاء الحساب:
1- تحتوي هذه الصفحة على نموذج لتسجيل لإنشاء الحساب يشمل (الاسم - البريد الإلكتروني - كلمة المرور - تأكيد كلمة المرور)، مع التحقق من المدخلات
2- بعد إنشاء الحساب، يجب تسجيل الدخول للمستخدم تلقائيًا
3- في حال فشل عملية إنشاء الحساب لسبب ما، يجب إظهار رسالة توضح الخطأ، كأن يكون البريد غير مسجل مسبقًا
4- لا يمكن عرض هذه الصفحة للمستخدم المسجل دخوله

صفحة المستخدم:
1- يمكن من خلال هذه الصفحة أن يقوم المستخدم باستعراض الصور التي رفعها، مع إمكانية التعديل على معلومات الصورة كالعنوان والوصف
2- يمكن للمستخدم أن يحذف إحدى الصور التي رفعها

تطبيق طبيبى

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

• تجربة موبايل متعددة المنصات:

تم تطوير التطبيق باستخدام React Native لتقديم تجربة متناسقة وسريعة على أجهزة iOS وAndroid.

• استكشاف الأطباء:
  يمكنك بسهولة تصفح وعرض ملفات الأطباء المتاحة بالتفصيل للعثور على الأخصائي المناسب لاحتياجاتك

• جدولة المواعيد بسهولة:
  احجز المواعيد ببضع نقرات فقط، لجعل الرعاية الصحية أكثر سهولة وراحة.

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

• خلفية آمنة وقابلة للتوسع:
  بفضل استخدام NodeJS في الخادم الخلفي، يضمن التطبيق التعامل الآمن مع بيانات المستخدم وقابلية التوسع مع نمو عدد المستخدمين.

كان هذا المشروع تحديًا ممتعًا، حيث جمع بين تقنيات حديثة لحل احتياجات واقعية. أنا متحمس لمواصلة تطوير التطبيق وأرحب بأي ملاحظات أو اقتراحات. شكرًا لكم على دعمكم!

تطبيق دردشة

الواجهة الأمامية (Frontend)

• تم تطوير الواجهة باستخدام React.js، مما يوفر أداءً عاليًا وتجربة استخدام ديناميكية.
• اعتمدت على Tailwind CSS لتصميم واجهة أنيقة وسريعة الاستجابة.
• يتضمن التطبيق صفحات تفاعلية لعرض الرسائل، تسجيل الدخول، والنماذج.
• يدعم الاتصال مع الخادم (Backend) باستخدام HTTP وWebSocket.

الواجهة الخلفية (Backend)

• بنيت باستخدام Node.js وExpress.js لتوفير API قوية وقابلة للتوسع.
• يدعم الاتصال اللحظي باستخدام Socket.io، مما يسمح بتبادل الرسائل في الوقت الفعلي.
• يشمل نظام حماية للمسارات باستخدام توثيق JWT عبر Middleware.

أبرز المزايا

• دعم كامل للمحادثات اللحظية (Real-Time Messaging).
• نظام تحقق آمن باستخدام JWT.
• دعم رفع الملفات باستخدام Multer.
• فصل واضح بين الواجهة الأمامية والخلفية لسهولة التطوير والتحديث.
• جاهز للنشر على الإنترنت.

التقنيات المستخدمة

React, TailwindCSS, Node.js, Express, Socket.io, MongoDB, JWT

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