أيوب ح.

أثناء فترة عملي، قمت بقيادة تطوير منصة إدارة حاضنات الأعمال، استجابةً لحاجة المدير إلى حل فعال. باستخدام Laravel، Blade، Bootstrap، SCSS، وMySQL، أنشأت تطبيقًا سهل الاستخدام يهدف إلى تبسيط إدارة حاضنات الأعمال.

المميزات:

1. تخصيص المساحات: يمكن للمسؤولين إدارة المساحات المتاحة بكفاءة، بما في ذلك المكاتب والطوابق، لضمان الاستخدام الأمثل.

2. إدارة الموارد: تُمكن المنصة من التخطيط والتخصيص الدقيق للموارد، مما يضمن توفرها للشركات الناشئة المقيمة.

3. واجهات سهلة الاستخدام: واجهات سهلة الاستخدام تمكّن المسؤولين والمستأجرين من التنقل في النظام بسهولة.

4. تحديثات فورية: يوفر النظام تحديثات فورية حول إشغال الحاضنات، مما يسهل اتخاذ القرارات المستنيرة.

5. حلول قابلة للتطوير: تم استخدام منهجيات تطوير رشيقة لإنشاء حلول قابلة للتطوير تتكيف مع احتياجات الأعمال المتغيرة.

نجحت عملية تنفيذ المشروع في تحسين الكفاءة التشغيلية وخلق بيئة محفزة للنمو الريادي.

حاصل على دبلوم تطوير الويب الشامل من المعهد العالي للتكنولوجيا في المغرب، حيث اكتسبت على مدار سنتين من الدراسة المهارات الأساسية والمتقدمة في علوم الحاسوب وتطوير البرمجيات. بدأت بتعلم الخوارزميات وبرمجة بلغة بايثون، ثم انتقلت إلى تطوير الواجهات الأمامية باستخدام HTML، CSS، وJavaScript، بالإضافة إلى مكتبات مثل Bootstrap وjQuery.

تعلمت أيضًا تقنيات الخلفية باستخدام Node.js وJSON وMVC، وتعمقت في تصميم وإدارة قواعد البيانات مع MySQL. في السنة الثانية، ركزت على أطر عمل JavaScript مثل React.js، وتعلمت التعامل مع قواعد البيانات NoSQL مثل MongoDB، وتطوير REST APIs باستخدام Express.js وLaravel.

اكتسبت مهارات في منهجيات Agile، Docker، وGit من خلال العمل على مشاريع شاملة، مما ساهم في تعزيز قدراتي في تطوير حلول برمجية فعالة وقابلة للتطوير. هذا التعليم المتكامل مكنني من فهم شامل لعملية تطوير الويب وأعدني لتطبيق هذه المهارات بشكل احترافي.

خلال السنة الأخيرة من دراستي، تعاونت مع زميل للإشراف على مشروع كبير استجابة لحاجة ملحة داخل الإدارة. كان اعتمادهم على أنظمة الملفات الورقية التقليدية يسبب عدم كفاءة ويعيق الإنتاجية. بناءً على ذلك، قمنا بتطوير حل يهدف إلى تحديث عمليات إدارة الوثائق ومعالجة النقاط الرئيسية التي تسبب المشاكل.

تم تسمية المشروع FileMaster، وكان جهدًا تعاونيًا لتبسيط إدارة الوثائق داخل المنظمة. فيما يلي الميزات والفوائد الأساسية التي قدمها:

- تخزين الوثائق بكفاءة: أتاح FileMaster رقمنة وتخزين الوثائق بشكل مركزي، مما ألغى الحاجة إلى الملفات الورقية وقلل من خطر الفقد أو التلف.

- واجهة مستخدم سهلة الاستخدام: باستخدام Laravel وBlade، وفر FileMaster واجهة سهلة الاستخدام تتيح للمستخدمين من مختلف الأقسام التنقل والوصول إلى الوثائق بسهولة.

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

- تحكم آمن في الوصول: تم تنفيذ نظام مصادقة Laravel Breeze لضمان أن الأشخاص المخولين فقط هم من يمكنهم الوصول إلى الوثائق الحساسة، مما يحافظ على سرية البيانات.

- قابلية التوسع والتخصيص: بني FileMaster على إطار عمل Laravel وتم تنسيقه باستخدام Tailwind CSS، مما جعله مرنًا وقابلًا للتوسع لاستيعاب النمو المستقبلي والتكيف مع الاحتياجات المتغيرة.

بشكل عام، مثل FileMaster جهدًا تعاونيًا لمعالجة التحديات الواقعية التي تواجهها المنظمة. أدى تنفيذه إلى تحسينات ملموسة في عمليات إدارة الوثائق، مما أدى إلى زيادة الكفاءة والإنتاجية في جميع الأقسام.

التقنيات: Laravel · Tailwind CSS · MySQL · PHP

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

🌟 يسعدني أن أقدم لكم Golden، أحدث مشاريعي المصممة لرفع مستوى إدارة الأعمال إلى آفاق جديدة! 🚀

Golden هو لوحة تحكم إدارية شاملة مبنية باستخدام MERN Stack، تم تصميمها بعناية فائقة لإدارة العمليات التجارية بسلاسة. بفضل واجهته البديهية ووظائفه القوية، يمكن للمستخدمين مراقبة البيانات والتحكم فيها بسهولة فائقة.

🔑 الميزات الرئيسية:

- الوضعين الداكن والفاتح: التنقل بسهولة بين الوضع الداكن والوضع الفاتح لتحسين الرؤية والجماليات.

- React.js مع Vite: استخدام تقنيات متطورة لأداء فائق السرعة وكفاءة في التطوير.

- Material UI & Redux Toolkit: الاستفادة من مكونات Material UI وRedux Toolkit لتطوير واجهة مستخدم مبسطة وإدارة الحالة.

- RTK Query: جلب البيانات وإدارتها بكفاءة باستخدام RTK Query لضمان الأداء المثالي وتناسق البيانات.

- Nivo Charts: تصور البيانات برسوم بيانية مذهلة باستخدام Nivo، مما يوفر تحليلات متعمقة بنظرة سريعة.

- MongoDB وExpress.js: استخدام MongoDB وExpress.js لإدارة قاعدة البيانات ووظائف الخادم بشكل متين.

📄 الصفحات المضمنة:

- لوحة التحكم: نظرة شاملة على العمليات التجارية في لمحة.

- المنتجات: إدارة فعالة لمخزون المنتجات.

- العملاء: تتبع قاعدة العملاء والتفاعلات.

- المعاملات: مراقبة وتحليل البيانات المعاملات بسلاسة.

- الجغرافيا: استكشاف البيانات الجغرافية لاتخاذ قرارات استراتيجية.

- نظرة عامة: نظرة سريعة على أداء المبيعات.

- اليومي، الشهري، التفصيلي: تحليل متعمق لبيانات المبيعات للحصول على رؤى قابلة للتنفيذ.

- الإداريون: إدارة المستخدمين الإداريين والأذونات بسهولة.

- الأداء: مراقبة مقاييس أداء لوحة التحكم للتحسين.

🔗 مستودع غيت هوب: https://github.com/ayoubhayda/MERN-stack-admin-dashboard

🔗 رابط المعاينة: https://golden-admin-dashboard.onrender.com/dashboard

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

يسرني أن أقدم مشروعي الشخصي الأحدث: متجر إلكتروني متكامل تم تطويره باستخدام Next.js 14، و Tailwind CSS، و Strapi، و Stripe، و Clerk. يعرض هذا المشروع خبرتي في بناء حلول التجارة الإلكترونية القوية من البداية حتى النهاية.

🚀 الميزات الرئيسية:

- تسجيل دخول سلس: تسجيل، دخول، ومصادقة سهلة مع Clerk.

- تجربة تسوق بديهية: تصفح الدورات وإضافتها إلى سلة التسوق بكل سهولة.

- حساب إجمالي تلقائي: حساب إجمالي الطلب تلقائيًا لتوفير الراحة.

- مدفوعات آمنة: ضمان الأمان مع تكامل Stripe لمعالجة المدفوعات.

- إدارة طلبات سهلة: تبسيط الإشعارات البريدية وإدارة الطلبات باستخدام أداة Resend.

🔗 مستودع غيت هوب: https://github.com/ayoubhayda/Full-Stack-Next.js-14-Store

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

🌟 نقدم لكم لوحة تحكم أرغون: React.js، Vite، وMaterial UI - الوضع الداكن والفاتح 🚀

أنا متحمس لأعرض أحد أحدث مشاريعي، لوحة تحكم أرغون. تم بناء أرغون باستخدام React.js وVite وMaterial UI، حيث يوفر تجربة سلسة مع توافر الوضعين الداكن والفاتح. استمتع بـ 11 صفحة مصممة بعناية، كل منها تهدف إلى تبسيط إدارة البيانات، وتفاعل المستخدم، وعرض الرسوم البيانية بشكل تحليلي.

🔍 الميزات الرئيسية:

- صفحة لوحة التحكم: الحصول على نظرة سريعة على المقاييس والاتجاهات الرئيسية.

- صفحة إدارة الفريق: التعامل مع أعضاء الفريق بسهولة باستخدام MUI DataGrid.

- معلومات الاتصالات: تتبع جهات الاتصال بسلاسة باستخدام DataGrid سهل الاستخدام.

- صفحة أرصدة الفواتير: إدارة أرصدة الفواتير بسهولة باستخدام MUI DataGrid.

- صفحة نموذج الملف الشخصي: إنشاء ملفات تعريف جديدة للمستخدمين بسهولة مع تكامل Formik وYup.

- صفحة التقويم: تجربة وظيفة التقويم التفاعلي المدعوم بواسطة FullCalendar.

- صفحة الأسئلة الشائعة: توفير إجابات للأسئلة الشائعة بمساعدة MUI Accordion.

- صفحات الرسوم البيانية: تصور البيانات بشكل فعال باستخدام أنواع مختلفة من الرسوم البيانية بما في ذلك العمود، الدائرة، الخط، الجغرافيا، والتدفق.

🔗 مستودع غيت هوب: https://github.com/ayoubhayda/react-admin-dashboard

🔗 رابط المعاينة: https://argon-admin-dashboard.web.app

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

HooBank هو موقع ويب متجاوب بالكامل تم بناؤه باستخدام مبادئ التصميم الحديث للواجهة وتجربة المستخدم باستخدام React JS (Vite) وTailwind CSS. يتميز الموقع بقسم البطل الرائع، وأصول عالية الجودة وتدرجات لونية، وإحصائيات الأعمال، وأقسام مميزات قابلة لإعادة الاستخدام مع أزرار دعوة إلى العمل، وشهادات العملاء والمزيد.

🚀 الميزات الرئيسية:

- تصميم متجاوب: يتكيف بسلاسة مع أحجام الشاشات والأجهزة المختلفة.

- واجهة وتجربة مستخدم حديثة: تصميم جذاب مع التركيز على تجربة المستخدم.

- مكونات قابلة لإعادة الاستخدام: مكونات React قابلة لإعادة الاستخدام وسهلة الصيانة.

- أصول عالية الجودة: استخدام صور عالية الدقة وتدرجات لونية سلسة.

- إحصائيات الأعمال: عرض إحصائيات الأعمال الهامة بطريقة جذابة.

- أقسام المميزات: إبراز المميزات مع أزرار دعوة إلى العمل.

- شهادات العملاء: عرض شهادات العملاء.

🔗 مستودع غيت هوب: https://github.com/ayoubhayda/hooBank-Responsive-Website

🔗 رابط المعاينة: https://modern-hoobank-vite.netlify.app

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------