موقع تفاعلي لعملية تصنيع الشوكولاتة
Budget: $8 – $15 USD
أحتاج صفحة ويب مكونة من HTML، CSS، و JavaScript توضّح للمستخدم رحلة حبة الكاكاو حتى تتحوّل إلى شوكولاتة جاهزة على الرف. المفهوم تعليمي بالكامل، لذا أريد عرض المراحل (القطاف، التخمير، التحميص، الطحن، الكونش، التبريد ثم التغليف) في شكل قصة مدعومة برسوم أو صور متحركة سلسة تُفعَّل بالتمرير أو بالنقر.
بعد سرد المراحل، أخصص مقطعاً صغيراً عن الفوائد الصحية للشوكولاتة يركّز حصراً على “كيفية اختيار شوكولاتة صحية”. يمكن أن يكون تفاعلياً أيضاً (مثلاً شريط تمرير يُظهر نسب الكاكاو والسكر ويُغيّر النص أو اللون حسب الاختيار).
قبول العمل يتم عند تسلّمي:
• ملف index.html واحد مرتب semantically
• ملفَّي CSS وJS منفصلين (لا inline style) مع تعليقات مختصرة
• حركة سلسة بلا تباطؤ على آخر إصدارات Chrome وFirefox
• تصميم متجاوب يبدو جيداً من الهاتف حتى سطح المكتب
أي مكتبة خفيفة الوزن مثل GSAP أو AOS مرحّب بها ما دامت مضمَّنة محلياً أو عبر CDN واضح، ولا مانع من صور مكانية أو SVG إن لزم الأمر.
بعد سرد المراحل، أخصص مقطعاً صغيراً عن الفوائد الصحية للشوكولاتة يركّز حصراً على “كيفية اختيار شوكولاتة صحية”. يمكن أن يكون تفاعلياً أيضاً (مثلاً شريط تمرير يُظهر نسب الكاكاو والسكر ويُغيّر النص أو اللون حسب الاختيار).
قبول العمل يتم عند تسلّمي:
• ملف index.html واحد مرتب semantically
• ملفَّي CSS وJS منفصلين (لا inline style) مع تعليقات مختصرة
• حركة سلسة بلا تباطؤ على آخر إصدارات Chrome وFirefox
• تصميم متجاوب يبدو جيداً من الهاتف حتى سطح المكتب
أي مكتبة خفيفة الوزن مثل GSAP أو AOS مرحّب بها ما دامت مضمَّنة محلياً أو عبر CDN واضح، ولا مانع من صور مكانية أو SVG إن لزم الأمر.