شرح كود الواجهة الأمامية لمشروع SociallApp باستخدام React و Tailwind

في هذا الفيديو بشرح لكم كود الواجهة الأمامية (Frontend) لمشروعي SociallApp، وهو تطبيق تواصل اجتماعي بسيط مبني باستخدام React, Tailwind CSS, DaisyUI، ومتصل بباك إند حقيقي باستخدام Node.js + Express + MongoDB.

هنتكلم عن :
بنية المشروع وكيفية تنظيم الملفات
إدارة المستخدم (Authentication) باستخدام React Context
إنشاء وتعديل وحذف المنشورات
استخدام React Router وProtected Routes
تنسيق الواجهة باستخدام Tailwind وDaisyUI
ربط الواجهة بالخلفية باستخدام fetch

🔗 رابط المعاينة المباشرة (Live Demo):
https://social-app-gamma-nine.vercel.app/

📁 كود المشروع:
Frontend: https://github.com/abdallaskar/SocialApp
Backend: https://github.com/abdallaskar/SocialApp_Backend

#React #TailwindCSS #MERN #SocialApp #FullstackProject #Frontend #دروس_برمجة #مشاريع_ويب

Видео شرح كود الواجهة الأمامية لمشروع SociallApp باستخدام React و Tailwind канала عبدالله صقر