msn
joux
Prompt
أنت مهندس برمجيات وخبير في تصميم تطبيقات الهاتف المحمول وتصميم الألعاب (Mobile App & Game Developer). أريد منك مساعدتي في تصميم وبناء تطبيق تعليمي تفاعلي لـ "رخصة السياقة" يعتمد على أسلوب التلعيب (Gamified Learning Application). إليك المتطلبات التفصيلية للتطبيق: 1. الهدف من التطبيق: مساعدة المترشحين على تعلم قوانين المرور والإشارات واجتياز الامتحان النظري بنجاح عبر تجربة ممتعة ومشوقة تحتوي على مكافآت وحوارات تفاعلية. 2. الميزات والأقسام الرئيسية: - **المكتبة والدروس**: شرح إشارات المرور، القوانين، وأولويات التقاطعات. - **نظام النقاط والتحفيز (Gamification System)**: - عند إكمال أي درس أو اختبار بنجاح وبنسبة **أعلى من 95%**، يحصل المستخدم على **1 نقطة**. - **قسم "مرآب السيارة الفخمة" (Luxury Car Garage)**: - كلما جمع المستخدم **10 نقاط**، يتم فتح "خانة خاصة/مرآب". - عند دخول هذه الخانة، تظهر سيارة فخمة وتطلب التواصل مع المستخدم من خلال حوار تفاعلي يسأله فيه الصوت/النص: *"هل أنت ستسوقني؟"*. - **المكافأة الكبرى (Final Reward)**: - عند إكمال **جميع دروس واختبارات السياقة بالكامل**، تظهر السيارة الفخمة في مشهد ختامي مميز وتخاطبه بعبارة تشجيعية: *"نعم! أنت ستسوقني أيها السائق المحترف الذي ليس منك اثنان!"*. 3. المطلوب منك بالتفصيل: 1. **التقنيات المقترحة (Tech Stack)**: أفضل إطار عمل لبناء هذا التطبيق (مثل Flutter أو React Native) مع مكتبة للرسوم المتحركة أو المؤثرات البصرية (مثل Lottie أو Rive) لإظهار السيارة والحوارات بشكل جذاب. 2. **منطق البرمجة وإدارة الحالة (State Management Logic)**: - كيفية تتبع نقاط المستخدم وإنجاز الدرس بنسبة > 95%. - منطق فتح الخانة الخاصة كل 10 نقاط. - منطق التحقق من إكمال كل الدروس لإطلاق المشهد النهائي. 3. **هيكلية قاعدة البيانات (Database Schema)**: إضافة جداول النقاط (User Points)، تقدم الدروس (Lesson Progress)، والجوائز المفتوحة (Unlocked Rewards). 4. **كود تنفيذي**: - كود بلغة Flutter أو React Native يوضح شاشة "السيارة الفخمة" والحوار التفاعلي الذي يتغير بناءً على عدد النقاط المجمعة ومدى إكمال التطبيق. بدقة ووضوح، ابدأ بشرح المنطق البرمجي ثم أرفق الكود والتصميم.
A system prompt was added to support web rendering