موقع تعليمي Do it yourself

DIY هي منصة متكاملة تقدم خدمات تعليمية . تتيح المنصة للطلاب التسجيل في الكورسات، الوصول إلى الفيديوهات التعليمية، وشراء الكتب والموارد من المتجر. كما تتضمن المنصة شات ذكاء اصطناعي وبوابات دفع إلكترونية لراحة المستخدمين.

**مزايا الموقع:**

1. **تسجيل طلاب جدد:**

- عملية تسجيل بسيطة وسلسة تتيح للطلاب الجدد الانضمام إلى المنصة بسهولة، حيث يمكنهم إنشاء حسابات جديدة وإدارة معلوماتهم الشخصية.

2. **تسجيل في الكورسات:**

- واجهة مستخدم بديهية تتيح للطلاب البحث عن الكورسات المتاحة والتسجيل فيها بنقرة واحدة، مع عرض تفاصيل كل كورس بشكل واضح.

3. **حفظ الكورسات في قاعدة البيانات:**

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

4. **الوصول للفيديوهات المسجلة بطريقة سلسة:**

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

5. **شراء الكتب من المتجر:**

- متجر إلكتروني متكامل يسمح للطلاب بشراء الكتب والمواد التعليمية الأخرى، مع توفير خيارات متعددة للدفع والتوصيل.

6. **التعامل مع شات ذكاء اصطناعي:**

- شات ذكاء اصطناعي مدمج في الموقع لمساعدة الطلاب على تعلم اللغة الإنجليزية والمحادثة وتصحيح اخطائهم الإملائية.

7. **بوابة دفع سترايب وبايبال:**

- تكامل بوابات الدفع الإلكتروني مثل Stripe وPayPal لتسهيل عمليات الدفع الإلكتروني بشكل آمن وسريع.

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

- **React:** لبناء واجهة المستخدم الديناميكية والتفاعلية.

- **JavaScript:** لإضافة تفاعلات ديناميكية وتحسين تجربة المستخدم.

- **CSS:** لتصميم صفحات ويب جذابة ومتجاوبة.

- **API:** للتواصل بين الواجهة الأمامية والخلفية وضمان تدفق البيانات بسلاسة.

- **Strapi:** كنظام إدارة المحتوى (CMS) الذي يسهل إدارة البيانات والمحتوى.

- **Firebase:** لتخزين البيانات وإدارة المستخدمين وتوفير خدمات مصادقة آمنة.

- **Stripe:** لدمج بوابة الدفع الإلكتروني وتأمين عمليات الدفع.

- **PayPal:** لتوفير خيار دفع إضافي للعملاء.

**تجربة التطوير:**

- **التخطيط والتصميم:**

- بدأ المشروع بمرحلة التخطيط حيث تم تحديد جميع المتطلبات والميزات الضرورية.

- تم تصميم واجهة المستخدم باستخدام React وCSS لضمان تجربة مستخدم متجاوبة وجذابة.

- **التطوير:**

- تم تطوير الواجهة الأمامية باستخدام React وJavaScript لإضافة التفاعلات المطلوبة.

- تم استخدام Strapi كنظام إدارة المحتوى لسهولة إدارة البيانات.

- تم دمج Firebase لتخزين البيانات وإدارة المصادقة.

- تم تنفيذ تكامل API بين الواجهة الأمامية والخلفية لضمان تدفق البيانات.

- تم دمج بوابات الدفع Stripe وPayPal لتوفير خيارات دفع متعددة وآمنة.

- **الاختبار والتشغيل:**

- تم اختبار الموقع بشكل شامل لضمان عمل جميع الميزات بشكل صحيح.

- تم إطلاق الموقع وضمان صيانته المستمرة لتحديث المحتوى وإصلاح أي مشاكل تظهر.

---

DIY تقدم تجربة تعليمية مميزة ومتكاملة، مما يسهل على الطلاب الوصول إلى الموارد التعليمي بكل سهولة وأمان.