واجهة تطبيق اولية

واجهة تطبيق اولية من صفحة واحدة فقط لتصميم برمجي مبنيّة بـ React.js لتعليم لغات البرمجة ومكتباتها عبر الأوامر الصوتية أو الكتابيةيسلم في صيغة ملف وكود reactjs:

- شريط علوي (Navbar) فيه اسم التطبيق، زر تسجيل الدخول، وزر المساعدة.

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

- أزرار اختيار الوضع (شرح - تصحيح - إنشاء كود) أسفل الميكروفون لتحديد طريقة التعلم.

- قائمة لغات ومكتبات مثل JavaScript, Python, React, وغيرها، مع إمكانية التبديل بينها بسهولة.

- محرر أكواد مباشر يستخدم CodeMirror أو Monaco مع تبويبات (HTML, CSS, JS).

- نافذة المعاينة تعرض نتيجة الكود مباشرة لتجربة الأوامر بشكل حي.

- أزرار مشاركة وتحميل تمكن المستخدم من مشاركة مشروعه أو رفعه على GitHub أو تحميله كملف.

مميزات الخدمة

تصميم عصري وتفاعلي

- تصميم عصري وتفاعلي باستخدام مكتبة React.js وأحدث تقنيات واجهات المستخدم.
- دعم الأوامر الصوتية لتنفيذ التعليمات البرمجية بسهولة وسرعة.
- محرر كود مدمج مع إمكانية المعاينة الحية لنتائج الأكواد.
- اختيار متعدد للغات البرمجة (Python, JavaScript, React, وغيرها) لتجربة تعلم شاملة.
- واجهة قابلة للتخصيص بحسب رغبتك (ألوان، لغات، شعارات، إلخ).
- كود نظيف ومنظم قابل للتطوير والتوسع مستقبلًا.
- إرشادات تشغيل واضحة مع دعم فني مجاني لمدة 7 أيام بعد التسليم.

معرض الأعمال

ما الذي ستستلمه

كود المشروع

- كود المشروع كامل مكتوب بـ React.js وجاهز للتشغيل.
- ملفات الواجهة (واجهة المستخدم UI) مصممة بشكل احترافي ومتجاوبة مع جميع الأجهزة.
- محرر كود متكامل مدمج داخل التطبيق مع خاصية المعاينة الحية.
- دعم الأوامر الصوتية والنصية لتنفيذ التعليمات البرمجية.
- دليل تشغيل خطوة بخطوة لتثبيت وتشغيل المشروع محليًا.
- إمكانية رفع المشروع مباشرة على GitHub أو مشاركته مع الآخرين.
- دعم فني مجاني لمدة 7 أيام بعد التسليم لأي تعديلات بسيطة أو استفسارات.