موقع تفاعلي لعملية تصنيع الشوكولاتة

أحتاج صفحة ويب مكونة من ‎HTML‏، ‎CSS‏، و ‎JavaScript‎ توضّح للمستخدم رحلة حبة الكاكاو حتى تتحوّل إلى شوكولاتة جاهزة على الرف. المفهوم تعليمي بالكامل، لذا أريد عرض المراحل (القطاف، التخمير، التحميص، الطحن، الكونش، التبريد ثم التغليف) في شكل قصة مدعومة برسوم أو صور متحركة سلسة تُفعَّل بالتمرير أو بالنقر. بعد سرد المراحل، أخصص مقطعاً صغيراً عن الفوائد الصحية للشوكولاتة يركّز حصراً على “كيفية اختيار شوكولاتة صحية”. يمكن أن يكون تفاعلياً أيضاً (مثلاً شريط تمرير يُظهر نسب الكاكاو والسكر ويُغيّر النص أو اللون حسب الاختيار). قبول العمل يتم عند تسلّمي: • ملف ‎[login to view URL]‎ واحد مرتب semantically • ملفَّي ‎CSS‎ و‎JS‎ منفصلين (لا inline style) مع تعليقات مختصرة • حركة سلسة بلا تباطؤ على آخر إصدارات Chrome وFirefox • تصميم متجاوب يبدو جيداً من الهاتف حتى سطح المكتب أي مكتبة خفيفة الوزن مثل ‎GSAP‎ أو ‎AOS‎ مرحّب بها ما دامت مضمَّنة محلياً أو عبر ‎CDN‎ واضح، ولا مانع من صور مكانية أو SVG إن لزم الأمر.

Project ID: 39715002