تطبيق الدردشة

:

تطبيقك هو منصة تواصل اجتماعي مصغرة للدردشة حيث يمكن للمستخدمين التواصل مع بعضهم البعض في غرف دردشة خاصة. يتميز التطبيق بواجهة تفاعلية ومبسطة تم بناؤها باستخدام React.js من أجل تجربة مستخدم سلسة وتفاعلية. الواجهة الخلفية تعتمد على Node.js و Express.js لتقديم API للتفاعل مع البيانات، بينما يتم استخدام MongoDB كقاعدة بيانات لتخزين معلومات المستخدمين والمحادثات. التصميم يتم تنسيقه باستخدام Tailwind CSS لجعل الواجهة مرنة وجميلة.

مكونات التطبيق:

واجهة المستخدم:

الواجهة الرئيسية تعرض قائمة المحادثات النشطة، وأسماء المستخدمين، وآخر الرسائل المتبادلة.

يمكن للمستخدمين البدء في محادثات جديدة من خلال زر "New Chat" أو الانضمام إلى غرف دردشة "Rooms" موجودة.

عند اختيار محادثة، تُعرض الرسائل المرسلة مسبقًا مع خيار إرسال رسائل جديدة.

نظام الملفات الشخصية:

يمكن للمستخدم تعديل ملفه الشخصي من خلال واجهة خاصة، حيث يمكنه تعديل اسمه، إضافة وصف مختصر عنه مثل "Web Developer"، وربط حسابات التواصل الاجتماعي الخاصة به (Facebook, Instagram, LinkedIn).

نظام الدردشة:

يتم عرض المحادثات النشطة في اليسار مع إمكانية البحث عن محادثة معينة.

يتم إرسال الرسائل في الوقت الفعلي باستخدام socket.io أو تقنية WebSocket، مما يتيح تجربة فورية للمستخدمين.

رسائل الدردشة مخزنة في MongoDB ويتم التعامل معها عن طريق API مبني باستخدام Express.js.

التحقق من الحسابات:

كل مستخدم لديه حساب يمكنه تعديله من خلال واجهة المستخدم، وعندما يدخل المستخدم إلى التطبيق، يتم التحقق من هويته عبر النظام.

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

React.js: لبناء واجهة المستخدم.

Node.js و Express.js: لبناء الواجهة الخلفية وتقديم API للمستخدمين.

MongoDB: لتخزين بيانات المستخدمين والمحادثات.

Tailwind CSS: لإضفاء لمسة جمالية وتنظيم التخطيط العام للواجهة.