موقع مطعم سايبربانك(Neon Bistro)

موقع مطعم سايبربانك (React 19 & Framer Motion) هل تبحث عن تجربة ويب حديثة وعالية الأداء تتميز عن الآخرين؟ ألقِ نظرة على Neon Bistro، وهو موقع ويب لمطعم مستقبلي بطابع السايربانك (Cyberpunk)، قمت ببنائه لاستعراض مهارات تطوير الواجهات الأمامية المتقدمة وتصميم واجهات المستخدم الإبداعية. الميزات الرئيسية: واجهة مستخدم مستقبلية: جمالية تعتمد على الوضع الداكن (Dark Mode) أولاً مع لمسات نيون مضيئة وتنسيق خطوط احترافي. أنيميشن سلس: دمج مكتبة Framer Motion للتفاعلات الدقيقة، وتأثيرات التحويم (Hover) الانسيابية، وأنيميشن التمرير التي تجذب المستخدمين. قائمة طعام ديناميكية ونوافذ منبثقة: أقسام قائمة طعام تفاعلية بالكامل مع بطاقات لعرض العناصر ونوافذ منبثقة (Modals) للتفاصيل الغنية (المكونات، التقييمات، والشارات). نظام حجز تفاعلي: نموذج حجز متكامل يحتوي على اختيارات التاريخ والوقت، مع شاشة تأكيد الحجز بعد الإتمام. تنقل حديث: تطبيق تنقل سلس بين أقسام الصفحة الاعتماد على الروابط (Hash Links) باستخدام React Router. التقنيات المستخدمة: الأساس: React 19, Vite, React Router DOM التصميم: Tailwind CSS (قوالب مخصصة وتأثيرات الإضاءة النيون) الأنيميشن: Framer Motion جودة الكود: كود نظيف ومحسّن تم فصحه باستخدام Oxlint.