مشروع تطبيق الدردشة (Chat App) هو تطبيق ويب تفاعلي يتيح للمستخدمين التواصل مع بعضهم البعض من خلال الرسائل النصية في الوقت الفعلي. يتميز التطبيق بواجهة مستخدم سهلة الاستخدام وتصميم حديث، مع دعم ميزات مثل تسجيل الدخول، إنشاء الحساب، تحديث الملف الشخصي، وإرسال واستقبال الرسائل. يعتمد التطبيق على تقنيات حديثة لضمان الأداء العالي والأمان.
ما قمت به في المشروع:
تصميم وتطوير واجهة المستخدم باستخدام React.js.
إعداد Firebase Authentication لتسجيل الدخول وإنشاء الحساب.
إنشاء قاعدة بيانات Firestore لتخزين بيانات المستخدمين والمحادثات.
تطوير ميزة تحديث الملف الشخصي، بما في ذلك رفع الصور إلى Firebase Storage.
إنشاء نظام دردشة في الوقت الفعلي باستخدام Firestore.
تحسين تجربة المستخدم من خلال الإشعارات باستخدام React Toastify.
اختبار التطبيق وتصحيح الأخطاء لضمان الأداء العالي.
التقنيات المستخدمة:
Frontend:
- React.js: لإنشاء واجهة المستخدم التفاعلية.
- React Router: لإدارة التنقل بين الصفحات.
- React Context API: لإدارة الحالة العامة للتطبيق.
- CSS: لتصميم واجهة المستخدم.
Backend:
- Firebase Authentication: لإدارة تسجيل الدخول وإنشاء الحساب.
- Firebase Firestore: لتخزين بيانات المستخدمين والمحادثات.
- Firebase Storage: لتخزين الصور والملفات المرفقة.