تطبيق دردشة بواجهة مشابهة لواتساب باستخدام React و MUI

منذ 6 أيام

عرض العمل

الوصف

تطبيق دردشة بواجهة مستوحاة من واتساب، يتيح المحادثات الخاصة والمجموعات وإدارة الملف الشخصي، مع حفظ جميع البيانات في المتصفح.

أبرز الميزات:
- شاشة ترحيب وتسجيل دخول وإنشاء حساب، مع تشفير كلمات المرور (SHA-256)
- محادثات خاصة تصل الرسائل فيها للطرفين مع التوقيت
- إنشاء مجموعات من جهات الاتصال مع اسم وصورة، وإرسال الرسائل لجميع الأعضاء
- فلترة المحادثات (الكل، غير المقروءة، المفضلة، المجموعات) والبحث بالاسم
- صفحات معلومات للمحادثة والمجموعة، مع شارة المشرف وإضافة للمفضلة
- تعديل الاسم والحالة ورقم الهاتف وصورة الملف الشخصي
- صور رمزية تلقائية بالحرف الأول ولون ثابت لكل مستخدم
- إشعارات منبثقة (Toast) عند تنفيذ الإجراءات
- حفظ البيانات في Local Storage بدون باك إند
- تصميم متجاوب: ملء الشاشة على الموبايل، وعرض بحجم الهاتف على الكمبيوتر

التقنيات المستخدمة:
React.js, Material UI, React Router, Local Storage.


التفاصيل

المشاهدات 0
المفضلة 0
القسم برمجة, تطوير المواقع و التطبيقات - مواقع الويب

حساب المستخدم

يٌدار بواسطة أنجز تك الرقمية

All rights reserved © kaf 2026