تخطَّ إلى المحتوى

مشروع ختامي

الدرس 19 من 20

الهدف

بنهاية الدرس عندك feature كاملة: form في الـ frontend → POST API route → Prisma → Neon → auth protection → deployed على Vercel. كل خطوة مكتملة.

ليش هذا الحين؟

ترى هالدرس هو السبب اللي بنيت كل الدروس السابقة عشانه. تعلمت كل قطعة على حدة — الحين وقت تجمعها. المشروع الختامي مو assignment — هو إثبات إنك تقدر تبني شي حقيقي من الصفر بدون guidance. هالفرق بين اللي "فهم" والـ founder اللي فعلا يطلّع منتج.

الفكرة

Feature كاملة = خمس طبقات تتصل ببعض:

Frontend Form
    ↓  (POST /api/notes)
API Route (Next.js)
    ↓  (auth check + validation)
Service Function
    ↓  (business logic)
Prisma ORM
    ↓  (parameterized query)
Neon Database (PostgreSQL)

اللي بتبنيه: Note-taking feature — المستخدم يكتب notes، يشوفها، يحذفها. بسيطة بس تغطي كل الـ stack.

اختياري: لو عندك فكرة ثانية (مثلا bookmarks، tasks، ideas)، استخدمها. الـ structure نفسه.

محتاج مساعدة؟ راسلنا على mj@shakesbeard.net