تطبيق محادثة فوري ومتكامل (شات عربي) - Real-Time Chat Application

قمت بتطوير وبناء "شات عربي"، وهو منصة تواصل اجتماعي وتطبيق محادثة فوري متطور يهدف إلى ربط المستخدمين من مختلف أنحاء الوطن العربي. تم تصميم التطبيق ليكون سريعاً، آمناً، ويوفر تجربة مستخدم (UX) سلسة وعصرية تدعم جميع الأجهزة (Responsive Design). أبرز ميزات النظام التي قمت بتطويرها: محادثات فورية (Real-Time Communication): بناء نظام دردشة لحظي خالي من التأخير باستخدام تقنيات WebSockets. غرف دردشة مخصصة: إنشاء نظام غرف دردشة مقسمة حسب الدول للدردشة العامة. الرسائل الخاصة ونظام الأصدقاء: برمجة نظام للمحادثات الخاصة الآمنة بين المستخدمين (1-to-1) مع إمكانية إرسال طلبات الصداقة وإدارة قائمة الأصدقاء. نظام مصادقة وتشفير متقدم (Authentication & Security): استخدام JWT (JSON Web Tokens) لتأمين حسابات المستخدمين، وتشفير كلمات المرور باستخدام bcryptjs. نظام الإشعارات اللحظية: تنبيهات فورية للمستخدمين عند تلقي رسائل أو طلبات صداقة جديدة. تجربة مستخدم عصرية (UI/UX): تصميم واجهة جذابة باستخدام Tailwind CSS تدعم الوضعين المظلم والفاتح (Dark/Light mode). إمكانية الدخول كضيف: لتسهيل تجربة المستخدمين الجدد بدون الحاجة لإنشاء حساب معقد. المهارات والتقنيات التي أثبتُّها في هذا المشروع (Tech Stack): أثبت من خلال هذا المشروع قدرتي العالية كـ مطور واجهات أمامية وخلفية (Full-Stack Developer) باستخدام أحدث التقنيات: تطوير الواجهات الأمامية (Frontend): React.js (React 18) لبناء واجهات تفاعلية سريعة. إدارة حالة التطبيق (State Management) باستخدام Zustand. تصميم متجاوب وعصري باستخدام إطار العمل Tailwind CSS. حزم الأكواد باستخدام Vite لضمان أقصى سرعة أداء. تطوير الواجهات الخلفية (Backend & API): برمجة الخادم باستخدام بيئة Node.js وإطار عمل Express.js. هندسة قواعد بيانات NoSQL باستخدام MongoDB و Mongoose لبناء مخططات بيانات (Schemas) مرنة وقابلة للتوسع. تصميم واجهات برمجة تطبيقات (RESTful APIs) منظمة لاستهلاك البيانات. تقنيات الوقت الفعلي (Real-Time): احتراف التعامل مع مكتبة Socket.io لإدارة الاتصالات ثنائية الاتجاه بين الخادم والعميل بنجاح. القيمة المضافة التي أقدمها لعملائي: كتابة كود نظيف وقابل للتطوير (Clean & Scalable Code): تم هندسة هيكل المشروع بطريقة معيارية (Modular) وتقسيم المهام (Models, Routes, Middleware, Components) ليسهل صيانته وتطويره مستقبلاً. حل المشكلات المعقدة: نجحت في مزامنة حالة المستخدمين المتصلين (Online Status)، وإدارة الغرف بفعالية حتى مع زيادة عدد المستخدمين. الاهتمام بالتفاصيل: لا أكتفي ببرمجة الميزات، بل أهتم بسرعة استجابة التطبيق، أمان بيانات المستخدمين، وتوفير تجربة بصرية ممتعة.