Créez une application web complète de minuterie de salle de classe intelligente

قم ببناء تطبيق ويب كامل ومتكامل (Full-Stack) ليكون مؤقّتًا ذكيًا وتفاعليًا للفصل الدراسي، مصممًا للمعلمين داخل القاعة الدراسية. يجب أن يكون التطبيق باللغة العربية وذو واجهة سهلة الاستخدام على الشاشات الكبيرة. الميزات الأساسية: 1- مؤقت تنازلي: الوظيفة الرئيسية هي مؤقت يسمح للمعلم بتحديد مدة الحصة (الافتراضي 45 دقيقة). يجب أن يكون هناك شريط تقدم أو دائرة يتغير لونها بناءً على الوقت المتبقي (أخضر، أصفر، أحمر). 2- أصوات تفاعلية: أضف نظامًا صوتيًا مرتبطًا بأحداث محددة: 3- نغمة بداية الحصة: صوت هادئ وجذاب. 4- تحذير الدقيقة الأخيرة: صوت "تيك توك" خفيف أو جرس صغير. 5- انتهاء الوقت: صوت جرس واضح ومميز. 6- أصوات تحفيزية (مكتبة): أضف أزرارًا لتشغيل أصوات جاهزة مثل تصفيق حقيقي، ونغمة نجاح (دينغ)، وصوت خطأ لطيف، وموسيقى قصيرة للمسابقات. يجب أن يتحكم المعلم في مستوى الصوت (كتم/إلغاء الكتم). 7- أدوات التفاعل الصفي: أضف زرًا لـ "اختيار طالب عشوائيًا" من قائمة (يمكن للمعلم إدخال أسماء الطلاب). عند الضغط، يظهر اسم الطالب مع صوت تشويق. 8- تخصيص المراحل: اسمح للمعلم بإضافة مراحل إلى الحصة (مثل: إحماء 5 دقائق، نقاش 10 دقائق، تمرين 15 دقيقة) وتشغيل مؤقت لكل مرحلة على حدة. الميزات التقنية: 1- اجعل التطبيق متجاوبًا (Responsive) ليعمل على الشاشات الكبيرة في الفصل الدراسي. 2- استخدم تصميمًا بسيطًا وحديثًا، مع خطوط عربية واضحة وألوان مريحة للعين. 3- يجب أن يكون التطبيق قابلًا للنشر مباشرة بواسطتك. بناءً على هذا الطلب، ابدأ بإنشاء خطة تطوير مفصلة، ثم ابدأ البناء.