Akın Aydın

مهندس برمجيات

هذا هو الجانب التقني من akinaydin.com: كيف بُنيت مشاريعي، مع مخططات وكود من مستودعاتها.

  • شريك مؤسس ومسؤول عن الجانب التقني في FitEscala
  • ماجستير في الذكاء الاصطناعي (تعلّم الآلة)، Liverpool John Moores University. متوسط درجات المقررات الدراسية 78.8%، والنتيجة النهائية لم تصدر بعد.
  • ليفربول، المملكة المتحدة
اقرأ الشروحاتGitHub

مخططات معمارية

Architecture console

No diagram yet

Architecture console, idle.

Ready. Type `help`, or tap a command.

اضغط على أمر، أو اكتب أمرًا. جرّب «ls» لعرض كل المخططات، أو «source» لرؤية كود الـ console نفسه.

شروحات المشاريع

ستة مشاريع بالتفصيل. يتناول كل شرح المشكلة، وكيف بُني المشروع، والقرارات المهمة، وكودًا من المستودع.

شبكة عصبية في متصفحك

شبكة عصبية صغيرة، مكتوبة من الصفر بـ TypeScript دون أي مكتبة لتعلّم الآلة. تتعلّم الفصل بين نصفي قمر متشابكين، مستخدمةً وقت الفراغ في متصفحك فقط. اضغط Grad check لمقارنة الـ gradients المكتوبة يدويًا بتقدير عددي.

Neural net, 1218 parameters

Layers 2-32-32-2 · tanh and softmax · SGD with momentum

Step
0
Loss
n/a
Train acc
0.0%
Params
1218
Budget
Idle frames only

Training idle at step 0.

مشاريع أصغر

مواقع لعملاء، وتجارب، وأعمال جامعية، ببضع جمل لكل منها.

مواقع للعملاء

  • Anamaria Andrei

    تصميم مقترح

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

    HTML · Three.js · GSAP · Lenis

  • Yağız Cem Yılmaz

    متاح الآن

    موقع متعدد الصفحات لعرض أعمال معلّم موسيقى يعزف على المسرح ويقود جوقة في إزمير: قصة من ثلاثة أجزاء تُروى مع التمرير، ونصوص متحركة، ومشهد WebGL اختياري، مع كل المحتوى في ملف تعريف واحد تم التحقق منه.

    Next.js 16 · React 19 · Motion · anime.js · React Three Fiber

    yagizcemyilmaz.com

  • Tiyatro Fısıltı

    متاح الآن

    موقع بـ PHP ولوحة تحكم للفرقة المسرحية في Kuluçka Kahve Sanat، وهو مقهى ومسرح في إزمير: البرنامج، والمسرحيات، والمدونة، والفريق، ومعرض الصور، مع بيانات الفعاليات لمحركات البحث. وفي اللوحة مصادقة بالجلسات (session auth)، وحماية من CSRF، وتحديد لمعدل الطلبات (rate limiting)، ورفع للصور مع allowlist لأنواع MIME. ويتم الـ deploy على استضافة مشتركة دون خطوة build.

    PHP · SQLite or MySQL · JavaScript

    kuluckakahvesanat.com

  • CIBES Research Centre

    متاح الآن

    الموقع العام لمركز الأبحاث، إضافة إلى الحملات الإعلانية للمؤتمر عبر Meta Marketing API، وهي موضوع الملاحظة الأولى أدناه.

    React · Vite · Tailwind · Meta Marketing API

    cibesresearch.org

  • Phinova Clinics

    عرض تجريبي مُسلَّم

    عرض تجريبي يعيد بناء موقع عيادة من صفحة واحدة كمنصة بتسع لغات: صفحات للعلاجات والأطباء، ودليل رعاية يرشد الزائر خطوة بخطوة مع طلب الموافقة، وأرقام مرجعية للتذاكر، وتحويل إلى WhatsApp، إضافة إلى hreflang وsitemap وJSON-LD.

    Next.js · Tailwind · Resend

  • Ogün Aslan

    مكتمل

    موقع لمنتج موسيقي يعزف على المسرح ويعمل مدرّسًا: صفحات للإنتاج والمسرح والدروس، إضافة إلى مدونة بالتركية بمقالات مهيكلة، بُني من السيرة الذاتية للمنتج ومن مقابلات معه.

    Next.js · TypeScript

  • Maske Sanat Tiyatro

    مكتمل

    موقع لمسرح ومقهى مستقل يتسع لـ 50 مقعدًا في بورنوفا. كل معلومة فيه مرتبطة بمصدر في ملف بحثي، حتى يمكن التحقق من البرنامج مجددًا قبل النشر.

    Vite · HTML

  • Emir Özeren

    غير متاح

    موقع أكاديمي شخصي لأستاذ مشارك، فيه السيرة الذاتية والمنشورات والملاحظات. وهو غير متاح الآن.

    Astro

منتجات وتجارب

  • Anı Defteri

    صُنع لحفل زفاف حقيقي

    تطبيق ويب لدفتر ضيوف حفلات الزفاف. يمسح الضيوف رمز QR، ويتركون كلمة وما يصل إلى ثلاث صور. ويختار العروسان ما يظهر على الجدار المشترك وما يدخل في كتاب PDF يمكنهما تنزيله.

    Next.js · Supabase · React PDF

  • Charisma AI

    خارج الخدمة

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

    Next.js · Supabase · Gemini · Stripe · Resend

  • أتمتة YouTube

    مُجمَّد

    يدخل prompt واحد، ويخرج فيديو منشور: السيناريو، وصور المشاهد، وتعليق صوتي بطوابع زمنية على مستوى الكلمة، والفيديو، وrender بـ Remotion، وSEO، والصورة المصغّرة، والرفع. كل خطوة تكتب مخرجاتها على القرص، لذلك يُستأنف التشغيل الفاشل من الخطوة التي فشلت. كان يعمل، لكنني جمّدته لأنه كان يأخذ تركيزي من المنتجات الحقيقية.

    TypeScript · Gemini · fal.ai · ElevenLabs · Remotion · YouTube API

  • Tatil Radar

    مكتمل

    يحسب التكلفة الحقيقية لليلة على ساحل إزمير (الفندق، والعشاء، والشاطئ، والسهر) حسب المنطقة، ويقارن الفندق نفسه عبر 13 قناة بيع. كل رابط فندق جرى التحقق منه، وكل ما لم يُتحقق منه يحمل وسمًا يوضح ذلك.

    Next.js · TypeScript

  • Hands-Free Chords

    نموذج أولي يعمل

    تتعقب كاميرا الويب اليدين معًا. لكل يد قائمة دائرية، النغمة الأساسية على اليسار ونوع الأكورد على اليمين، وحركة قرص بالأصابع (pinch) تعزف الأكورد داخل DAW عبر منفذ MIDI افتراضي. ونسخة الويب قيد التطوير.

    Python · MediaPipe · OpenCV · mido

  • MOKOKO

    مكتمل

    لعبة كلمات تركية من ثلاث جولات في المتصفح، ومنطق اللعبة وقواعد الكلمات مغطاة باختبارات الوحدات (unit tests).

    React 19 · Vite · Vitest

  • pipeline لمحتوى LinkedIn

    قيد الاستخدام

    ملف للعلامة (brand)، وقائمة أبحاث، وطابور محتوى. يكتب Claude مسودتين، أوافق على إحداهما، فتُنشر عبر LinkedIn API الرسمية. لا يُنشر شيء دون موافقتي.

    Claude · LinkedIn API · Markdown

  • HorrorGuess

    مكتمل، لم يُطلق

    لعبة تخمين رعب بالتركية صنعتها مع صديق في يومين. يكتب النموذج قصة أشباح وفق قواعد «يجب» و«يمكن» و«لا يمكن»، بمخرجات يفرضها schema، ويخمّن اللاعب أي من عشرين مخلوقًا تصفه القصة.

    React · Vite · TypeScript · OpenAI

  • Chordinia

    متوقف مؤقتًا

    مساعد للأكوردات وكلمات الأغاني، بنواة حقيقية لنظرية الموسيقى مكتوبة بـ Dart خالص (تحليل الأكوردات، واكتشاف المقام، وتحويل المقام بلمسة واحدة، وتحليل حي لطبقة الصوت)، إضافة إلى التعرف على الأغاني وكلماتها. متوقف مؤقتًا ريثما يُطلق Pistochia.

    Flutter · Supabase · ACRCloud · Genius API

  • Kuluçka Vampir Köylü

    خارج الخدمة

    تطبيق لأمسيات لعبة المستذئب (Werewolf) في مقهى: ينضم اللاعبون عبر رمز QR ويحصلون على بطاقات أدوار تنكشف بلمسة، وتُحسم أفعال الليل على شاشة مدير اللعبة، وتتزامن الأصوات مباشرة مع كل هاتف. ومن يرى ماذا يُفرض عبر row-level security، لا داخل التطبيق. وقد سارت أمسيات المقهى على ما يرام بالبطاقات الورقية، فأُوقف التطبيق.

    Next.js · Supabase Realtime · Row-level security

  • aifindsit

    اكتمل الـ workflow

    بوت لرسائل Instagram الخاصة مبني كـ workflow على n8n: تصل الرسالة عبر webhook، ويُبحث عن المنتج، ويحمل الرد رابطًا إليه.

    n8n · Instagram Graph API

الجامعة والمصدر المفتوح

  • FlexFlow

    مشروع تخرج، خارج الخدمة

    مشروع تخرجي في Yaşar University ضمن فريق من ثلاثة: تطبيق لياقة بدنية يربط رواد الصالات الرياضية بمدربين شخصيين، مع خطط للتمارين والتغذية، والصالات القريبة على خريطة، ومدرب بالذكاء الاصطناعي، وتتبع للسعرات الحرارية. بنيت تطبيق الجوال، وبنى زميل في الفريق الـ backend بـ NestJS.

    React Native · Expo · Firebase · NestJS · PostgreSQL

  • Smart Bed

    نموذج أولي، عُرض تجريبيًا

    سرير مستشفى بنته فرق مختلطة من طلاب Yaşar University وPenn State Abington في ثلاثة أيام (مارس 2024). تراقب حساسات السرير وكاميرا بالذكاء الاصطناعي المريض، وعندما يبدأ المريض بالنهوض، ترسل وحدة مثبتة على الجدار تنبيهًا إلى هاتف الممرّض قبل أن يسقط. عُرض على Bordatech، وتناوله موقع أخبار الجامعة.

    M5Stack · MicroPython · AI camera

  • نظام تذاكر طيران مع مساعد بالذكاء الاصطناعي

    مشروع دراسي، بُني مع زميل

    واجهة API للتذاكر (الرحلات، والشراء، وتسجيل الوصول، والمصادقة عبر JWT) خلف gateway مبني بـ Express مع حدود للطلبات لكل IP، إضافة إلى مساعد يجيب بلغة بسيطة عبر استدعاء الـ endpoints العامة نفسها التي يستدعيها أي client آخر. والمستودعات موجودة على حساب GitHub الخاص بزميلي.

    .NET 8 · EF Core · Azure SQL · Express · OpenAI

  • حجز الفنادق بمعمارية microservices

    مشروع دراسي، بُني مع زميل

    سبع خدمات خلف gateway واحد (الإدارة، والبحث، والحجز، والتعليقات، والإشعارات، ووكيل لغوي)، ولكل منها مخزن البيانات الذي يناسبها: Postgres للحجوزات، وMongoDB للمراجعات، وRedis للـ cache، وطابور رسائل للبريد الإلكتروني.

    Node.js · Express · PostgreSQL · MongoDB · Redis · RabbitMQ · Docker Compose

  • MiroFish، نسخة fork مع إضافات

    مساهمة

    إضافات إلى MiroFish، وهو محرك تنبؤ مفتوح المصدر متعدد الوكلاء: backend للذاكرة قابل للتبديل (Zep Cloud، أو Graphiti مع Neo4j على خادمك الخاص)، ومتتبع مباشر للتكلفة بالدولار يوقف التشغيل عند حد محدد، وwatchdog لعملياته، وزر إيقاف طارئ. المحرك نفسه من عمل المشروع الأصلي (upstream)، وهذه الإضافات وحدها من عملي.

    Python · FastAPI · Graphiti · Neo4j · Vue

المهارات، حسب مقدار استخدامي لها

لا نجوم، فقط كم مرة تظهر كل مهارة في العمل الحقيقي، وأين يمكنك رؤيتها.

المهارةالتكرارأين تظهر
JavaScript وTypeScript وNode.jsيوميًامعظم ما في هذا الموقع يعمل بها. Malton London Press
Next.js وReact وSupabaseيوميًاResearchGo وÜrünereklam وMalton London Press، وعدة مواقع لعملاء، وموقعاي الشخصيان كلاهما. ResearchGo
SQL، وتصميم API، وCI/CD، وGitيوميًاتُستخدم في كل مشروع. وتتناول الشروحات الـ migrations وفحوصات قواعد البيانات وdeploy pipelines. Malton London Press
Python: الـ data pipelines، والـ scraping، وتعلّم الآلةفي الإنتاجمحرك العملاء المحتملين في FitEscala، والـ parsing worker في ResearchGo، وأطروحتي للماجستير (نماذج كلاسيكية وتجميعية وtransformer، إضافة إلى مقاييس قابلية التفسير). أطروحة الماجستير: كشف قابل للتفسير لرسائل التصيّد الاحتيالي المكتوبة بالذكاء الاصطناعي
React Native وExpoفي الإنتاجFlexFlow، مشروع تخرجي على Firebase، وPistochia، الذي يعمل دون اتصال أولًا (offline-first) على SQLite مع Supabase edge functions. Pistochia
WebGL وThree.js (React Three Fiber)في الإنتاجالحرف ثلاثي الأبعاد في akinaydin.com، مع WebGL context يعيد بناء نفسه عندما يُسقطه الـ GPU. akinaydin.com
Meta Marketing API والحملات الإعلانيةفي الإنتاجحملة لمؤتمر انتقلت من إنفاق أعمى إلى تكلفة مقيسة لكل عميل محتمل. القصة في الملاحظات أدناه.
Playwright وأتمتة المتصفحفي الإنتاجالـ pipeline الخاص بمحتوى LinkedIn.
إمكانية الوصولفي الإنتاجالموقع الإلكتروني لمشروع يشارك الاتحاد الأوروبي في تمويله، لمستخدمي لغة الإشارة، بُني لجمعية للتربية الخاصة في 2024 و2025.
C, C++, C#, Java, Flutter وIoTأحيانًااستخدام حقيقي، لكن ليس يوميًا: السرير الذكي كان يعمل بـ MicroPython على M5Stack، وChordinia مبني بـ Flutter، ونظام الطيران مبني على .NET.

ملاحظات هندسية

أشياء سارت بشكل خاطئ في مشاريع حقيقية، وما الذي غيّرته.

2026.06

الحملة الإعلانية التي لم تكن ترى هدفها

كان مؤتمر بحاجة إلى تسجيلات، فشغّل الحساب الإعلاني حملة تحويلات (conversion). لكن لم يكن أي حدث تسجيل مربوطًا بالـ pixel. وMeta تُحسّن الأداء نحو ما تستطيع رؤيته، ولم تكن ترى شيئًا، فأنفق جمهور مشابه (lookalike) واحد معظم الميزانية في ثلاث دول جلبت آلاف النقرات دون أي تسجيل.

جمهور أذكى لم يكن ليحل المشكلة. التحول إلى نماذج العملاء المحتملين الخاصة بـ Meta (lead forms) أعطى الخوارزمية حدثًا حقيقيًا تستهدفه، وبدأ الحساب نفسه يجلب أكاديميين مؤهلين بتكلفة لكل عميل محتمل أقل بكثير من المعدل المعتاد لـ B2B في الاتحاد الأوروبي. الأرقام المقيسة موجودة في التقرير النهائي، وأُبقيها خارج هذه الصفحة عن قصد.

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

2026.07

الانعكاسات التي أسقطت الـ GPU

في akinaydin.com حرف ثلاثي الأبعاد عاكس يلتقط الضوء من محيطه. كانت النسخة الأولى تعيد render البيئة وتمررها عبر توليد PMREM في كل frame، لتبقى الانعكاسات محدّثة دائمًا. بدا ذلك جيدًا على حاسوب محمول سريع. أما على الأجهزة العادية، ففقدت علامة التبويب الـ WebGL context في منتصف التمرير، وأظلم الحرف.

الآن تُرسَم البيئة مرة واحدة، عند تحميل الصفحة. وما زال الـ context يُفقد على الأجهزة الحقيقية، لذلك تعيد الصفحة بناء الـ canvas تلقائيًا عندما يحدث ذلك، بدلًا من ترك إطار ميت خلفها.

2026.07

لماذا تتدرّب الشبكة العصبية ببطء عن قصد

كان يمكن للشبكة العصبية في هذه الصفحة أن تتدرّب أسرع بكثير داخل web worker دون أي تقييد (throttle). لكنها لا تفعل ذلك، عن قصد: فمن يمرّر الصفحة يجب ألا يرى أبدًا إطارًا ساقطًا (dropped frame) بسبب شبكة تتدرّب في الخلفية.

لذلك لا يأخذ المدرِّب بضع خطوات gradient إلا عندما يكون لدى المتصفح وقت فراغ، في idle callbacks وفي شرائح صغيرة من الإطار، ولا يأخذ أي خطوة عندما يكون مشغولًا. يستغرق منحنى الـ loss وقتًا أطول لينخفض، وتبقى الصفحة سلسة.

تواصل

البريد الإلكتروني أسرع طريقة للتواصل معي.