بقالة الحي

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

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

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. كيف يعدّله صاحب العملأنهِ بإضافة دليل قصير لصاحب العمل في ملف README أو تعليق HTML.
23. يكتمل العمل عندماتحقق من كل سطر قبل أن تعلن أن الموقع جاهز.