أحمد فياض — مهندس برمجيات · أعمالي

إصدار 2026

عمل حر · عن بُعد · عربي / EN

من الأفكار المعقّدة إلى أنظمة متكاملة تخدم الناس والأعمال

أحمدفياض

مهندس برمجياتبعقلية منتج وأعمال

  • تطبيقات ويب وأنظمة أعمال
  • تكامل الأنظمة وأتمتة العمل
  • تصميم واجهات وهوية بصرية
ملف الأعمال 02 — نبذة 20(26)
صورة أحمد فياض Ahmed Fayyad
مصر · عن بُعد --:--

أهلًا! أنا أحمد

عنّي

أطوّر تطبيقات ومنصات وأنظمة أعمال معقّدة، من تصميم البنية وقواعد البيانات والصلاحيات إلى منطق التشغيل وتجربة الاستخدام.

ومهتم بالتسويق، والميديا باينج، وعالم الأعمال وفهم ما يجعل المنتج ينجح.

01 / الأنظمة والبنية

عمليات معقّدة، وبنية واضحة

  • نمذجة البيانات
  • الصلاحيات
  • تصميم API
  • سير العمل
  • تكامل الأنظمة

02 / الواجهة الأمامية

سريعة، ومتاحة للجميع، وبأنواع صارمة

  • React 19
  • Next.js 15 / 16
  • TypeScript
  • Tailwind v4
  • Vite
  • تعدد اللغات

03 / التصميم والتطوير الإبداعي

واجهات لها هدف واضح

  • من Figma إلى الكود
  • أنظمة تصميم
  • GSAP
  • WebGL
  • تفاعلات دقيقة

04 / الواجهة الخلفية والبيانات

خدمات وبيانات يمكن الاعتماد عليها

  • NestJS
  • Prisma
  • PostgreSQL
  • Supabase
  • Redis · BullMQ
  • Socket.IO
  1. 01 / بناء

    تطوير المنتجات الرقمية

    للفرق التي تحوّل سير عمل معقّدًا أو فكرة منتج إلى تطبيق ويب أو منصة أو تجربة تجارة إلكترونية.

    دليل: دراسة حالة Ciiircle ناقش بناء منتج
  2. 02 / دمج

    دمج الذكاء الاصطناعي والأتمتة

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

    دليل: Neo بصلاحيات محددة اسأل عن دمج الذكاء الاصطناعي
  3. 03 / تصميم

    تجربة المنتج وواجهاته وهويته

    وضّح مسارات الاستخدام وابنِ نظامًا بصريًا متماسكًا للمنتج، بالعربية والإنجليزية.

    دليل: Dulaxa ناقش تصميم المنتج
01 / 03 مرّر لتقليب الملف
ملف الأعمال 03 — المنهج 20(26)

الاستراتيجية أولًا، ثم الكود.

  • أفهم علامتك التجارية وجمهورك وأهدافك قبل أن أفتح المحرّر.
  • كل شاشة مصمَّمة للجهاز، وللغة، وللشخص الذي يستخدمها.
  • الحركة والأداء والظهور في البحث جزء من البناء — لا مرحلة تأتي بعده.

أربط أهداف العمل وقواعد التشغيل وتجربة الاستخدام، حتى يكون النظام واضحًا ومفيدًا للناس التي تستخدمه.

منهجي

ملف الأعمال 04 — أعمال مختارة 20(26)

أعمال مختارة

ثلاثة أعمال لبناء منتجات في الدعوات الرقمية والتجارة الإلكترونية والبرمجيات الأكاديمية. تعرض دراسة Ciiircle نطاق التنفيذ وما لا يزال قيد العمل.

(03)
dulaxa.com
The ArchiveProcessPricing Start Your Invitation

Issue No. 01 — Digital Wedding Invitations

Built for one couple.
Never used again.

01هوية · ويب · فول ستاك2026

Dulaxa

تجارب زفاف رقمية فاخرة

استوديو يحوّل الدعوة إلى موقع خاص بطابع سينمائي — موسيقى وحركة وتأكيد حضور في رابط واحد. بنيت الهوية، والموقع التسويقي التحريري، ومحرّك الدعوات، ولوحة الإدارة التي تشغّل كل ذلك.

  • عوالم دعوات تُصمَّم لمرة واحدة — فيلم وصوت وحركة
  • عربي وإنجليزي بتنسيق طباعي تحريري من اليمين إلى اليسار
  • تسجيل دخول عبر Supabase، ونصوص تُدار من نظام إدارة المحتوى، ولوحة تحكم
  • الظهور في البحث: بيانات منظَّمة، وصور مشاركة، وخريطة موقع
  • Next.js 16
  • React 19
  • GSAP
  • Lenis
  • three.js
  • Supabase
  • Tailwind v4
dulaxa.com
glara.shop
UnitsCustomizeSupport عربي

Made in Egypt · Floating vanity systems

Designed to
float.

Open lab →
Step 2 / 4 · Finish
02تجارة إلكترونية · فول ستاك2026

Glara

وحدات حمّام معلّقة — متجر إلكتروني

متجر ثنائي اللغة لعلامة مصرية لأثاث الحمّامات، مبنيّ على ملفات Figma المرجعية: كتالوج، ومعمل تفصيل من أربع خطوات، وسلة، ودفع، وحسابات للعملاء، ولوحة إدارة.

  • معمل تفصيل من أربع خطوات بتسعير لحظي
  • الأسعار تُحسب على الخادم — ولا يُعتمد على ما يرسله المتصفح
  • عربي وإنجليزي بالكامل مع RTL، وخريطة موقع من الكتالوج
  • Prisma مع Neon Postgres، ومنشور على Vercel
  • Next.js 15
  • TypeScript
  • Prisma
  • PostgreSQL
  • R3F
  • zod
  • Tailwind v4
glara.shop
ciiircle.com
CirclesPassportNeo Get started

دايرة فيها كل اللي تحتاجه

The operating system for academic growth

  • Tasks
  • Quizzes
  • Files
  • Chat
  • Neo AI
03منتج · ذكاء اصطناعي · منصة2026

Ciiircle

نظام تشغيل أكاديمي

دوائر يجمع فيها المعلّمون والمراكز ومجتمعات التعلّم كل شيء في مكان واحد — المهام والاختبارات والملفات والمحادثات والتقويم والجواز الأكاديمي — مع Neo، وكيل ذكاء اصطناعي يعمل في حدود صلاحيات كل مستخدم.

  • Neo — وكيل Gemini يستخدم الأدوات ويقرأ ملفات PDF وWord وPowerPoint
  • دوائر داخل دوائر، واختبارات، وجواز أكاديمي لا يُعدَّل ولا يُحذف
  • خادم NestJS منظّم بوحدات، وتعاون لحظي عبر Socket.IO
  • العربية أولًا، واختبارات حِمل k6، وPrometheus وGrafana، وCI مع e2e
  • React 19
  • Vite
  • Motion
  • NestJS 11
  • PostgreSQL
  • Redis
  • Socket.IO
اقرأ دراسة حالة Ciiircle ciiircle.com
ملف الأعمال 05 — الخبرات 20(26)

كل ما يحتاجه منتجك. شخص واحد.

من أول رسم مبدئي حتى سجلات الخادم — جهة تواصل واحدة، ومعيار واحد للإتقان.

هندسة الواجهات والحركة

حركة لها سبب.

الحركة هنا مبنية على منحنى أساسي واحد اختير بعناية. الواجهات تستجيب خلال 300 ملّي ثانية، لا تبدأ ببطء أبدًا، وتحترم إعداد تقليل الحركة.

  • React 19
  • Next.js
  • TypeScript
  • GSAP
  • Lenis
  • Motion

WebGL والأبعاد الثلاثية

الخلفية حيّة.

ضوضاء fBm، وتشويه للإحداثيات (domain warping)، وأثر للمؤشر بتقنية ping-pong، وجسيمات تسبح في تيار curl noise — حرّك المؤشر.

  • three.js
  • R3F
  • GLSL
  • Post-processing

ثنائي اللغة

عربي وإنجليزي، من الأساس.

ابدأ تجربتك — Start your experience

الواجهة الخلفية والبيانات

منتجات حقيقية، وبيانات حقيقية.

  • NestJS
  • Prisma
  • Postgres
  • Supabase

الأداء والظهور في البحث

يظهر أولًا، ويفتح بسرعة.

  • LCP
  • INP
  • CLS

مراقبة Web Vitals، وبيانات منظَّمة، وصور مشاركة، وخرائط موقع، وhreflang للعربية والإنجليزية.

ميزات الذكاء الاصطناعي

ذكاء اصطناعي حيث يفيد.

تم تنفيذ Neo باستخدام Gemini وأدوات تراعي الصلاحيات داخل Ciiircle. أما دراسة الشبكات العميقة، مثل LSTM ومصنّفات CNN، فهي جزء من التعلّم وليست ادعاءً بخدمة إنتاجية.

الإطلاق والتشغيل

الإطلاق منتصف الطريق، لا نهايته.

  • Vercel
  • Docker
  • GitHub Actions
  • Prometheus
  • Grafana
  • k6
ملف الأعمال 06 — النتائج 20(26)

نتائج
ونطاق

03أعمال بناء منتجات
19وحدة خادم في مصدر Ciiircle
02لغتان بقاعدة كود واحدة
04خطوات في معمل تفصيل Glara

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

ملف الأعمال 07 — طريقة العمل 20(26)

مراحل العمل

  1. البحث

    علامتك وجمهورك ومنافسوك وأهدافك — قبل أي بكسل.

  2. التخطيط

    خريطة الموقع، والمخططات، ولغة الحركة، ونطاق عمل نتفق عليه معًا.

  3. التنفيذ

    تصميم وبناء على مراحل قابلة للمراجعة، عبر رابط معاينة مباشر.

  4. التحسين

    الإطلاق، ثم ضبط السرعة والظهور في البحث ونسبة التحويل ببيانات حقيقية.

شاهد أعمالي
ملف الأعمال 08 — تواصل 20(26)

لنبنِ
شيئًا
معًا!

يسعدني أن أساعدك في بناء منتجك بالتصميم والحركة والكود.

تواصل معي!

ابدأ مشروعك