Quiz System

?? وصف المشروع

تم تطوير هذا المشروع خلال فترة تدريبي المكثف في منحة ITI – مسار Full Stack .NET (مع Generative AI)، حيث ركزت على بناء واجهة مستخدم حديثة تجمع بين الأداء العالي وتجربة المستخدم المميزة.

المشروع عبارة عن واجهة ويب احترافية (Frontend UI Project) تم تصميمها وفق أحدث معايير التصميم، مع الاهتمام بالتفاصيل البصرية وسهولة الاستخدام.

⚙️ التقنيات المستخدمة

HTML5

CSS3

JavaScript (Vanilla JS)

Tailwind CSS

DaisyUI

? المفاهيم والتقنيات المطبقة

بناء واجهة باستخدام Utility-First CSS (Tailwind CSS)

استخدام DaisyUI Components لتسريع عملية التطوير

تطبيق Responsive Design ليتوافق مع جميع الأجهزة

تصميم Dark Mode & Light Mode بشكل سلس

تنظيم الكود بشكل واضح وقابل للصيانة

تحسين الأداء من خلال تقليل التعقيد في التصميم

الاهتمام بتجربة المستخدم (UX) وسهولة التفاعل

استخدام أفضل ممارسات Frontend Development

? التصميم وتجربة المستخدم

واجهة حديثة واحترافية (Modern UI)

دعم الوضع الليلي والنهاري (Dark/Light Mode)

تجربة مستخدم سلسة وبسيطة

تصميم متجاوب بالكامل على جميع الشاشات

استخدام ألوان وخطوط متناسقة

? مميزات المشروع

Animations (AOS / Framer Motion)

Accessibility تحسينات (a11y)

SEO Optimization

Landing Page sections (Testimonials / Pricing / FAQ)

كود نظيف ومنظم (Clean Code)

تصميم قابل لإعادة الاستخدام والتطوير

أداء سريع وخفيف

تجربة مستخدم محسّنة

مناسب للربط مع أي Backend مستقبلاً