قمت بتطوير تطبيق ويب تفاعلي بنظام Quiz لتحديد المسار الدراسي الأنسب للمستخدم بناءً على إجاباته، مع نظام تتبع للبيانات وتخزين النتائج.
يعتمد التطبيق على عرض الأسئلة بشكل متدرج (Step-by-Step Flow)، حيث يجيب المستخدم على كل سؤال وينتقل للسؤال التالي حتى الوصول للنتيجة النهائية.
التقنيات المستخدمة
React
Lightweight Router
Tailwind CSS
Radix UI
Configuration-Based JSON Structure
Google Sheets Integration لتخزين البيانات
الخصائص المنفذة
Step-by-Step Quiz Flow
Progress Tracking System
Rule-Based Scoring Engine لتحديد أفضل Track
منع الانتقال بدون اختيار إجابة
صفحة نتيجة ديناميكية بناءً على أعلى Score
جمع بيانات المستخدم (الاسم – رقم الهاتف)
تخزين الإجابات والنتيجة تلقائيًا في Google Sheets
تنظيم الكود باستخدام Reusable Components
ما يميز المشروع
ليس مجرد Quiz تقليدي، بل نظام Recommendation مبني على منطق تقييم واضح
استخدام Google Sheets كحل Lightweight Backend لتجميع وتحليل البيانات
قابل للتطوير لاحقًا ليعمل عبر Backend API وDatabase حقيقية
تجربة مستخدم سلسة وسريعة