موقع BONDOKCOFFEE للقهوة المثلجة (React.js)

دا اخر موقع اشتغلت عليه واستخدم فيه احدث التقنيات زي tailwindcss لتسريع بناء اكواد الcss و مكاتب كتير زي swiper لعمل الاسليدر تحريك الصور باللمس واستخدمت "react-icons" عشان اجيب الايقونات بأسرع طريقة مع ريأكت للحصول على سرعة اكبرة للموقع وطبعا React Router عشان اتحكم فى اللينكات وبدون عمل رفريش للموقع وطبعا motion اللي الموقع اصلا قايم عليها

الموقع دا اهتميت فيه جدا بالجزء الانميشن و اللوجك بحيث ان المستخدم يقدر يضيف المنتج ويعدل عليه براحته يقدر يعدل نسبة السكر ونوع اللبن و عدد الكوبيات و ونسبة الثلج ولو عدل اي حاجه فيهم كدا دا يعتبر منتج جديد خالص وطبعا التعديل فى الحجم 4 احجام ولما يعدل الحجم او عدد الكوبيات بيتغير قدامه السعر الكلي لحظيا للحصول على افضل UX

React.js & React Router Dom: لبناء واجهة سريعة التنقل (SPA) بدون أي تحميل للصفحة.

Tailwind CSS v4: لضمان أعلى سرعة في التطوير وأداء ممتاز للـ CSS.

Framer Motion: المحرك الأساسي للموقع، لتقديم حركات تفاعلية تجعل تجربة الطلب ممتعة.

Logic & State Management: طورت نظاماً يسمح للمستخدم بتخصيص المنتج بالكامل (نسبة السكر، نوع اللبن، كمية الثلج، والحجم)، مع تحديث فوري للسعر الإجمالي (Real-time price calculation). أي تغيير في الإضافات يتم التعامل معه كمنتج فريد داخل السلة.

Swiper.js & React Icons: لتحسين التفاعل باللمس وسرعة استدعاء الأيقونات.

Context API: لكي انقل البيانات بين الصفحات المختلفة home و Cart

Local Storage: عشان اخزن بيانات السلة فى المتصفح