Denta Verse
تفاصيل العمل
وصف المشروع:
Dentaverse هو موقع تعليمي وتفاعلي موجه للأطفال من سن 11 إلى 15 سنة، يهدف إلى توعية هذه الفئة بأهمية العناية بصحة الأسنان من خلال تجربة مبسطة وممتعة.
يركز المشروع على تصميم واجهة استخدام واضحة وسهلة، مع دمج عناصر تفاعلية مثل الألعاب والاختبارات، لضمان جذب الأطفال وتحفيزهم على التفاعل مع المحتوى. كما يتيح الموقع للمستخدمين إنشاء حسابات وتسجيل الدخول للاحتفاظ بالنتائج والمشاركة في التحديات.
الميزات الرئيسية:
لعبة تعليمية ممتعة تعزز السلوكيات الصحية لدى الأطفال.
تسجيل الدخول وإنشاء حسابات باستخدام Firebase Authentication.
تخزين بيانات المستخدمين والنتائج على Firestore.
تقييد الوصول للتحديات والمحتوى التفاعلي للمستخدمين المسجلين فقط.
تصميم متجاوب وسهل الاستخدام باستخدام Tailwind CSS.
استخدام Lazy Loading لتحسين الأداء وسرعة تحميل الصفحات.
التقنيات المستخدمة:
React.js (مع useState، useEffect، وreact-router-dom)
Tailwind CSS
Firebase (Authentication & Firestore)
react-type-animation
كود المصدر على GitHub: