هل تساءلت يوماً كيف تبدو مشاعرك إذا تحولت إلى ألوان وحركة؟
مشروع "لون الكلمة" هو تطبيق ويب (Web App) مبتكر يدمج بين تحليل النصوص والفن الرقمي. يقوم التطبيق بتحليل الحالة المزاجية الكامنة خلف الكلمات التي يكتبها المستخدم، ليحولها فوراً إلى سيمفونية بصرية تتكون من لوحات ألوان متناغمة ورسوم متحركة حية.
تم بناء المشروع بالكامل باستخدام البرمجة الأصيلة (Vanilla JS) دون الاعتماد على مكتبات خارجية، لضمان أعلى مستويات الأداء والخفة.
رحلة المستخدم داخل التطبيق:
الإدخال الذكي: بمجرد كتابة كلمة أو جملة (مثل: "هدوء"، "طاقة"، "غموض")، يبدأ المحرك البرمجي بتحليل النص.
تحليل الحالة (Sentiment Analysis): يصنف التطبيق النص ضمن 8 حالات مزاجية دقيقة.
التجسيد البصري: تظهر لوحة ألوان (Color Palette) مكونة من 3 ألوان متناسقة، مع تشغيل رسوم متحركة (مثل النبض أو الأمواج) تعبر عن طبيعة الشعور.
التفاعل والأدوات: يمكن للمستخدم نسخ أكواد الألوان لاستخدامها في تصاميمه، أو تحميل المشهد الفني كصورة (PNG) لمشاركتها.
المميزات التقنية والفنية:
محرك رسوم متطور: الاعتماد على Canvas API لإنتاج رسوم متحركة بسلاسة 60 إطار في الثانية (60 FPS).
تصميم عصري (UI/UX): استخدام أسلوب الـ Glassmorphism مع واجهة متجاوبة بالكامل (Responsive Design) تناسب الجوال والحاسوب.
دعم اللغات: نظام ثنائي اللغة (عربي/إنجليزي) بالكامل.
الخصوصية والسرعة: التطبيق يعمل بالكامل في طرف العميل (Client-side)، مما يعني معالجة فورية دون الحاجة لانتظار رد من الخادم.
التقنيات المستخدمة (Stack):
HTML5 & CSS3: لبناء الهيكلية وتصميم الواجهات المعتمدة على الـ Flexbox و Grid.
Pure JavaScript: لكتابة المنطق البرمجي وعمليات الربط.
Canvas API: لبرمجة الجسيمات (Particles) والتأثيرات البصرية الحركية.
ملاحظة للمستقلين/العملاء:
هذا المشروع يعكس قدرتي على تحويل المفاهيم المجردة إلى منتج تقني ملموس، مع الاهتمام الشديد بنظافة الكود (Clean Code) وسلاسة تجربة المستخدم.