بار ماتشا

انسخ الوصفة

العناوين وأول سطر من كل جزء. انسخ الوصفة لتحصل على كل كلمة.

ماذا تحتوي الوصفة

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

ماذا تحصل عليه

• طلب كامل لموقع بار ماتشا من 7 أقسام، من القسم الرئيسي إلى التواصل
• ألوان وخطوط ومسافات دقيقة بطابع بسيط أحادي
• كل سطر من النص مكتوب لك بالعربية والإنجليزية
• قواعد الاتجاه من اليمين لليسار للنسخة العربية
• تدفق حجز عبر واتساب وقائمة تحقق لتعرف أن العمل اكتمل