قمت ببناء تطبيق محادثة شبيه بـ ChatGPT بالكامل باستخدام HTML، CSS، وJavaScript فقط (بدون باكاند). دمجت واجهة GPT-4o-mini من OpenAI مع دعم الاستجابات الفورية (real-time streaming)، وإدارة ديناميكية لجلسات الدردشة، وحفظ البيانات باستخدام localStorage.
صممت واجهة مستخدم حديثة ومتجاوبة تتضمن:
شريط جانبي يعرض سجل المحادثات، مع إمكانية إنشاء محادثة جديدة، واستكمال المحادثات السابقة في مواضيع ذات صلة.
إمكانية حذف المحادثات من الواجهة ومن localStorage.
دعم تمييز الأكواد البرمجية باستخدام Prism.js.
تبديل مرن بين الوضع الليلي والوضع الفاتح (Dark/Light Mode).
تم تنفيذ كل هذه الميزات بالكامل من الواجهة الأمامية، دون الحاجة لأي خوادم خلفية.
