Erstelle eine Full-Stack Smart Classroom Timer Web App

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