Chat Web App

واجهة دردشة فورية مستوحاة من تطبيقات WhatsApp وTelegram.

تتضمن قائمة جانبية للمحادثات مع إمكانية البحث وشارات الرسائل غير المقروءة، وفقاعات رسائل تعرض حالات التسليم والقراءة، ومؤشرات الكتابة، بالإضافة إلى محاكاة للتفاعل الفوري في الوقت الحقيقي (تم الإرسال - تم التسليم - تمت القراءة - رد تلقائي). تتم إدارة جميع بيانات وحالة الدردشة باستخدام Redux Toolkit وبيانات تجريبية (Mock Data).

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

React · TypeScript · Redux Toolkit · React Redux · Tailwind CSS - Vite

------------------------------------------------------------------------------------------------------------------------------------------

A real-time chat interface inspired by WhatsApp/Telegram. Features a conversation sidebar with search and unread badges, message bubbles with delivery/read ticks, typing indicators, and simulated real-time behavior (delivered - read - auto-reply). All chat state is handled with Redux Toolkit and mock data.

Tech: React · TypeScript · Redux Toolkit - Redux · Tailwind CSS - Vite