منصة تعلم تطوير الويب – Web Dev Roadmap بـ React.js و Firebase

منصة ويب تفاعلية لتعلم تطوير الويب خطوة بخطوة، مبنية بالكامل بـ React.js و Firebase، تدعم 3 لغات مع وضع داكن وفاتح.

🔹 المميزات الرئيسية:

نظام مصادقة كامل (Authentication):

- تسجيل دخول وتسجيل حساب جديد

- إعادة تعيين كلمة المرور عبر البريد الإلكتروني (Reset Password)

- حماية المسارات (Protected Routes) للصفحات الخاصة

- إدارة الجلسات تلقائياً

نظام إدارة المهام التعليمية (CRUD كامل):

- إضافة مهام رئيسية مع مهام فرعية (Sub-tasks)

- تعديل وحذف المهام والمهام الفرعية

- تعليم المهام كمكتملة (Mark as Completed)

- فلترة حسب التصنيف (All Tasks / By Category)

- ترتيب حسب الأحدث أو الأقدم

- حفظ تلقائي ومزامنة عبر Firebase Firestore

تعدد اللغات (Multi-language Support):

- 3 لغات مدعومة: العربية، الإنجليزية، الفرنسية

- دعم اتجاه RTL للعربية و LTR للإنجليزية والفرنسية

- تبديل اللغة لحظياً بدون إعادة تحميل

التصميم والتجربة:

- وضع داكن وفاتح (Dark / Light Mode) قابل للتبديل

- تصميم متجاوب 100% (Responsive Design)

- واجهة نظيفة وعصرية

- صفحة Profile لإدارة الحساب وحذفه

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

- React.js (Hooks, Context API, React Router)

- Firebase (Authentication, Firestore)

- react-i18next لإدارة الترجمة

- CSS3 + Responsive Design