موقع social Media App

وصف المشروع

تطبيق سوشيال ميديا حديث تم تطويره باستخدام MERN Stack (MongoDB, Express.js, React.js, Node.js)، يهدف إلى توفير منصة تواصل اجتماعي متكاملة تتيح للمستخدمين التفاعل، مشاركة المحتوى، وبناء شبكة اجتماعية بطريقة سهلة، سريعة، وآمنة، مع تصميم عصري وتجربة مستخدم سلسة.

فكرة التطبيق

يوفر التطبيق مساحة للمستخدمين لإنشاء حسابات شخصية، نشر المحتوى (منشورات نصية وصور)، التفاعل مع منشورات الآخرين عبر الإعجاب والتعليق، وبناء علاقات اجتماعية من خلال المتابعة والمراسلة.

المميزات الرئيسية

? إدارة المستخدمين

تسجيل وإنشاء حساب (Sign Up / Login)

نظام مصادقة آمن باستخدام JWT

تعديل الملف الشخصي (الصورة، الاسم، السيرة الذاتية)

متابعة وإلغاء متابعة المستخدمين

? المنشورات والتفاعل

إنشاء منشورات (نصوص وصور)

حذف وتعديل المنشورات

الإعجاب (Like) والتعليق على المنشورات

عرض منشورات المتابعين في صفحة رئيسية (Feed)

? التواصل

نظام تعليقات ديناميكي

إمكانية المراسلة الخاصة (في حال إضافتها)

إشعارات فورية للتفاعلات

? البحث والاستكشاف

البحث عن مستخدمين

استكشاف منشورات جديدة

? الأمان والأداء

تشفير كلمات المرور باستخدام bcrypt

حماية المسارات (Protected Routes)

إدارة الصلاحيات

أداء عالي واستجابة سريعة

التصميم (UI/UX)

تصميم Modern & Clean UI

تجربة مستخدم سهلة وبسيطة

تصميم متجاوب (Responsive) يعمل على جميع الأجهزة

استخدام React Hooks و Component-Based Architecture

ألوان متناسقة وخطوط واضحة

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

Frontend

React.js

React Router

Context API / Redux (اختياري)

Axios

CSS / Tailwind / Material UI

Backend

Node.js

Express.js

RESTful APIs

Database

MongoDB

Mongoose

Tools & Concepts

JWT Authentication

MVC Pattern

Cloudinary (لرفع الصور – اختياري)

الهدف من المشروع

بناء تطبيق عملي يحاكي منصات التواصل الاجتماعي الحديثة

تطبيق مفاهيم Full Stack Development

تحسين مهارات العمل على مشاريع حقيقية باستخدام MERN Stack