This project was bootstrapped with Create React App.
An offline‑first web application that guides users through a 14‑step energy performance diagnosis (DPE) process, calculates results according to the 3CL method, and exports certified XML reports.
يقدم هذا التطبيق معالجًا منظمًا يوجه المستخدمين عبر جميع المراحل الأربعة عشر لتشخيص أداء الطاقة وفق طريقة 3CL، بدءًا من بيانات المبنى العامة وصولًا إلى حسابات الجدار، التهوية، التدفئة، والماء الساخن. يتم تنفيذ محرك الحسابات التنظيمية بالكامل محليًا، ما يضمن ردود فعل سريعة وقدرة على العمل دون اتصال. تُخزن البيانات في قاعدة بيانات IndexedDB محلية ويمكن مزامنتها مع قاعدة Supabase عن بعد عند توفر الاتصال. تم بناء واجهة المستخدم باستخدام React وTailwind، لتوفير تجربة متجاوبة وسهلة الوصول للمهنيين. تُصدر ملفات XML المتوافقة مع معايير ADEME، ما يتيح تقديم تقارير معتمدة رسمياً. يميز هذا التطبيق قدرته على العمل في بيئات غير متصلة، وتزامن البيانات بسلاسة، وتوفير واجهة مستخدم بديهية، مع الالتزام الصارم بالمعايير التنظيمية.
A monorepo framework that centralizes shared backend libraries and separates microservice APIs and a Next.js frontend for streamlined development and deployment.
يُقدِّم هذا الإطار بنية موحدة للموارد المشتركة، حيث يُركِّز على تجميع مكوّنات الخلفية القابلة لإعادة الاستخدام في مكتبات مشتركة، مع فصل واجهات برمجة التطبيقات الميكروية وتطبيق واجهة أمامية مبني على React. يُسهم استخدام أداة Nx في تنظيم مساحة العمل، بينما يُسهم Gradle في بناء تطبيقات Java، ما يتيح للمطورين الحفاظ على مصدر موحد للمعتمدات وجودة الكود وخطوط سير التكامل المستمر. تُعطي البنية التحتية واضحة للتمييز بين المسؤوليات: تُحفظ البنية التحتية المشتركة، منطق النطاق، محولات الأمان، ودعم الويب في مكتبات مخصصة، بينما يركز كل خدمة API على قواعدها التجارية ونقاط النهاية الخاصة بها. يُظهر التطبيق المدمج على Next.js التكامل السلس مع خدمات الخلفية، مقدماً تجربة شاملة للواجهة الأمامية والخلفية. يستهدف هذا الإطار مهندسي الخلفية والمهندسين الكاملة، ويسرّع إنشاء خدمات ميكروية قابلة للتوسع وسهلة الصيانة، بالإضافة إلى تطبيقات الويب.
This project is a web application for managing IoT devices.
هذا المشروع هو تطبيق ويب لمراقبة وسيطرة الأجهزة الذكية. يوفّر هذا التطبيق منصة مرئية للمستخدمين للرصد والتحكم في حالة الأجهزة، وتلقّي الإشعارات، وإجراء إجراءات عن بُعد. يستفيد المشروع من تقنيات الويب الحديثة مثل React و Tailwind CSS لتصميم متجاوز ومقاوم.
Mediatheca is a personal media library application that allows users to track their favorite movies, series, games, and books.
هي مكتبة وسائط شخصية تتيح للمستخدمين ادارة مجموعاتهم من الأفلام والمسلسلات والالعاب والكتب. توفر هذه المنصة المركزية لتنظيم وتتبع أنواع مختلفة من الوسائط. تساعد التطبيق على بساطة إدارة الوسائط عن طريق السماح للمستخدمين بإضافة وتحرير وإزالة المدخلات من مكتبتهم بسهولة.
The instoreindex project is a web application built using Next.js, designed to provide an in-store experience for customers.
يعد instoreindex تطبيقًا على شبكة الإنترنت يهدف إلى إعادة إنشاء تجربة المتجر في المنزل. يمكن للعملاء تصفح وتفاعل مع المنتجات في بيئة افتراضية، مشابهة لتلك التي يجدونها في متجر فعلّي. يستخدم المشروع Next.js كأداة و Supabase لإدارة البيانات. بفضل instoreindex، يمكن للعملاء استكشاف المنتجات، قراءة المراجعات، وحتى شراء الأشياء مباشرة من الموقع.
The Consumables Portal project is a web application designed for businesses to manage and track their consumable products.
هذا المشروع هو منصة ويب تهدف إلى مساعدة الشركات في إدارة وتتبع مُنتجاتها الاستهلاكية، بما في ذلك متابعة مستويات المخزون ومراقبة أنماط الاستخدام وتسريع عملية الطلب. يهدف المنظومة إلى بسط إدارة المُنتجات الاستهلاكية، مما يقلل من عبء الإدارة والتحسين بشكل عام كفاءة سلسلة التوريد. تشمل الميزات الرئيسية متابعة المخزون في الوقت الفعلي وتنبيه تلقائي عند مستويات المخزون المنخفضة وتكامل سهل مع gateways الدفع الشائع.