Threadit | موقع تواصل اجتماعي

قمت بتطوير منصة تواصل اجتماعي متكاملة (Full-Stack) باستخدام Next.js 15، React 19، TypeScript، GraphQL، وApollo، تدعم النشر والمحادثات الفورية.

أبرز الميزات:

- بناء الواجهة الخلفية على شكل GraphQL API باستخدام Node.js و قاعدة البيانات PostgreSQL.

- تنفيذ نظام تسجيل دخول باستخدام JWT مع تأكيد البريد الإلكتروني واسترجاع كلمة المرور عبر Nodemailer.

- دعم الدردشة المباشرة والتراسل الفوري باستخدام WebSockets وGraphQL Subscriptions لتحقيق تواصل لحظي بين المستخدمين.

- تصميم واجهة استخدام متجاوبة بالكامل باستخدام TailwindCSS وShadCN و React، مع دعم الوضع الليلي (Dark Mode).

- تكامل مع UploadThing API لرفع الصور والفيديوهات داخل المنشورات والمحادثات.

- تحسين الأداء من خلال التحميل الكسول (Lazy Loading)، والتقسيم إلى صفحات (Pagination)، وجلب البيانات بكفاءة.

- نشر الواجهة الأمامية على Vercel والخلفية على Render، مع إمكانية الوصول للموقع وواجهة الـ API بشكل منفصل.

الأدوات المستخدمة:

Node.js، Express، GraphQL، Apollo، WebSockets، JWT، PostgreSQL، DrizzleORM، TypeGraphQL، Zod، Next.js (TypeScript)، ShadCN UI، TailwindCSS، UploadThing، Vercel، Render