Strimo — تطبيق دردشة ومكالمات فيديو فورية مبني بـ React وStream.io

قمت بتطوير واجهة تطبيق Strimo للويب لتوفير تجربة تواصل فوري متكاملة. يدعم التطبيق الدردشة النصية والمكالمات المرئية عالية الجودة عبر أدوات Stream.io، مع رحلة مستخدم واضحة تبدأ من التسجيل وتسجيل الدخول ثم إتمام إعداد الحساب (Onboarding) للوصول إلى الواجهة الرئيسية. تم التركيز على الأداء وتجربة الاستخدام عبر تصميم متجاوب، تقسيم الحِزم (Code Splitting) ، وإدارة حالة حديثة باستخدام Zustand وTanStack Query.

أهم الميزات (Features)

- دردشة فورية (Real-time Chat) عبر Stream Chat

- مكالمات فيديو ثنائية/جماعية باستخدام @stream-io/video-react-sdk

- نظام مصادقة كامل: تسجيل/تسجيل دخول/خروج + حماية المسارات

- إتمام إعداد الحساب (Onboarding) قبل الدخول للتطبيق

- إشعارات فورية (Notifications)

- نظام أصدقاء وقائمة أصدقاء

- تبديل السمات: أكثر من 30 سمة عبر DaisyUI

- واجهة متجاوبة Mobile-first

- أداء عالٍ وتقسيم شيفرة (Code Splitting) عبر Vite/Rollup

التقنيات المستخدمة (Tech Stack)

- React 19 + Vite 5

- React Router 7

- Tailwind CSS + DaisyUI

- Zustand (إدارة الحالة) + TanStack Query (جلب البيانات)

- Stream Chat + stream-chat-react

- @stream-io/video-react-sdk (مكالمات الفيديو)

- Axios (HTTP)

- Lucide React (أيقونات)