Marcelo's Kitchen – Online Food Ordering & Delivery Platform

Marcelo's Kitchen هو تطبيق متكامل لطلب الطعام أونلاين، مصمم لتوفير تجربة سهلة وسريعة للمستخدمين في تصفح قائمة الطعام، واختيار الوجبات المفضلة، وإتمام عمليات الشراء والدفع الإلكتروني من خلال واجهة عصرية وسهلة الاستخدام.

يهدف المشروع إلى تقديم تجربة طلب طعام متكاملة تجمع بين التصميم الحديث، الأداء العالي، وإدارة البيانات والطلبات بشكل فعال.

المميزات الرئيسية:

Dynamic Menu: قائمة طعام ديناميكية تتيح للمستخدمين استكشاف الوجبات والتعرف على تفاصيلها وأسعارها.

Shopping Cart: إمكانية إضافة المنتجات إلى سلة التسوق وتعديل الطلبات وإدارة الكميات بسهولة.

Secure Authentication: نظام تسجيل دخول وإنشاء حسابات آمن باستخدام NextAuth.

Online Payments: دمج بوابة Stripe لتنفيذ عمليات الدفع الإلكتروني بشكل آمن.

Database Management: إدارة وتخزين بيانات المستخدمين والمنتجات والطلبات باستخدام Supabase وPrisma.

API Integration: تطوير Backend API Routes للتعامل مع البيانات وتنفيذ العمليات المختلفة.

Efficient Data Fetching: استخدام React Query لإدارة طلبات البيانات وتحسين الأداء وتجربة المستخدم.

Responsive Design: تصميم متجاوب يوفر تجربة استخدام سلسة على أجهزة الكمبيوتر والهواتف المحمولة.

التقنيات المستخدمة:

Next.js لتطوير التطبيق والـ Backend.

Tailwind CSS لبناء واجهات مستخدم عصرية ومتجاوبة.

Supabase لإدارة قاعدة البيانات والخدمات الخلفية.

Prisma ORM للتعامل مع قاعدة البيانات.

Stripe لمعالجة المدفوعات الإلكترونية.

NextAuth لإدارة المصادقة وتسجيل الدخول.

React Query لإدارة البيانات وعمليات الـ Fetching.

دوري في المشروع:

قمت بتطوير التطبيق Full Stack بدايةً من تصميم واجهات المستخدم باستخدام Next.js وTailwind CSS، وحتى بناء الـ Backend باستخدام API Routes، وإدارة البيانات باستخدام Supabase وPrisma.

كما قمت بدمج أنظمة المصادقة والدفع الإلكتروني باستخدام NextAuth وStripe، مع تحسين إدارة البيانات والأداء باستخدام React Query، لضمان تقديم تجربة استخدام متكاملة وآمنة.