موقع بيتزا هت Pizza Hut web site

تطبيق ويب حديث لقائمة طعام بيتزا هت باستخدام Next.js وSupabase

تم تطوير تطبيق ويب متكامل لعرض قائمة طعام بيتزا هت بواجهة عصرية وسرعة استجابة عالية باستخدام Next.js App Router، وإدارة الحالة بواسطة Redux Toolkit، وقاعدة بيانات Supabase. يتيح التطبيق للمستخدمين تصفح الأصناف، البحث الفوري، إضافة المنتجات إلى السلة، ووضع المنتجات المفضلة مع حفظها في قاعدة بيانات حقيقية.

مميزات المشروع:

قائمة طعام مقسّمة إلى فئات مثل البيتزا، الباستا، المشروبات، العروض وغيرها

إمكانية تسجيل الدخول وتسجيل المستخدمين عبر Supabase Auth

دعم للمفضلة وحفظها لكل مستخدم داخل قاعدة البيانات

إضافة المنتجات إلى السلة مع إمكانية التحكم بالكمية

بحث فوري داخل نافذة منبثقة يعرض النتائج في الوقت الفعلي

سلايدر جذاب لأفضل المنتجات باستخدام Swiper.js

واجهة مستخدم تفاعلية وسلسة لجميع الشاشات

صفحات مخصصة للأخطاء وصفحة غير موجود

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

Next.js 15.3 App Router

Tailwind CSS

Supabase (قاعدة بيانات وتوثيق)

Redux Toolkit

Swiper.js

Vercel (لنشر التطبيق)

هيكل المجلدات:

app: صفحات التطبيق الرئيسية مثل القائمة، الملف الشخصي، السلة، الاتصال، تسجيل الدخول، الطلبات

components: مكونات الواجهة مثل شريط التنقل وبطاقات المنتجات

lib: إعدادات Supabase والدوال المساعدة

types: الواجهات والأنواع في TypeScript

middleware: التحقق من الحماية للمسارات الخاصة

globals.css: التنسيقات العامة باستخدام Tailwind

مستقبل المشروع:

تكامل مع بوابة دفع إلكترونية مثل Stripe

إرسال بريد تأكيد بعد الطلب

دعم تعدد اللغات

إضافة الوضع الليلي

لوحة تحكم للإدارة لعرض وإدارة الأصناف والطلبات