WorkSphere

WorkSphere هو عبارة عن منصة عمل حر (Freelance Platform) عصرية مصممة لربط العملاء بالمستقلين المحترفين. توفر المنصة تجربة سلسة لإدارة المشاريع، تقديم العروض، والتواصل اللحظي، مع التركيز على الأداء العالي وتجربة المستخدم السلسة.

1. الواجهة الأمامية (Frontend Stack)

Framework: تم استخدام Next.js

Language: الاعتماد على TypeScript لتوفير بيئة تطوير آمنة (Type Safety).

Styling: بناء الواجهات باستخدام Tailwind CSS 4

2. إدارة البيانات والمنطق (State Management & Logic)

Global State: إدارة حالة التطبيق والجلسات باستخدام Zustand.

API Integration: التواصل مع السيرفر عبر Axios بنظام الـ Interceptors.

Validation: التحقق من صحة المدخلات برمجياً باستخدام Zod.

3. بنية الـ Backend (Backend Architecture)

Server-side: بناء السيرفر باستخدام NestJS Framework

Database: استخدام PostgreSQL مع TypeORM

4. المميزات البرمجية (Core Functionalities)

نظام المدفوعات (Stripe): معالجة الدفع الآمن وحجز المبالغ بين العميل والمستقل لضمان حقوق الطرفين.

التواصل اللحظي (Socket.io): نظام محادثة فورية (Real-time Chat) وإشعارات لحظية للرسائل والمهام.

إدارة الأدوار (Role-Based Access): توفير لوحات تحكم منفصلة (Dashboards) للعملاء وللمستقلين بصلاحيات مخصصة.

إدارة المشاريع (Project Management): نشر احتياجات المشاريع (My Needs) وعرض الخدمات (My Services) وتتبع حالة العروض.

التوثيق (Authentication): نظام تسجيل دخول وحماية الحسابات باستخدام JWT.

عند دخول رابط العمل وجب تفعيل third party cookies لكي تعمل cookies لان frontend و backend في منصات مختلفة واحد على Vercel وواحد على render