Fast Pizza – React Web App

Fast Pizza – React Web App

مشروع تطبيقي لتجربة طلب بيتزا حديثة وسريعة باستخدام React + Redux + TailwindCSS

قمت بتطوير هذا المشروع كجزء من تطويري العملي في تقنيات الواجهة الأمامية الحديثة. الهدف من التطبيق هو محاكاة تجربة طلب بيتزا احترافية مشابهة لتطبيقات الطلب الحقيقية، مع التركيز على الأداء، التنظيم، وتجربة المستخدم.

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

واجهة تفاعلية مبنية بـ React (Vite + JSX).

إدارة الحالة باستخدام Redux Toolkit (يشمل userSlice و store).

تصميم حديث باستخدام Tailwind CSS، يتيح تجربة استخدام سريعة ومتجاوبة.

مكونات UI معاد استخدامها في مجلد ui/ لتقليل التكرار وتحسين القراءة.

هيكلية نظيفة ومنظمة عبر مجلدات features/ لتقسيم المهام (كالقائمة، الطلب، المستخدم...).

توافق مع معايير الكود باستخدام ESLint و Prettier.

إعدادات Vite مخصصة لزيادة سرعة التطوير والتحميل.

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

React (with Hooks)

Redux Toolkit

Tailwind CSS

Vite

ESLint / Prettier

ماذا تعلمت من المشروع:

تصميم أنظمة إدارة الحالة على نطاق متوسط باستخدام Redux Toolkit.

تنظيم بنية مشروع React بشكل قابل للتوسعة.

استخدام Tailwind CSS بكفاءة لبناء واجهات جذابة دون كتابة CSS يدويًا.

إعداد بيئة تطوير احترافية باستخدام Vite و أدوات التنسيق linting.

? جاهز للتطوير المستقبلي بإضافة التكامل مع واجهات API حقيقية و Firebase أو Supabase لحفظ الطلبات.