منصة تعليمية ذكية مدعومة بالذكاء الاصطناعي وReact & TypeScript & Next.js (SaaS)

AI Study Platform هي واجهة مستخدم لمنصة تعليمية حديثة تم تطويرها بهدف توفير تجربة متكاملة للطلاب لتنظيم ومتابعة عملية التعلم.

قمت بتصميم وتطوير واجهة المستخدم بالكامل مع التركيز على سهولة الاستخدام، تنظيم المحتوى، وتجربة المستخدم على مختلف أحجام الشاشات.

أبرز ما تم تنفيذه:

- تصميم وتطوير Dashboard تعليمية متكاملة.

- واجهات لإدارة المواد والمحتوى الدراسي.

- صفحات عرض وتنظيم الملفات والمصادر التعليمية.

- واجهات التفاعل مع أدوات الذكاء الاصطناعي.

- تصميم جزء للاختبارات والـ Quizzes.

- نظام Navigation منظم بين أجزاء المنصة.

- Components قابلة لإعادة الاستخدام.

- تصميم Responsive لمختلف أحجام الشاشات.

- الاهتمام بالتفاصيل البصرية وتجربة المستخدم.

التقنيات المستخدمة:

React – TypeScript – Tailwind CSS – shadcn/ui – React Query – React Hook Form – Zod.

> ملاحظة: تم تطوير واجهة المستخدم (Frontend) من جانبي، بينما تم تطوير خدمات الذكاء الاصطناعي والـ Backend بواسطة أعضاء آخرين في الفريق.