• مطوّر Full-Stack
  • مهندس واجهات إبداعي
  • مطوّر تطبيقات بالذكاء الاصطناعي
يوسف الألفي مبتسمًا، يرتدي بدلة بنية وربطة عنق داكنة
متاح لفرص جديدة

يوسفالألفي

من مصر. أبني بالعربية والإنجليزية. أعمال مختارة

أعمال مختارة

منتجات صمّمتها وبنيتها، من وكلاء الذكاء الاصطناعي إلى منصات الجامعات وتطبيقات SaaS. كل مشروع يقول بوضوح ما الذي يعمل اليوم، وما هو عرض تجريبي، وما زال قيد التطوير.

المشاريع المعروضة: 7 — كل الأعمال

مَسَارمساعد سفر بالذكاء الاصطناعي يعمل كوكيل

MASAR AI

وكيل يبحث ويفكّر ويتصرّف — بالعامية المصرية والفصحى والإنجليزية.

مساعد سفر يستدعي الأدوات: النموذج يختار الأداة، والخادم يتحقق منها وينفّذها على بيانات حقيقية، وكل خطوة تُبث إلى المتصفح لحظة حدوثها.

الحالة
تطبيق محلي
دوري
تصميم المنتج، وتطوير Full-Stack، وهندسة الوكيل
  • TypeScript
  • Node.js
  • React 19
  • Supabase
  • PostgreSQL
  • pgvector
  • Gemini
  • Groq

صاينترامنصة SaaS لإدارة مراكز الصيانة

SAYNTRA

تشغيل مراكز الصيانة من استلام الجهاز حتى التشخيص، لفرق تعمل بالعربية والإنجليزية.

تطبيق ثنائي اللغة لمراكز الصيانة يربط استلام العملاء وسجلات الأجهزة وسير عمل الفنيين في مساحة عمل واحدة مركّزة.

الحالة
قيد التطوير
دوري
تطوير Full-Stack — واجهة Next.js وربطها بـAPI مبني على Laravel
  • Next.js
  • React
  • TypeScript
  • Laravel
  • PHP
  • MySQL
  • Sanctum
  • Three.js

سَدِيمًاذكاء اصطناعي محادثي يبدأ بالعربية

SADEEMAN AI

مساعد محادثة يسأل قبل أن يفترض، ويذكر مصادر ما يجده.

مساعد ذكي يبدأ بالعربية لتخطيط السفر والأسئلة اليومية، ببحث على الويب مستند إلى مصادر، وصوت اختياري، وذاكرة بموافقة المستخدم، على monorepo من Fastify وNext.js.

الحالة
قيد التطوير
دوري
تصميم المنتج، وتطوير Full-Stack، وهندسة الوكيل
  • TypeScript
  • Fastify
  • Next.js
  • React
  • Zod
  • Supabase
  • PostgreSQL
  • Gemini
اقرأ دراسة الحالةمستودع GitHub خاص

منصة SaaS لإدارة عمليات البيع

MerchantFlow

من محادثات متفرقة إلى طلبات منظمة ومخزون ومتجر إلكتروني.

مساحة عمل ثنائية اللغة للبائعين عبر التواصل الاجتماعي: إدارة المنتجات والمخزون والعملاء والطلبات، ثم ربطها بمتجر عام.

الحالة
عرض حيّ
دوري
تطوير الواجهات، وتحسينها، والنشر على Vercel
  • React 19
  • TypeScript
  • Tailwind CSS
  • Supabase
  • Radix UI
  • Motion
  • Recharts

منصة جامعية — تطبيق ويب Full-Stack

UniFlow Campus

مساحة عمل واحدة منشورة للطلاب والمحاضرين والإدارة — بتسجيل دخول حقيقي وأدوار وحضور.

تطبيق جامعي Full-Stack: تسجيل دخول بالبريد والحسابات الاجتماعية، ومساحات عمل حسب الدور، والحضور والدرجات، واعتماد المؤسسات، ورفع الملفات، ومساعد دراسة بالذكاء الاصطناعي — وكلها تقدّمها طبقة API خاصة بالتطبيق.

الحالة
تطبيق منشور
دوري
تطوير Full-Stack، وتصميم المنتج، وهندسة الواجهات
  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • API routes
  • OAuth
  • Brevo
  • Vercel

الخبرات

Full-Stack فعلًا، لا واجهات أمامية مع إضافات. كل مهارة هنا مرتبطة بالمشاريع التي استُخدمت فيها بالفعل.

الواجهات والتفاعل

أنظمة مكوّنات مكتوبة بأنواع صارمة، وواجهات ثنائية اللغة، وحركة تشرح ما الذي تغيّر.

الخوادم والـAPIs

خوادم تتحقق من الهوية والصلاحيات وتفحص كل ما تستقبله.

البيانات

نماذج علائقية تعيش قواعد الأمان فيها بجوار البيانات نفسها.

أنظمة الذكاء الاصطناعي

وكلاء يستخدمون الأدوات، ويذكرون مصادرهم، ويستأذنون قبل أن يتصرفوا.

الجودة والتسليم

اختبارات تعمل في متصفح حقيقي، والاستضافة مسألة مستقلة بذاتها.

التصميم

العمل التصميمي الذي يجعل الهندسة قابلة للاستخدام.

ما الذي يمكنني بناؤه لك

  • تطبيقات ويب Full-Stack

    تسجيل دخول وصلاحيات ونماذج بيانات وخوادم API والواجهة فوقها — على Next.js أو Laravel أو Node.

    تجده فيUniFlow CampusSAYNTRAPenguin Academy

  • منتجات ووكلاء بالذكاء الاصطناعي

    وكلاء يستدعون الأدوات، ويذكرون مصادرهم، ويفهمون الصوت، ولا يتذكرون إلا بموافقتك.

    تجده فيMASAR AISADEEMAN AI

  • منصات SaaS ولوحات تحكم

    سير عمل تشغيلي كثيف يصبح واضحًا وسهل القراءة، بالعربية والإنجليزية.

    تجده فيUniFlow CampusMerchantFlow

  • تطوير واجهات أمامية فاخرة

    تخطيطات تحريرية وحركة لها هدف وتفاعلات متاحة للجميع، بإطار عمل أو بدونه.

    تجده فيBella Tavola

  • تجارب ثلاثية الأبعاد للويب

    مشاهد Three.js وReact Three Fiber بمستويات جودة وبدائل آمنة ومسار لتقليل الحركة.

    تجده فيMASAR AISAYNTRA

  • من ملف التصميم إلى الإنتاج

    تصميم واجهات يصمد أمام البيانات الحقيقية، ويصل حتى الكود العامل.

    تجده فيUniFlow Campusدراسات التصميم

صورة شخصية ليوسف الألفي حتى الكتفين
يوسف الألفي، مصر

الواجهة والنظام الذي خلفها، يبنيهما الشخص نفسه.

أنا يوسف، مطوّر Full-Stack من مصر. دخلت البرمجة من باب تصميم الواجهات، ثم انتقلت إلى هندسة الواجهات الأمامية، وأبني اليوم منتجات كاملة: خوادم وAPIs على Laravel وعلى Node، ونماذج بيانات على Postgres وعلى MySQL، ووكلاء ذكاء اصطناعي يستدعون الأدوات ويذكرون مصادرهم.

العمل بالعربية والإنجليزية يشكّل طريقتي في البناء: التخطيط من اليمين إلى اليسار يُصمَّم من البداية، لا يُقلب في النهاية. وكذلك عادة الصدق: كل مشروع هنا يقول ما الذي اكتمل وما الذي لم يكتمل.

التصميم يجعل الهندسة قابلة للاستخدام، والهندسة تجعل التصميم حقيقة.

طريقتي في العمل

  1. أفهم

    من سيستخدمه، وما الذي يحاول إنجازه، وما الذي يجب ألا يفشل أبدًا.

  2. أصمّم

    التدفقات والحالات أولًا — الفارغة والتحميل والخطأ، بالعربية والإنجليزية — ثم الطبقة البصرية.

  3. أبني

    حدود مكتوبة الأنواع، وقواعد على الخادم، واختبارات تعمل في متصفح حقيقي.

  4. أصقل

    أقيس على أجهزة حقيقية، وأحذف ما لا يفيد، وأعلن بصدق ما لم يكتمل بعد.

وبجانب العمل: دورات Google في أساسيات تصميم وأبحاث تجربة المستخدم، ومسارات Microsoft Learn في Power Apps وأدوات الذكاء الاصطناعي.

عندك فكرة تستحق أن تُبنى؟

منتج، أو وظيفة، أو فكرة تحتاج واجهة وخادمًا معًا — احكِ لي عنها.

youssefalfi94@gmail.com