تطوير موقع ويب متكامل (Full Stack) — React / Next.js / Node.js

وصف العمل:

Pizza Time منصة طلب طعام أونلاين متكاملة بنيتها من الصفر بـ React.js، تجمع بين تجربة مستخدم سلسة وباك إند حقيقي بـ Node.js وقاعدة بيانات فعلية.

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

منيو تفاعلي شامل فيه بيتزا وسوشي وباستا مع صور وأوصاف وأسعار لكل صنف

نظام بحث وتصفية حسب الفئة لتسهيل إيجاد أي صنف

سلة تسوق ديناميكية تتيح إضافة وحذف الأصناف وتعديل الكميات مع حساب الإجمالي فورياً

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

خريطة تفاعلية بـ Leaflet Maps لعرض موقع المطعم

نموذج تواصل محمي بـ Google reCAPTCHA لمنع السبام

تحميل الصور بتقنية Lazy Load لتحسين سرعة الموقع

انيميشن سلس على كل العناصر بـ Framer Motion

Pagination لتنظيم عرض المنيو بشكل مرتب

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

Frontend: React.js 18، React Router DOM، Framer Motion، React Alice Carousel

Backend: Node.js، Express.js

قاعدة البيانات: Turso (libSQL) لتخزين بيانات المستخدمين والطلبات

أمان: Google reCAPTCHA، متغيرات بيئة محمية

أداء: Webpack مع Tree Shaking وCode Splitting وTerser للضغط، Cache Control على كل الأصول

نشر: Vercel مع إعدادات Cache احترافية لأقصى سرعة تحميل