استوديو كب كيك

ماذا يوجد في الأمر

مخطط الأمر، سطر لكل قسم.

1. الهدف والجمهورابنِ موقعاً كاملاً وجاهزاً للنشر لـ "زقاق الرشّات"، نشاط في مجال "استوديو كب كيك" في الكويت.
2. التقنية والإعداداستخدم HTML وCSS وقليلاً من JavaScript، أو Next.js مع Tailwind إذا فضّلت أداتك ذلك. الجوال أولاً.
3. نظام التصميمالأسلوب: مرح. اتبع هذه القيم بدقة.
4. هيكل الصفحةصفحة واحدة، والأقسام بهذا الترتيب بالضبط.
5. القسم الرئيسيالشاشة الأولى. استخدم هذا النص كما هو.
6. قسم: القائمةاعرض القائمة في لائحة مرتبة والأسعار على حافة واحدة. استخدم العناصر كما هي.
7. قسم: الباقاتاعرض خيارات الأسعار جنباً إلى جنب في الشاشات الكبيرة ومتتالية في الجوال. ميّز الخيار الأوسط كأفضل اختيار.
8. قسم: كيف نعملاعرض الخطوات بالترتيب مع أرقام كبيرة للخطوات.
9. قسم: معرض الأعمالاصنع شبكة معرض من إطارات الصور. استخدم كتلاً ملونة مؤقتة مع تعليق حتى تضاف الصور الحقيقية.
10. قسم: آراء العملاءاعرض ثلاث آراء للعملاء كاقتباسات. هذه أمثلة مختلقة: اكتب أنها أمثلة حتى تحل محلها آراء حقيقية.
11. قسم: أسئلة شائعةاصنع قائمة منسدلة باستخدام عناصر details و summary الأصلية.
12. قسم: ساعات العملاعرض ساعات العمل في جدول بسيط من عمودين.
13. قسم: الحجزأضف نموذج حجز قصيراً ينتهي برسالة واتساب.
14. قسم: التواصلاعرض بيانات التواصل بأزرار كبيرة سهلة اللمس.
15. التذييلتذييل بسيط فيه اسم النشاط وسطر قصير وروابط سريعة.
16. المكوّنات والتفاعلابنِ هذه السلوكيات، وأبقِ الكود صغيراً وسهل القراءة.
17. العربية والاتجاه من اليمين لليساريجب أن يعمل الموقع بالعربية بالكامل، لا بالإنجليزية فقط.
18. إمكانية الوصولاجعله صالحاً للاستخدام للجميع.
19. أساسيات البحث والمشاركةأضف الأساسيات ليسهل العثور على الموقع ومشاركته.
20. الأداءيجب أن يبدو فورياً على اتصال جوال بطيء.
21. نصائح لهذا النوع من الأعمالهذه نقاط يهتم بها أصحاب الأعمال الحقيقيون. اجعلها ظاهرة في النص والتصميم.
22. ممنوعتجنب هذه الأخطاء.
23. كيف يعدّله صاحب العملأنهِ بإضافة دليل قصير لصاحب العمل في ملف README أو تعليق HTML.
24. يكتمل العمل عندماتحقق من كل سطر قبل أن تعلن أن الموقع جاهز.