A modern design system that provides RTL-first CSS tokens and Web Components with built-in multilingual support for Arabic, Urdu, and other languages.
يقدم هذا النظام حلاً متكاملاً لتصميم واجهات المستخدم متعددة اللغات مع تركيز خاص على الكتابة من اليمين إلى اليسار. يعتمد على رموز CSS مُصممة خصيصاً لتلبية احتياجات اللغات العربية والاردية، مع إمكانية التوسيع إلى لغات أخرى. يتضمن مجموعة من مكونات الويب التي تدعم الترجمة التلقائية للغات ar/ur/en، مما يقلل الحاجة إلى مكتبات إضافية. يتيح نمط الجلاس مورفزم لتطبيق تأثيرات بصريّة حديثة دون تحميل إضافي. يشتمل النظام على مكتبة خالية من التبعيات، ما يسهل دمجه في أي مشروع ويب. يستهدف المطورين الذين يرغبون في إنشاء واجهات متسقة وسريعة التطوير عبر لغات متعددة. يميز نفسه بكونه أول نظام تصميم يركز على RTL مع دعم متعدد اللغات من الصفر.
An AI-powered mobile cooking assistant that lets users chat about food, receive recipe cards, and manage shopping lists.
يقدم هذا التطبيق المحمول مساعدًا طهيًا يعتمد على الذكاء الاصطناعي يتيح للمستخدمين التفاعل في محادثة طبيعية حول الطعام. يتم تقديم بطاقات وصفات منظمة، وقوائم مكوّنات، وتعليمات خطوة بخطوة مباشرة داخل واجهة الدردشة. يمكن للمستخدمين إضافة الوصفات إلى مجموعة شخصية، وإنشاء قوائم تسوق، وتخطيط وجبات الأسبوع، كل ذلك مدعومًا بخادم Gemini للذكاء الاصطناعي. يدعم التطبيق استخدام قوائم التسوق دون اتصال بالإنترنت ويستفيد من Firebase للمصادقة. تم تصميمه لتبسيط إعداد الوجبات وإلهام الإبداع الطهي.
A lightweight JavaScript library for building real‑time interactive polls and quizzes in web applications.
تُعدّ مكتبة menti أداة خفيفة الوزن تُسهم في دمج استطلاعات وأسئلة تفاعلية في صفحات الويب بسهولة. توفر واجهة برمجة تطبيقات بسيطة تسمح بإنشاء الأسئلة، وجمع الإجابات، وعرض النتائج في الوقت الحقيقي دون الحاجة إلى كود خلفي. تدعم المكتبة التحديثات اللحظية عبر WebSocket أو استعلامات دورية، ما يضمن رؤية جميع المشاركين للنتائج فور حدوثها. صممت لتلبية احتياجات منظمي الفعاليات، والمعلمين، وفِرق المنتجات الذين يبحثون عن أدوات تفاعل سريعة وفعّالة. بفضل تجريد واجهة المستخدم وتدفق البيانات، يتيح menti للفرق التركيز على المحتوى بدلاً من تفاصيل التنفيذ. تُعَدّ هذه الميزة حلاً مثالياً للورش التعليمية، والندوات عبر الإنترنت، والبرامج التدريبية المؤسسية.
A web-based system that registers and manages trust accounts, storing data directly in Google Sheets.
يُقدّم هذا النظام واجهة لإدارة حسابات الثقة، حيث يتيح للمستخدمين تسجيل حسابات جديدة وتخزين تفاصيلها مباشرةً في جداول Google Sheets. يضمّ النظام ميزات مثل التحقق من صحة البيانات، وإمكانية تصدير التقارير المالية، وتحديث السجلات تلقائياً عند إدخال بيانات جديدة. يعمل عبر واجهة ويب بسيطة تُعتمد على استدعاءات API لجوجل شيتس، مما يلغي الحاجة إلى قاعدة بيانات معقدة. يستهدف المحاسبين وأصحاب الأعمال الصغيرة الذين يحتاجون إلى نظام إدخال بيانات سريع وموثوق. يحل المشكلة الشائعة في عدم وجود وسيلة مرنة لتخزين ومراجعة سجلات الحسابات، مع توفير إمكانية الوصول السهل من أي مكان. يميز نفسه بدمجه المباشر مع Google Sheets، مما يتيح التعاون اللحظي وتكامل مع أدوات Google الأخرى.
A Next.js based web application that showcases a website production service company through a liquid glass UI and scroll‑linked animations.
يُقدّم التطبيق واجهة حديثة تعتمد على تقنية الزجاج الشفاف، تُظهر المحتوى تدريجياً مع التمرير، ما يخلق إحساساً بالثقة والعمق. يعتمد التصميم على أسلوب الزجاج الشفاف المستوحى من أبل، مع دمج الشفافية والضباب والظلال الخفيفة لإضفاء مظهر متطور. يُبنى الموقع باستخدام Next.js وTypeScript، مع Tailwind CSS لتنسيق الأنماط وFramer Motion لإحداث تحريك سلس مرتبط بالتمرير. يُعدّ هذا المنصة منصة عرض ومحفظة لخدمات إنتاج المواقع، حيث يمكن للزوار استكشاف الخدمات والمشاريع السابقة بطريقة تفاعلية. يركز التصميم على الاستجابة، ما يضمن تجربة سلسة عبر جميع الأجهزة. يدمج التطبيق عناصر التصميم الجذاب مع وظائف تسويقية، مما يساعد الشركات على إبراز قدراتها التصميمية أمام العملاء المحتملين. كما يقدّم تجربة مستخدم فريدة تُبرز التزام الشركة بالابتكار والجودة.
The adria_cross_edit project is a tool for transforming an existing static website into a full-stack application.
هذا المشروع يوفّر نقطة انطلاق لتحويل موقع ويب ثابت موجود إلى تطبيق ذكي كامل. يتضمن الملفات الثابتة الأصلية ويمكن استخدامه كمرجع أو قاعدة للتنمية المستقبلية. عملية التحول تشمل دمج قواعد البيانات، APIs، والميزات الأخرى لإنشاء تجربة مستخدم أكثر ديناميكية وتفاعلية.