كاملمشروع أكاديمي2024
Canva Clone
أداة تصميم على غرار Canva مع تعاون فوري ومصادقة ولوحة تحرير حية — مشروع full-stack لنهاية المسار الدراسي.
التقنيات المستخدمة
Next.jsConvexClerkTypeScript
المشكلة
المحرّرات التعاونية صعبة: فهي تتطلب مزامنة فورية ومصادقة ولوحة تحرير متجاوبة تبقى متسقة بين المستخدمين.
ما قمت ببنائه
- بناء لوحة التحرير والواجهة باستخدام Next.js وTypeScript.
- استخدام Convex لمزامنة البيانات والحالة فورياً بين المستخدمين.
- دمج Clerk للمصادقة وإدارة المستخدمين.
التحديات وكيف تجاوزتها
- الحفاظ على اتساق حالة اللوحة فورياً عبر الجلسات المختلفة.
- دمج المصادقة بشكل نظيف داخل نموذج بيانات تعاوني.
النتيجة
أداة تصميم تعاونية تعمل فعلياً وتُظهر بنية full-stack فورية مع مصادقة. عرض مباشر متاح.
ما تعلمته: خبرة عملية بالأنظمة الخلفية الفورية والموازنات المرتبطة بالحالة التعاونية.