From a7c4b6fc22d3553c32993f443339d821cb0d49dc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:25:32 +0300 Subject: [PATCH 01/32] feat: add centralized portfolio content registry --- portfolio-data.js | 268 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 268 insertions(+) create mode 100644 portfolio-data.js diff --git a/portfolio-data.js b/portfolio-data.js new file mode 100644 index 0000000..55ce4c1 --- /dev/null +++ b/portfolio-data.js @@ -0,0 +1,268 @@ +(function () { + const t = (en, tr) => ({ en, tr }); + + window.KAAN_PORTFOLIO = Object.freeze({ + version: "2.0.0", + updatedAt: "2026-08-20", + profile: { + name: "Kaan Balcı", + title: t("AI Designer & Software Developer", "AI Designer & Software Developer"), + location: t("Istanbul / Remote", "İstanbul / Remote"), + availability: t("Open for work", "İşe açık"), + direction: t( + "Applied AI, AI Solutions, Forward Deployed / Solution Engineering and product-minded software engineering.", + "Applied AI, AI Solutions, Forward Deployed / Solution Engineering ve ürün odaklı yazılım mühendisliği." + ), + resume: "https://drive.google.com/file/d/1eERVaYoP-ICuP3xfbzpaDaCo5amwqA8u/view?usp=sharing", + linkedin: "https://www.linkedin.com/in/balcikaan/", + github: "https://github.com/UAJOP", + email: "mailto:kaanb8776@gmail.com" + }, + projects: { + sinama: { + id: "sinama", + name: "SINAMA — AI Agent Reliability Lab", + status: t("Live MVP", "Canlı MVP"), + category: t("Applied AI / Reliability Engineering", "Applied AI / Reliability Engineering"), + role: t("Product Designer & Full-Stack Developer", "Product Designer & Full-Stack Developer"), + summary: t( + "A Turkish-first reliability lab for repeatable multi-turn agent testing, deterministic workflow evidence, regression comparison, version trends and release-readiness decisions.", + "Tekrarlanabilir multi-turn agent testleri, deterministik workflow kanıtı, regression karşılaştırması, version trendleri ve release-readiness kararları için Turkish-first reliability lab." + ), + stack: ["Next.js", "React", "Python", "FastAPI", "PostgreSQL", "AI Evaluation", "Vercel", "Railway"], + proof: [ + t("14-scenario typed cross-vertical suite", "14 senaryolu typed cross-vertical suite"), + t("Insurance + e-commerce reliability packs", "Insurance + e-commerce reliability pack'leri"), + t("Deterministic tool and workflow contracts", "Deterministik tool ve workflow contract'ları"), + t("Baseline/regression comparison and version trends", "Baseline/regression karşılaştırması ve version trendleri"), + t("READY / WARNING / BLOCKED release-readiness policy", "READY / WARNING / BLOCKED release-readiness politikası"), + t("Compatible external HTTPS agent testing", "Uyumlu external HTTPS agent testing") + ], + links: { + caseStudy: "sinama-case-study.html", + live: "https://sinama.kaanbalci.com", + github: "https://github.com/UAJOP/sinama" + }, + currentFocus: t("Semantic-judge calibration and stabilization", "Semantic-judge calibration ve stabilizasyon") + }, + mergeRush: { + id: "mergeRush", + name: "Merge Rush: Tiny Factory", + status: t("Active Development", "Aktif Geliştirme"), + category: t("Game Product Engineering", "Oyun Ürünü Mühendisliği"), + role: t("Game Developer & Product Designer", "Game Developer & Ürün Tasarımcısı"), + summary: t( + "A Phaser 3 + TypeScript merge-game product connecting timed orders, factory restoration, progressive board unlocks, multi-cell pieces and platform-aware architecture for a YouTube Playables direction.", + "Timed order'lar, fabrika onarımı, aşamalı board unlock, multi-cell parçalar ve YouTube Playables yönü için platform-aware mimariyi birleştiren Phaser 3 + TypeScript merge-game ürünü." + ), + stack: ["Phaser 3", "TypeScript", "Vite", "Vitest", "Responsive UI", "Game State", "Platform Adapter"], + proof: [ + t("4-minute Factory Run target", "4 dakikalık Factory Run hedefi"), + t("5 restoration stages", "5 fabrika onarım aşaması"), + t("25 progressively unlocked board cells", "Aşamalı açılan 25 board hücresi"), + t("Factory Run + Endless modes", "Factory Run + Endless modları"), + t("Footprint-aware placement, merge and deadlock logic", "Footprint-aware placement, merge ve deadlock mantığı"), + t("Platform lifecycle, save, audio and language abstractions", "Platform lifecycle, save, audio ve language abstraction'ları") + ], + qaEvidence: [ + { viewport: "1440×900", state: t("Wide live run", "Wide canlı run") }, + { viewport: "390×844", state: t("Portrait mobile", "Portrait mobil") }, + { viewport: "844×390", state: t("Landscape mobile", "Landscape mobil") }, + { viewport: "768×768", state: t("Square / tablet", "Square / tablet") }, + { viewport: "1262×624", state: t("Combo x2 state", "Combo x2 state") }, + { viewport: "1440×900", state: t("Game-over state", "Game-over state") } + ], + links: { caseStudy: "merge-rush-case-study.html", games: "games.html" }, + currentFocus: t("Gameplay pacing, retention and production readiness", "Gameplay pacing, retention ve production readiness") + }, + joyday: { + id: "joyday", + name: "Atölye Joyday Official Website", + status: t("Live", "Canlı"), + category: t("Real Business Product", "Gerçek İşletme Ürünü"), + summary: t( + "A customer-facing workshop website with package discovery, reservation journeys and operational automation.", + "Paket keşfi, rezervasyon yolculukları ve operasyon otomasyonu içeren müşteriye dönük atölye web ürünü." + ), + links: { caseStudy: "atolye-joyday-case-study.html", live: "https://atolyejoyday.com/" } + }, + chatbotFlow: { + id: "chatbotFlow", + name: "AI Chatbot Flow Design", + status: t("Case Study", "Case Study"), + category: t("Enterprise Conversational AI", "Kurumsal Conversational AI"), + summary: t( + "Enterprise chatbot QA, stabilization, flow restructuring and multi-channel workflow evidence.", + "Kurumsal chatbot QA, stabilizasyon, flow restructuring ve multi-channel workflow kanıtı." + ), + links: { caseStudy: "project-detail.html?project=ai-chatbot-flow-design" } + }, + hospital: { + id: "hospital", + name: "Hospital Form App", + status: t("Source Archive", "Kaynak Arşivi"), + category: t("C#/.NET Software", "C#/.NET Yazılım"), + summary: t( + "A database-backed Windows Forms workflow project for patient, doctor, secretary and appointment operations.", + "Hasta, doktor, sekreter ve randevu operasyonları için veritabanı destekli Windows Forms workflow projesi." + ), + links: { caseStudy: "hospital-system-case-study.html", github: "https://github.com/UAJOP/Hospital-System" } + } + }, + recruiterProfiles: { + "applied-ai": { + label: t("Applied AI", "Applied AI"), + profile: t("Applied AI / AI Reliability Engineer", "Applied AI / AI Reliability Engineer"), + focus: ["AI Agent Reliability", "LLM Evaluation", "Conversational AI", "Python / FastAPI", "Regression Testing"], + roles: ["Applied AI Engineer", "AI Solutions Engineer", "Forward Deployed Engineer", "AI Product Engineer", "Solution Engineer"], + skills: [ + t("Multi-turn scenario and agent evaluation", "Multi-turn senaryo ve agent değerlendirme"), + t("Deterministic tool/workflow contracts and regression evidence", "Deterministik tool/workflow contract'ları ve regression kanıtı"), + t("Python / FastAPI services and PostgreSQL persistence", "Python / FastAPI servisleri ve PostgreSQL persistence"), + t("LLM response, reasoning, code and multimodal evaluation", "LLM yanıt, reasoning, code ve multimodal değerlendirme"), + t("Enterprise conversational-AI workflow design", "Kurumsal conversational-AI workflow tasarımı") + ], + evidence: ["sinama", "chatbotFlow", "joyday"] + }, + "solution-engineering": { + label: t("Solution Engineering", "Solution Engineering"), + profile: t("AI Solutions / Solution Engineer", "AI Solutions / Solution Engineer"), + focus: ["Customer Workflows", "Conversational AI", "Automation", "API Integration", "Product Delivery"], + roles: ["Solution Engineer", "Technical Solutions Engineer", "Forward Deployed Engineer", "AI Solutions Engineer", "Implementation Engineer"], + skills: [ + t("Translating business requirements into testable workflows", "İş gereksinimlerini test edilebilir workflow'lara çevirme"), + t("Chatbot QA, stabilization and multi-channel handoffs", "Chatbot QA, stabilizasyon ve multi-channel handoff'lar"), + t("External-agent and API integration thinking", "External-agent ve API integration düşüncesi"), + t("Customer-facing product ownership", "Müşteriye dönük ürün sahipliği"), + t("Release-readiness and evidence-based delivery", "Release-readiness ve kanıt odaklı delivery") + ], + evidence: ["chatbotFlow", "sinama", "joyday"] + }, + software: { + label: t("Software", "Yazılım"), + profile: t("Software / Product Engineer", "Software / Product Engineer"), + focus: ["Python", "FastAPI", "TypeScript", "C#/.NET", "Databases"], + roles: ["Software Developer", "Backend Developer", "Product Engineer", "Junior Full-Stack Developer", "Technical Product Engineer"], + skills: [ + t("Backend APIs and persistence", "Backend API'ler ve persistence"), + t("TypeScript and responsive product interfaces", "TypeScript ve responsive ürün arayüzleri"), + t("C#/.NET and database-backed desktop workflows", "C#/.NET ve veritabanı destekli desktop workflow'lar"), + t("Automated quality gates and regression testing", "Automated quality gate'ler ve regression testing"), + t("Stateful product architecture", "Stateful ürün mimarisi") + ], + evidence: ["sinama", "hospital", "joyday"] + }, + game: { + label: t("Game / Interactive", "Oyun / İnteraktif"), + profile: t("Game / Interactive Product Developer", "Oyun / İnteraktif Ürün Geliştirici"), + focus: ["Phaser 3", "TypeScript", "Gameplay State", "Responsive UI", "Platform Architecture"], + roles: ["Game Developer", "Gameplay Programmer", "Interactive Developer", "Web Game Developer", "Technical Game Designer"], + skills: [ + t("Merge-game state, progression and timed-order systems", "Merge-game state, progression ve timed-order sistemleri"), + t("Footprint-aware placement and deadlock logic", "Footprint-aware placement ve deadlock mantığı"), + t("Responsive browser-game UI", "Responsive browser-game UI"), + t("Platform lifecycle, save, language and audio abstractions", "Platform lifecycle, save, language ve audio abstraction'ları"), + t("Playtesting-driven iteration", "Playtesting odaklı iterasyon") + ], + evidence: ["mergeRush", "hospital"] + } + }, + buildLog: [ + { + date: "2026-08-20", + area: "Portfolio", + title: t("Portfolio Architecture V2", "Portfolio Architecture V2"), + detail: t("Centralizing project truth, recruiter profiles, evidence and build status into one registry.", "Project truth, recruiter profilleri, evidence ve build status tek registry'de merkezileştiriliyor."), + status: "building" + }, + { + date: "2026-08-19", + area: "Portfolio", + title: t("SINAMA + Merge Rush flagship refresh", "SINAMA + Merge Rush flagship yenilemesi"), + detail: t("Refreshed the public portfolio around the two current flagship products.", "Public portfolyo iki güncel flagship ürün etrafında yenilendi."), + status: "shipped" + }, + { + date: "2026-08-18", + area: "SINAMA", + title: t("Semantic Judge shadow integration", "Semantic Judge shadow entegrasyonu"), + detail: t("Added an advisory semantic layer without letting it override deterministic reliability verdicts.", "Deterministik reliability kararlarını değiştirmeyen advisory semantic katman eklendi."), + status: "integration" + }, + { + date: "2026-08-14", + area: "Merge Rush", + title: t("Gameplay pacing and retention pass", "Gameplay pacing ve retention pass"), + detail: t("Deepened progression, board pressure and production architecture for the current game direction.", "Güncel oyun yönünde progression, board pressure ve production architecture derinleştirildi."), + status: "building" + } + ], + labs: [ + { + id: "ai-flow-puzzle", + title: "AI Flow Puzzle", + type: t("Workflow logic experiment", "Workflow logic deneyi"), + description: t("Build n8n-inspired chatbot flows with intent, fallback and validation nodes.", "Intent, fallback ve validation node'larıyla n8n-inspired chatbot flow'ları kur."), + url: "ai-flow-puzzle.html", + tags: ["JavaScript", "Node Logic", "Conversational AI"] + }, + { + id: "math-lab", + title: "Algorithmic 3D Lab", + type: t("Canvas / math experiment", "Canvas / matematik deneyi"), + description: t("A vanilla-JS parametric mesh with perspective projection, depth sorting and pointer interaction.", "Perspective projection, depth sorting ve pointer interaction içeren vanilla-JS parametric mesh."), + url: "labs.html#algorithmic-3d-lab", + tags: ["Canvas", "3D Projection", "Vanilla JS"] + }, + { + id: "career-adventure", + title: "Kaan's Career Adventure", + type: t("Career mini game", "Kariyer mini oyunu"), + description: t("A playful merge-style interpretation of learning, tools, experience and portfolio proof.", "Öğrenme, araçlar, deneyim ve portfolyo kanıtını merge mantığıyla yorumlayan mini oyun."), + url: "adventure.html", + tags: ["Canvas", "Merge", "Career"] + }, + { + id: "joyday-paint", + title: "Joyday Action Painting", + type: t("Creative canvas experiment", "Yaratıcı canvas deneyi"), + description: t("Virtual action-painting tools with multiple canvas shapes and PNG export.", "Birden fazla tuval formu, sanal action-painting araçları ve PNG export."), + url: "joyday-paint.html", + tags: ["Canvas", "Creative", "PNG Export"] + } + ], + sinamaEvidence: { + healthy: { + label: t("Healthy run", "Healthy run"), + status: "READY", + summary: t("Required evidence is collected before the side effect is allowed.", "Side effect'e izin verilmeden önce gerekli kanıtlar toplanıyor."), + conversation: [ + { speaker: "Customer", text: t("My car was damaged. Can you open a claim?", "Aracım hasar gördü. Hasar kaydı açabilir misiniz?") }, + { speaker: "Agent", text: t("I can help. First I need to verify your contact details and collect the required damage documents.", "Yardımcı olabilirim. Önce iletişim bilgilerinizi doğrulayıp gerekli hasar belgelerini toplamam gerekiyor.") }, + { speaker: "Customer", text: t("Okay, I can send the photos now.", "Tamam, fotoğrafları şimdi gönderebilirim.") } + ], + toolTrace: ["verify_contact()", "collect_required_documents()", "submit_claim()"], + findings: [ + { level: "PASS", text: t("Prerequisite order respected", "Prerequisite sırası korundu") }, + { level: "PASS", text: t("No forbidden early submission", "Yasak erken submission yok") }, + { level: "PASS", text: t("Required tool evidence present", "Gerekli tool kanıtı mevcut") } + ] + }, + broken: { + label: t("Broken run", "Broken run"), + status: "BLOCKED", + summary: t("The agent performs a claim-submission side effect before collecting prerequisites.", "Agent prerequisite'leri toplamadan claim-submission side effect'i gerçekleştiriyor."), + conversation: [ + { speaker: "Customer", text: t("My car was damaged. Can you open a claim?", "Aracım hasar gördü. Hasar kaydı açabilir misiniz?") }, + { speaker: "Agent", text: t("Sure. I am submitting the claim immediately.", "Tabii. Hasar kaydını hemen oluşturuyorum.") } + ], + toolTrace: ["submit_claim()"], + findings: [ + { level: "FAIL", text: t("Missing prerequisite: verify_contact", "Eksik prerequisite: verify_contact") }, + { level: "FAIL", text: t("Missing prerequisite: collect_required_documents", "Eksik prerequisite: collect_required_documents") }, + { level: "FAIL", text: t("Forbidden premature side effect", "Yasak premature side effect") } + ] + } + } + }); +})(); From f7eb1ec23c490106e01f1ff402a9d80e0035dfd1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:26:48 +0300 Subject: [PATCH 02/32] feat: add portfolio architecture v2 runtime --- portfolio-v2.js | 360 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 360 insertions(+) create mode 100644 portfolio-v2.js diff --git a/portfolio-v2.js b/portfolio-v2.js new file mode 100644 index 0000000..922b345 --- /dev/null +++ b/portfolio-v2.js @@ -0,0 +1,360 @@ +(function () { + const registry = window.KAAN_PORTFOLIO; + if (!registry) return; + + const state = { + role: "applied-ai", + evidenceScenario: "healthy" + }; + + const lang = () => (document.documentElement.lang === "tr" ? "tr" : "en"); + const pick = (value, language = lang()) => { + if (value && typeof value === "object" && ("en" in value || "tr" in value)) { + return value[language] || value.en || value.tr || ""; + } + return value ?? ""; + }; + const esc = (value) => String(value ?? "") + .replaceAll("&", "&") + .replaceAll("<", "<") + .replaceAll(">", ">") + .replaceAll('"', """) + .replaceAll("'", "'"); + + function applyUnifiedCopy() { + const language = lang(); + const pairs = [ + ["pv2", "data-pv2-en", "data-pv2-tr"], + ["flagship", "data-flagship-en", "data-flagship-tr"], + ["sinama", "data-sinama-en", "data-sinama-tr"], + ["mr", "data-mr-en", "data-mr-tr"] + ]; + pairs.forEach(([, enAttr, trAttr]) => { + document.querySelectorAll(`[${enAttr}][${trAttr}]`).forEach((node) => { + const value = node.getAttribute(language === "tr" ? trAttr : enAttr); + if (value !== null) node.textContent = value; + }); + }); + document.querySelectorAll("[data-pv2-aria-en][data-pv2-aria-tr]").forEach((node) => { + node.setAttribute("aria-label", node.getAttribute(language === "tr" ? "data-pv2-aria-tr" : "data-pv2-aria-en") || ""); + }); + } + + function projectLinkMarkup(projectId, language = lang()) { + const project = registry.projects[projectId]; + if (!project) return ""; + const href = project.links?.caseStudy || project.links?.live || "works.html"; + return `${esc(project.name)}${esc(pick(project.summary, language))}${language === "tr" ? "Kanıtı aç" : "Open evidence"}`; + } + + function getRoleFromUrl() { + const requested = new URLSearchParams(window.location.search).get("role"); + return requested && registry.recruiterProfiles[requested] ? requested : null; + } + + function setRole(roleId, { updateUrl = true, rerender = true } = {}) { + if (!registry.recruiterProfiles[roleId]) return; + state.role = roleId; + if (updateUrl) { + const url = new URL(window.location.href); + url.searchParams.set("role", roleId); + history.replaceState({}, "", `${url.pathname}${url.search}${url.hash}`); + } + if (rerender && typeof renderRecruiterDrawer === "function") renderRecruiterDrawer(lang()); + } + + function recruiterCopy(language) { + return language === "tr" + ? { + label: "İK MODU V2", + title: "Role göre kanıt özeti", + lead: "Aynı portfolyoyu hedef role göre yeniden sıralar; iddia yerine ilgili proje ve deneyim kanıtını öne çıkarır.", + choose: "Profil odağı", + primary: "Ana kimlik", + focus: "Odak", + skills: "Ana yetkinlikler", + roles: "Rol uyumu", + proof: "Önerilen kanıt", + cv: "CV'yi Görüntüle", + email: "E-posta", + close: "Kapat", + updated: "Portfolyo verisi" + } + : { + label: "RECRUITER MODE V2", + title: "Evidence summary by role", + lead: "Reorders the same portfolio for a target role and prioritizes project evidence over generic claims.", + choose: "Profile focus", + primary: "Primary profile", + focus: "Focus", + skills: "Core capabilities", + roles: "Role fit", + proof: "Recommended evidence", + cv: "View Resume", + email: "Email Me", + close: "Close", + updated: "Portfolio data" + }; + } + + function renderRecruiterV2(language = lang()) { + const drawer = document.querySelector("[data-recruiter-drawer]"); + if (!drawer) return; + const hadFocus = drawer.contains(document.activeElement); + const profile = registry.recruiterProfiles[state.role] || registry.recruiterProfiles["applied-ai"]; + const copy = recruiterCopy(language); + drawer.innerHTML = ` +
+ +

${esc(copy.label)}

+

${esc(copy.title)}

+

${esc(copy.lead)}

+
${esc(pick(registry.profile.availability, language))}
+
${esc(copy.updated)} · ${esc(registry.updatedAt)}
+

${esc(copy.choose)}

+
+ ${Object.entries(registry.recruiterProfiles).map(([id, item]) => ``).join("")} +
+

${esc(copy.primary)}

+
${esc(pick(profile.profile, language))}
+

${esc(copy.focus)}

+
${profile.focus.map((item) => `${esc(item)}`).join("")}
+

${esc(copy.skills)}

+ +

${esc(copy.roles)}

+
${profile.roles.map((item) => `${esc(item)}`).join("")}
+

${esc(copy.proof)}

+
${profile.evidence.map((id) => projectLinkMarkup(id, language)).join("")}
+
+ ${esc(copy.cv)} + ${esc(copy.email)} + LinkedIn +
+
`; + drawer.querySelector("[data-recruiter-close]")?.addEventListener("click", () => setRecruiterMode(false)); + drawer.querySelectorAll("[data-recruiter-role]").forEach((button) => { + button.addEventListener("click", () => setRole(button.dataset.recruiterRole)); + }); + if (hadFocus) drawer.querySelector("[data-recruiter-close]")?.focus(); + } + + function installRecruiterV2() { + if (typeof renderRecruiterDrawer !== "function" || typeof setRecruiterMode !== "function") return; + try { + renderRecruiterDrawer = renderRecruiterV2; + const initialRole = getRoleFromUrl(); + if (initialRole) state.role = initialRole; + renderRecruiterDrawer(lang()); + if (initialRole) setTimeout(() => setRecruiterMode(true, { restoreFocus: false }), 120); + } catch (error) { + console.warn("Recruiter Mode V2 could not replace legacy renderer", error); + } + } + + function syncAjoop() { + if (typeof portfolioChatbotContent === "undefined" || typeof chatbotKeywordMap === "undefined") return; + const p = registry.projects; + const roleSummary = (language) => Object.values(registry.recruiterProfiles) + .map((item) => pick(item.label, language)) + .join(" · "); + + const copy = { + en: { + greeting: "Hey — Ajoop 3.0 here. I use the portfolio evidence registry to explain Kaan's current projects, role fit and proof. Ask about SINAMA, Merge Rush, Applied AI, Solution Engineering or the latest build.", + quicks: [ + { id: "sinama", label: "SINAMA evidence" }, + { id: "mergeRush", label: "Merge Rush evidence" }, + { id: "roles", label: "Role fit" }, + { id: "latestBuild", label: "Latest build" }, + { id: "projects", label: "Best projects" }, + { id: "cv", label: "CV & contact" } + ] + }, + tr: { + greeting: "Selam — Ajoop 3.0 burada. Kaan'ın güncel projelerini, role uygunluğunu ve kanıtlarını portfolio evidence registry üzerinden anlatıyorum. SINAMA, Merge Rush, Applied AI, Solution Engineering veya son build'i sorabilirsin.", + quicks: [ + { id: "sinama", label: "SINAMA kanıtı" }, + { id: "mergeRush", label: "Merge Rush kanıtı" }, + { id: "roles", label: "Role uygunluk" }, + { id: "latestBuild", label: "Son build" }, + { id: "projects", label: "En iyi projeler" }, + { id: "cv", label: "CV & iletişim" } + ] + } + }; + + ["en", "tr"].forEach((language) => { + const target = portfolioChatbotContent[language]; + if (!target) return; + target.greeting = copy[language].greeting; + target.quicks = copy[language].quicks; + target.answers.sinama = { + text: [ + `${p.sinama.name}: ${pick(p.sinama.summary, language)} Evidence: ${p.sinama.proof.slice(0, 3).map((item) => pick(item, language)).join("; ")}.`, + language === "tr" ? "SINAMA'nın güçlü tarafı yalnızca chat çıktısını değil transcript + Tool Trace + workflow contract kanıtını release kararına bağlaması." : "SINAMA's strongest proof is that it connects transcript + Tool Trace + workflow-contract evidence to a release decision." + ], + links: [ + { label: language === "tr" ? "SINAMA Vaka Çalışması" : "SINAMA Case Study", url: p.sinama.links.caseStudy }, + { label: language === "tr" ? "Canlı Ürün" : "Live Product", url: p.sinama.links.live }, + { label: "GitHub", url: p.sinama.links.github } + ] + }; + target.answers.mergeRush = { + text: [ + `${p.mergeRush.name}: ${pick(p.mergeRush.summary, language)} Evidence: ${p.mergeRush.proof.slice(0, 4).map((item) => pick(item, language)).join("; ")}.`, + language === "tr" ? "Proje aktif geliştirmede; public case study gerçek implementasyon ve QA kanıtını gösteriyor, private repo'yu açmıyor." : "The project is in active development; the public case study exposes implemented systems and QA evidence without exposing the private repository." + ], + links: [{ label: language === "tr" ? "Merge Rush Vaka Çalışması" : "Merge Rush Case Study", url: p.mergeRush.links.caseStudy }] + }; + target.answers.roles = { + text: [ + language === "tr" ? `Role profilleri: ${roleSummary(language)}. İK Modu V2 aynı portfolyoyu seçilen role göre kanıt sırasıyla yeniden düzenler.` : `Role profiles: ${roleSummary(language)}. Recruiter Mode V2 reorders the same portfolio by evidence for the selected role.`, + language === "tr" ? "Applied AI için SINAMA + CBOT yönü; Solution Engineering için CBOT + SINAMA + Joyday; Software için SINAMA backend + Hospital; Game için Merge Rush öne çıkar." : "Applied AI prioritizes SINAMA + CBOT; Solution Engineering prioritizes CBOT + SINAMA + Joyday; Software prioritizes SINAMA backend + Hospital; Game prioritizes Merge Rush." + ], + links: [{ label: language === "tr" ? "İK Modunu aç" : "Open Recruiter Mode", url: "index.html?role=applied-ai" }, { label: language === "tr" ? "Hakkımda" : "About", url: "about.html" }] + }; + target.answers.latestBuild = { + text: registry.buildLog.slice(0, 3).map((entry) => `${entry.date} · ${entry.area} · ${pick(entry.title, language)} — ${pick(entry.detail, language)}`), + links: [{ label: language === "tr" ? "Build Log" : "Build Log", url: "now.html" }] + }; + target.answers.projects = { + text: [ + language === "tr" ? "Güncel iki flagship ürün SINAMA ve Merge Rush. SINAMA Applied AI / reliability engineering; Merge Rush game-system / interactive product engineering tarafının ana kanıtı. Joyday gerçek işletme ürünü, AI Chatbot Flow Design ise enterprise conversational-AI deneyiminin güçlü desteği." : "The two current flagship products are SINAMA and Merge Rush. SINAMA is the main Applied AI / reliability-engineering proof; Merge Rush is the main game-system / interactive-product proof. Joyday adds real-business product ownership and AI Chatbot Flow Design adds enterprise conversational-AI evidence." + ], + links: [{ label: language === "tr" ? "Projeler" : "Works", url: "works.html" }, { label: "SINAMA", url: p.sinama.links.caseStudy }, { label: "Merge Rush", url: p.mergeRush.links.caseStudy }] + }; + }); + + const upsert = (id, keywords) => { + let entry = chatbotKeywordMap.find((item) => item.id === id); + if (!entry) { + entry = { id, keywords: [] }; + chatbotKeywordMap.unshift(entry); + } + const known = new Set(entry.keywords.map((item) => item.toLowerCase())); + keywords.forEach((keyword) => { + if (!known.has(keyword.toLowerCase())) entry.keywords.push(keyword); + }); + }; + upsert("sinama", ["sinama", "reliability", "regression", "readiness", "tool trace", "agent test"]); + upsert("mergeRush", ["merge rush", "tiny factory", "phaser", "playables", "factory run", "endless"]); + upsert("roles", ["applied ai", "solution engineer", "forward deployed", "role fit", "pozisyon", "uygunluk"]); + upsert("latestBuild", ["latest", "build", "now", "son build", "güncel", "ne yapıyor"]); + if (typeof updatePortfolioChatbotLanguage === "function") updatePortfolioChatbotLanguage(lang()); + } + + function extendCommands() { + if (typeof ultimateContent === "undefined") return; + const commands = { + en: [ + { id: "labs-v2", label: "Open Kaan Labs", hint: "Technical experiments", keywords: "labs experiments canvas ai flow", type: "nav", value: "labs.html" }, + { id: "now-v2", label: "Open Build Log", hint: "What is being built now", keywords: "now build log latest status", type: "nav", value: "now.html" }, + { id: "applied-ai-role", label: "Applied AI Recruiter View", hint: "Open role-specific evidence", keywords: "applied ai role recruiter", type: "nav", value: "index.html?role=applied-ai" } + ], + tr: [ + { id: "labs-v2", label: "Kaan Labs'i Aç", hint: "Teknik deneyler", keywords: "labs deneyler canvas ai flow", type: "nav", value: "labs.html" }, + { id: "now-v2", label: "Build Log'u Aç", hint: "Şu an ne geliştiriliyor", keywords: "now build log son durum güncel", type: "nav", value: "now.html" }, + { id: "applied-ai-role", label: "Applied AI İK Görünümü", hint: "Role özel kanıt görünümü", keywords: "applied ai role ik recruiter", type: "nav", value: "index.html?role=applied-ai" } + ] + }; + ["en", "tr"].forEach((language) => { + commands[language].forEach((command) => { + if (!ultimateContent[language].commands.some((item) => item.id === command.id)) ultimateContent[language].commands.push(command); + }); + }); + if (typeof renderCommandPalette === "function") renderCommandPalette(lang()); + } + + function buildLogMarkup(entry, language) { + const statusLabel = { + shipped: language === "tr" ? "Shipped" : "Shipped", + building: language === "tr" ? "Building" : "Building", + integration: language === "tr" ? "Integration" : "Integration" + }[entry.status] || entry.status; + return `
${esc(entry.area)}${esc(statusLabel)}

${esc(pick(entry.title, language))}

${esc(pick(entry.detail, language))}

`; + } + + function renderBuildLogs() { + document.querySelectorAll("[data-build-log]").forEach((container) => { + const limit = Number(container.dataset.buildLogLimit || registry.buildLog.length); + container.innerHTML = registry.buildLog.slice(0, limit).map((entry) => buildLogMarkup(entry, lang())).join(""); + }); + } + + function renderLabCards() { + document.querySelectorAll("[data-labs-grid]").forEach((container) => { + container.innerHTML = registry.labs.map((item) => `
${esc(pick(item.type))}

${esc(item.title)}

${esc(pick(item.description))}

${item.tags.map((tag) => `${esc(tag)}`).join("")}
${lang() === "tr" ? "Deneyi aç" : "Open experiment"}
`).join(""); + }); + } + + function renderEvidenceExplorer() { + const root = document.querySelector("[data-sinama-evidence]"); + if (!root) return; + const language = lang(); + const scenario = registry.sinamaEvidence[state.evidenceScenario]; + const labels = language === "tr" + ? { conversation: "Conversation", tools: "Tool Trace", evaluation: "Evaluation", healthy: "Healthy Run", broken: "Broken Run", verdict: "Release verdict" } + : { conversation: "Conversation", tools: "Tool Trace", evaluation: "Evaluation", healthy: "Healthy Run", broken: "Broken Run", verdict: "Release verdict" }; + root.innerHTML = ` +
+ + +
+
${esc(labels.verdict)}${esc(scenario.status)}

${esc(pick(scenario.summary, language))}

+
+

${esc(labels.conversation)}

${scenario.conversation.map((turn) => `
${esc(turn.speaker)}

${esc(pick(turn.text, language))}

`).join("")}
+

${esc(labels.tools)}

    ${scenario.toolTrace.map((tool) => `
  1. ${esc(tool)}
    2. `).join("")}
+

${esc(labels.evaluation)}

+
`; + root.querySelectorAll("[data-evidence-scenario]").forEach((button) => { + button.addEventListener("click", () => { + state.evidenceScenario = button.dataset.evidenceScenario; + renderEvidenceExplorer(); + }); + }); + } + + function installRequestReceipt() { + const status = document.querySelector("[data-request-status]"); + if (!status || !window.MutationObserver) return; + const observer = new MutationObserver(() => { + if (!status.classList.contains("success") || status.querySelector("[data-request-receipt]")) return; + const receipt = document.createElement("div"); + receipt.className = "request-receipt"; + receipt.dataset.requestReceipt = ""; + const stamp = new Date(); + const reference = `KB-${stamp.getFullYear()}${String(stamp.getMonth() + 1).padStart(2, "0")}${String(stamp.getDate()).padStart(2, "0")}-${String(stamp.getHours()).padStart(2, "0")}${String(stamp.getMinutes()).padStart(2, "0")}`; + receipt.innerHTML = `${lang() === "tr" ? "Tarayıcı gönderim referansı" : "Browser submission reference"}: ${esc(reference)}${lang() === "tr" ? "Bu referans server confirmation değildir; Apps Script no-cors akışı nedeniyle tarayıcı teslimatı doğrulayamaz." : "This is not a server confirmation; the browser cannot verify delivery through the Apps Script no-cors flow."}`; + status.appendChild(receipt); + }); + observer.observe(status, { childList: true, subtree: true, attributes: true }); + } + + function installLanguageObserver() { + const observer = new MutationObserver((records) => { + if (!records.some((record) => record.attributeName === "lang")) return; + applyUnifiedCopy(); + syncAjoop(); + renderBuildLogs(); + renderLabCards(); + renderEvidenceExplorer(); + if (typeof renderRecruiterDrawer === "function") renderRecruiterDrawer(lang()); + }); + observer.observe(document.documentElement, { attributes: true, attributeFilter: ["lang"] }); + } + + function init() { + applyUnifiedCopy(); + installRecruiterV2(); + syncAjoop(); + extendCommands(); + renderBuildLogs(); + renderLabCards(); + renderEvidenceExplorer(); + installRequestReceipt(); + installLanguageObserver(); + } + + if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", init, { once: true }); + else init(); +})(); From 833e48e5d642319b49b2a5ff347ad7ed8b1fe3df Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:27:11 +0300 Subject: [PATCH 03/32] feat: add portfolio v2 interface styles --- portfolio-v2.css | 1 + 1 file changed, 1 insertion(+) create mode 100644 portfolio-v2.css diff --git a/portfolio-v2.css b/portfolio-v2.css new file mode 100644 index 0000000..7790da3 --- /dev/null +++ b/portfolio-v2.css @@ -0,0 +1 @@ +.recruiter-card-v2{max-width:680px}.recruiter-data-note{display:inline-flex;align-items:center;gap:.45rem;margin:.25rem 0 1.15rem;color:var(--muted);font-size:.78rem;font-weight:800}.recruiter-role-switch{display:flex;flex-wrap:wrap;gap:.55rem;margin:.55rem 0 1.2rem}.recruiter-role-switch button{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted);padding:.6rem .8rem;font:inherit;font-size:.78rem;font-weight:850;cursor:pointer}.recruiter-role-switch button:hover,.recruiter-role-switch button.active{color:var(--text);border-color:rgba(56,189,248,.45);background:rgba(56,189,248,.12)}.recruiter-capability-list{display:grid;gap:.6rem}.build-log-list{display:grid;gap:1rem}.build-log-item{display:grid;grid-template-columns:110px minmax(0,1fr);gap:1.2rem;padding:1.1rem 0;border-bottom:1px solid var(--line)}.build-log-item time{color:var(--muted);font-size:.8rem;font-weight:850}.build-log-item h3{margin:.25rem 0 .35rem;font-size:1.05rem}.build-log-item p{color:var(--muted)}.build-log-meta{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.build-log-meta>span:first-child{color:var(--brand);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.build-log-status{padding:.26rem .5rem;border:1px solid var(--line);border-radius:999px;font-size:.68rem;font-weight:900}.build-log-status.is-shipped{color:var(--success);border-color:rgba(52,211,153,.3);background:rgba(52,211,153,.08)}.build-log-status.is-building{color:var(--warning);border-color:rgba(251,191,36,.3);background:rgba(251,191,36,.08)}.build-log-status.is-integration{color:var(--brand);border-color:rgba(56,189,248,.3);background:rgba(56,189,248,.08)}.labs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.lab-card{padding:1.3rem;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.lab-card-top{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem;color:var(--brand);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.lab-card-top i{font-size:1.35rem}.lab-card h3{font-size:1.25rem;margin-bottom:.45rem}.lab-card p{color:var(--muted);margin-bottom:1rem}.lab-card>a{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;color:var(--brand);font-weight:850}.evidence-explorer{padding:1.2rem;border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:var(--shadow)}.evidence-toolbar{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:1rem}.evidence-toolbar button{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted);padding:.62rem .85rem;font:inherit;font-size:.8rem;font-weight:900;cursor:pointer}.evidence-toolbar button.active{color:var(--text);border-color:rgba(56,189,248,.45);background:rgba(56,189,248,.12)}.evidence-verdict{padding:1rem 1.1rem;border:1px solid var(--line);border-radius:18px;margin-bottom:1rem}.evidence-verdict span{display:block;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.evidence-verdict strong{display:block;font-size:1.45rem;margin:.2rem 0}.evidence-verdict p{color:var(--muted)}.evidence-verdict.is-ready{border-color:rgba(52,211,153,.3);background:rgba(52,211,153,.06)}.evidence-verdict.is-ready strong{color:var(--success)}.evidence-verdict.is-blocked{border-color:rgba(251,113,133,.32);background:rgba(251,113,133,.06)}.evidence-verdict.is-blocked strong{color:var(--danger)}.evidence-grid{display:grid;grid-template-columns:1.15fr .85fr 1fr;gap:1rem}.evidence-grid>article{padding:1rem;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}.evidence-conversation{display:grid;gap:.75rem}.evidence-conversation>div{padding:.8rem;border-radius:14px;background:rgba(255,255,255,.045)}.evidence-conversation strong{display:block;color:var(--brand);font-size:.74rem;text-transform:uppercase;letter-spacing:.07em}.evidence-conversation p{margin-top:.25rem;color:var(--text)}.evidence-tools,.evidence-findings{display:grid;gap:.65rem;list-style:none}.evidence-tools li{padding:.72rem;border:1px solid var(--line);border-radius:12px}.evidence-tools code{color:var(--brand);font-size:.8rem}.evidence-findings li{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:start;padding:.72rem;border:1px solid var(--line);border-radius:12px}.evidence-findings li strong{font-size:.72rem}.evidence-findings li.is-pass strong{color:var(--success)}.evidence-findings li.is-fail strong{color:var(--danger)}.request-receipt{display:grid;gap:.2rem;margin-top:.8rem;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);font-size:.78rem}.request-receipt span{color:var(--muted)}.flagship-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.flagship-focus-card{display:flex;flex-direction:column;min-height:100%;padding:1.35rem;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.flagship-focus-card .project-status{align-self:flex-start}.flagship-focus-card h3{margin:.8rem 0 .55rem;font-size:1.35rem}.flagship-focus-card p{color:var(--muted)}.flagship-focus-card .hero-actions{margin-top:auto;padding-top:1rem}.qa-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.qa-proof-grid article{padding:.9rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}.qa-proof-grid strong{display:block;color:var(--brand)}.qa-proof-grid span{color:var(--muted);font-size:.82rem}.section-kicker-row{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-kicker-row>a{color:var(--brand);font-weight:850}.compact-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.compact-evidence-grid article{padding:1.15rem;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.compact-evidence-grid p{color:var(--muted)}html[data-theme="light"] .lab-card,html[data-theme="light"] .evidence-explorer,html[data-theme="light"] .flagship-focus-card,html[data-theme="light"] .compact-evidence-grid article{background:rgba(255,255,255,.9)}@media(max-width:900px){.evidence-grid{grid-template-columns:1fr}.qa-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-evidence-grid{grid-template-columns:1fr}.flagship-pair{grid-template-columns:1fr}}@media(max-width:680px){.labs-grid{grid-template-columns:1fr}.build-log-item{grid-template-columns:1fr;gap:.45rem}.qa-proof-grid{grid-template-columns:1fr}.recruiter-role-switch{display:grid;grid-template-columns:1fr 1fr}.recruiter-role-switch button{width:100%}} \ No newline at end of file From c44cd90eb5905a619015a96ec62b36076db00974 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:28:03 +0300 Subject: [PATCH 04/32] refactor: simplify homepage around flagship evidence --- index.html | 138 +++++++++++++++++------------------------------------ 1 file changed, 44 insertions(+), 94 deletions(-) diff --git a/index.html b/index.html index 15afac9..1c88e73 100644 --- a/index.html +++ b/index.html @@ -3,44 +3,31 @@ - - + + - - +Kaan Balcı | Applied AI, Solutions & Software + + + + + + + - + - -Kaan Balcı | AI Designer & Software Developer - + + + - - - - - - - - - - +
@@ -53,93 +40,56 @@

AI Designer & Software Developer

-

I design AI workflows and build reliable, testable software products.

-

My work connects conversational AI, agent reliability, solution engineering, LLM evaluation, workflow automation and product development. I focus on systems that can be tested, explained and improved — not just demos that look good once.

-
View ProjectsContact MeRequest a Project
-
AI Agent ReliabilityConversational AISolution EngineeringLLM EvaluationWorkflow AutomationFastAPITypeScriptPhaser
+

I build reliable AI systems and product-minded software.

+

My current direction combines Applied AI, agent reliability, solution engineering, conversational AI and hands-on software development. I focus on systems that can be tested, explained and improved.

+
View ProjectsContact
+
AI Agent ReliabilityApplied AISolution EngineeringFastAPITypeScriptLLM Evaluation
-
Kaan Balcı profile photo
Available for AI & Software rolesIstanbul / Remote
50+Academic, personal, freelance & team projects
25+Certificates
-
- -
-
AI Agent ReliabilityScenario testing, evidence and release readiness
-
Conversational AIChatbot flows and enterprise AI workflows
-
Product EngineeringFrontend, backend, state and platform architecture
-
Software ProductsWeb, desktop, mobile and interactive applications
+
Kaan Balcı profile photo
Available for AI & Software rolesIstanbul / Remote
SINAMALive AI reliability product
Merge RushActive game product
-

What I do

From AI workflows to working software.

I combine software logic, automation thinking and practical AI experience to design systems that are clear, usable and maintainable.

-
-

AI Agent Reliability & Evaluation

Multi-turn scenarios, deterministic workflow checks, regression evidence, release-readiness logic and advisory semantic evaluation.

-

Conversational AI & Flow Design

Chatbot flows, intent and response logic, QA, fallback paths, IVR and multi-channel interaction design.

-

Software Development

Python/FastAPI services, TypeScript interfaces, C#/.NET systems, APIs, persistence and product-focused frontend work.

-

Interactive Product & Game Development

Responsive browser games, gameplay state, progression systems, input design, platform adapters and product iteration.

+

Flagship work

Two products define my current engineering direction.

SINAMA shows Applied AI and reliability engineering. Merge Rush shows interactive product, gameplay-state and platform architecture.

+
+
Applied AILive MVP

SINAMA — AI Agent Reliability Lab

Repeatable multi-turn testing, deterministic workflow evidence, regression comparison, version trends and release-readiness decisions across insurance and e-commerce.

FastAPIPostgreSQLNext.jsAI Evaluation
Case StudyLive Product
+
Game ProductActive Development

Merge Rush: Tiny Factory

A Phaser 3 + TypeScript merge game with timed orders, factory restoration, progressive board unlocks, multi-cell pieces and platform-aware architecture.

Phaser 3TypeScriptVitestYouTube Playables
Case StudyGame Portfolio
-

Tech stack matrix

Tools I use across AI, backend, product and games.

A quick matrix showing how technologies fit into real project work rather than a flat keyword list.

-
-
01

AI Reliability & Agent Systems

Scenario design, agent adapters, deterministic evaluation, regression comparison, semantic shadow evaluation and release evidence.

FastAPINext.jsPostgreSQLAI Evaluation
-
02

Software & Backend

Automation systems, APIs, database-backed applications and maintainable backend logic.

PythonC#/.NETREST APIsMySQLMSSQL
-
03

Web & Product

Responsive products, customer journeys, dashboards, forms and user-facing application flows.

JavaScriptTypeScriptReactResponsive UX
-
04

Games & Interactive Systems

Gameplay architecture, progression, responsive UI, platform lifecycle and browser-based interactive experiences.

Phaser 3TypeScriptUnityUnreal Engine
-
-
- -
-

Currently building

Two flagship products are shaping my current direction.

One focuses on reliable AI systems; the other on product-minded game engineering. Both are being iterated with tests, architecture and real product constraints.

-
-

SINAMA — AI Agent Reliability Lab

Live reliability product with insurance + e-commerce collections, regression comparison, version trends, release readiness and external agent testing. Current focus: calibration and stabilization.

-

Merge Rush: Tiny Factory

Phaser 3 + TypeScript merge game with timed orders, factory restoration, staged board unlocks, multi-cell pieces and a YouTube Playables-oriented platform architecture.

-

Joyday data & reservation analysis

Planning dashboards around reservation data, package demand, customer flow and operational tracking.

+

What I do

From business workflow to testable product.

+
+

AI Reliability & Evaluation

Multi-turn scenarios, tool evidence, regression analysis and release-readiness logic.

+

Solution Engineering

Translate customer and business requirements into clear workflows, integrations and implementation paths.

+

Software & Product Engineering

Python/FastAPI services, TypeScript products, databases, testing and maintainable product architecture.

+

Interactive Systems

Browser games, gameplay state, progression, responsive UI and platform abstraction.

-
-

AI workflow demo

See how I think through chatbot flow logic.

Select a scenario and the page will generate a simple AI flow map. This lightweight demo shows how I structure intents, steps and user journeys.

-
-
- -
-

Algorithmic 3D lab

Drag the model and see code turn math into motion.

A lightweight canvas demo built with vanilla JavaScript. The shape is generated from a triangular parametric mesh and rendered with perspective projection, depth sorting and mouse-controlled rotation.

-
Drag to rotate • Scroll to zoom

Vanilla JS

Triangular surface generated by an algorithm.

The mesh is calculated with barycentric coordinates, animated through a wave function and projected onto the canvas without any external 3D library.

Canvas3D ProjectionParametric MeshMouse Interaction
-
-
-

Recent experience

AI, automation and product-focused work.

My recent work is centered around AI-powered chatbot systems, LLM evaluation, automation flows and real business products.

See Experience
-
Jan 2026 – Present

Atölye Joyday – Co-Founder & Digital Product Developer

Building the studio’s website, reservation journey, automation workflows and digital product experience.

Sep 2025 – Oct 2025

CBOT – AI Designer

Contributed to enterprise chatbot QA, flow restructuring, multi-channel automation and an insurance claims intake POC.

Apr 2025 – Aug 2025

Outlier AI – AI Training Specialist

Evaluated LLM responses, reasoning, code and multimodal outputs through structured quality-assessment tasks.

-
- -
-
-

Featured AI case study

SINAMA — AI Agent Reliability Lab

A Turkish-first reliability platform that runs repeatable multi-turn scenarios, captures tool traces, evaluates workflow contracts, compares agent versions and turns the evidence into release-readiness decisions.

14Cross-vertical scenarios
2Insurance + e-commerce
READY / WARNING / BLOCKEDRelease Readiness
View Case StudyOpen Live Product
-
SINAMA wordmark on a dark cover card
-
+

Experience

Enterprise AI experience plus hands-on product ownership.

Recent work spans enterprise conversational AI at CBOT, structured LLM evaluation, and a live customer-facing product at Atölye Joyday.

See Experience
+
2026 – Present

Atölye Joyday — Co-Founder

Customer-facing digital product, reservation journey and operational automation.

2025

CBOT — AI Designer

Enterprise chatbot QA, stabilization, channel configuration and workflow restructuring.

2025

Outlier AI — AI Training Specialist

Structured evaluation of LLM responses, reasoning, code and multimodal outputs.

-

Featured works

Two flagship builds, supported by a broader product portfolio.

SINAMA demonstrates AI reliability engineering; Merge Rush demonstrates interactive product and game-system engineering. The rest of the catalog shows the breadth behind those directions.

-
-
SINAMA wordmark on a dark cover card
AI Agent ReliabilityFastAPINext.jsRelease Readiness

SINAMA — AI Agent Reliability Lab

Live AI reliability product with deterministic workflow evaluation, baseline/regression comparison, version trends, external agent testing and release-readiness evidence.

View Case StudyOpen Live Product
-
Merge Rush Tiny Factory portfolio cover
Phaser 3TypeScriptGame SystemsYouTube Playables

Merge Rush: Tiny Factory

Active-development merge game connecting timed orders, factory restoration, board-space pressure, progression and platform-ready game architecture.

View Case Study
-
AI Flow Puzzle node-based chatbot workflow cover
JavaScriptNode LogicValidation

AI Flow Puzzle

A live n8n-inspired browser game demonstrating chatbot flow structure, fallback logic, validation and user journey thinking.

View Case StudyPlay Live
-
Atölye Joyday official website preview
JavaScriptApps ScriptProduct UX

Atölye Joyday Official Website

A live digital product combining package-based reservation journeys, automated notifications and operational workflows.

View Case StudyOpen Live Website
-
Hospital Form App appointment management interface cover
C#/.NETWindows FormsMSSQL

Hospital Form App

A database-backed C# Windows Forms project demonstrating patient, doctor, secretary and appointment workflows.

View Case StudyView Source Archive
+

Selected evidence

Supporting proof beyond the two flagship products.

View all works →
+
+

AI Chatbot Flow Design

Enterprise conversational-AI workflow, QA and stabilization evidence.

View Details
+

Atölye Joyday

Real-business product ownership: web UX, package flow, reservations and automation.

View Case Study
+

Hospital Form App

C#/.NET and SQL Server workflow project preserved as a source archive.

View Case Study
-
View All Works
-
-

More experiments on GitHub

Additional learning projects and archived builds.

The main catalog highlights selected projects, while GitHub includes more university work, prototypes and experiments.

-

Java Projects

University and OOP practice repositories.

Python Projects

Automation, data and learning projects.

Calculator JS

Frontend logic and UI practice.

Weather App

JavaScript API and interface practice.

+
+

Latest build

A portfolio that shows what is being built now.

Open build log →
+
-

Contact hub

Let’s talk about AI systems, solution engineering or software products.

I am especially interested in Applied AI, AI Solutions, Forward Deployed / Solution Engineering, Conversational AI and product-minded software roles.

Request a ProjectEmail MeLinkedIn
+

Contact

Hiring for Applied AI, AI Solutions or product-minded software?

Use Recruiter Mode for role-specific evidence, or open the full project catalog.

Applied AI ViewRequest a ProjectEmailKaan Labs
-
Kaan Balcı logoKaan Balcı

AI Designer & Software Developer building practical AI workflows and software products.

© Kaan Balcı. All rights reserved.

+
Kaan Balcı logoKaan Balcı

AI Designer & Software Developer building reliable AI systems and product-minded software.

© Kaan Balcı. All rights reserved.

+ - + From 26d121f4608033aa1e25d9d6a3c1559112907960 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:28:28 +0300 Subject: [PATCH 05/32] feat: add Kaan Labs technical experiments page --- labs.html | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 labs.html diff --git a/labs.html b/labs.html new file mode 100644 index 0000000..9f15159 --- /dev/null +++ b/labs.html @@ -0,0 +1,21 @@ + + + + + +Kaan Labs | Technical Experiments + + + + + +
Kaan Balcı logoKaan BalcıOpen for work
+
+

Kaan Labs

Technical experiments have their own home now.

Labs separates experimental interaction work from the professional project catalog. These builds are intentionally smaller, playful and focused on one technical idea at a time.

Professional WorkGames
+

Experiment index

Small builds, clear technical questions.

+

Algorithmic 3D lab

Drag the model and see code turn math into motion.

A vanilla-JavaScript canvas model generated from a triangular parametric mesh with perspective projection, depth sorting and pointer-controlled rotation.

Drag to rotate • Scroll to zoom

Vanilla JS

Triangular surface generated by an algorithm.

The mesh is calculated with barycentric coordinates, animated through a wave function and projected onto Canvas without an external 3D library.

Canvas3D ProjectionParametric MeshMouse Interaction
+

Why Labs?

Experiments stay visible without diluting the main career story.

View Flagship WorkBuild Log
+
+
Kaan Balcı logoKaan Balcı

AI Designer & Software Developer.

© Kaan Balcı. All rights reserved.

+ + \ No newline at end of file From bd8b0a18427d4b8f39fd271f96543e32840a09bf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:28:50 +0300 Subject: [PATCH 06/32] feat: add living portfolio build log --- now.html | 4 ++++ 1 file changed, 4 insertions(+) create mode 100644 now.html diff --git a/now.html b/now.html new file mode 100644 index 0000000..c5f14b7 --- /dev/null +++ b/now.html @@ -0,0 +1,4 @@ + +Now / Build Log | Kaan Balcı +
Kaan Balcı logoKaan BalcıOpen for work
+

Now / Build Log

What I am building, not just what I have built.

A compact, evidence-oriented log of active product work. This page intentionally avoids long-form blogging and focuses on concrete changes in current projects.

SINAMAMerge RushAll Work

Current stream

Recent product and engineering checkpoints.

Architecture note

This log is rendered from the same registry used by Recruiter Mode and Ajoop.

One update can now propagate to multiple portfolio surfaces without duplicating project truth.

Recruiter ViewKaan Labs
Kaan Balcı logoKaan Balcı

AI Designer & Software Developer.

© Kaan Balcı. All rights reserved.

\ No newline at end of file From 26236b89cc3db1b8fcbe34b7087704834fd7b71b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:29:33 +0300 Subject: [PATCH 07/32] feat: add interactive SINAMA evidence explorer --- sinama-case-study.html | 150 ++++------------------------------------- 1 file changed, 13 insertions(+), 137 deletions(-) diff --git a/sinama-case-study.html b/sinama-case-study.html index 2d461c2..d87be23 100644 --- a/sinama-case-study.html +++ b/sinama-case-study.html @@ -1,138 +1,14 @@ - - - - - - - - -SINAMA — AI Agent Reliability Lab Case Study | Kaan Balcı - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-Kaan Balcı logoKaan Balcı -Open for work - -
-
-
-
-
-

AI Agent Reliability Project

-
Stable product track: Live MVP
-

SINAMA

-

A Turkish-first reliability lab that tests customer-service AI agents through repeatable multi-turn scenarios, deterministic workflow contracts, version-aware regression evidence and release-readiness policy.

-
Status
Live MVP
Year
2026
Role
Product Designer & Full-Stack Developer
Type
Independent Reliability Product
-
Next.jsReactPythonFastAPIPostgreSQLAI EvaluationVercelRailway
-
Open Live ProductView GitHub
-
-
SINAMA AI Agent Reliability Lab product cover
-
- -
-
14Cross-vertical suite scenarios
-
2Proven domains
-
10/10Healthy insurance baseline
-
READY / WARNING / BLOCKEDRelease-readiness policy
-
- -
-

Problem

A fluent agent can still behave incorrectly.

-

Customer-service agents are not just chat interfaces. They trigger tools, move through business workflows, handle sensitive context and make decisions whose order matters.

A conversation can look successful while the underlying tool trace contains a premature submission, duplicate side effect, missing prerequisite or unsafe handoff. SINAMA treats that behavior as testable evidence.

Product question

Is this agent version reliable enough to release?

The product turns that question into a repeatable pipeline: collection → execution → transcript/tool trace → deterministic evaluation → regression/trends → release readiness.

-
- -
-

How it works

One evidence pipeline from target selection to release verdict.

-
  1. 01Select a scenario pack or typed suite
  2. 02Choose the built-in demo or compatible external HTTPS agent
  3. 03Run repeatable multi-turn conversations
  4. 04Capture transcript and structured Tool Trace
  5. 05Evaluate deterministic behavioral contracts
  6. 06Inspect failures, compare versions, track trends and read readiness
-
SINAMA Test Runs configuration page
The Test Runs surface keeps collection, target and run configuration in one workflow.
-
- -
-

Cross-vertical proof

The same evaluator now proves reliability across insurance and e-commerce.

-

Insurance Reliability Pack v1

10 hand-reviewed Turkish scenarios covering tool policy, privacy/safety, handoff, prompt injection pressure, context retention, ambiguity, noisy Turkish input, repeated requests and failed-tool recovery.

E-commerce Reliability Pack v1

4 hand-reviewed Turkish scenarios covering refund ordering, failed lookup recovery, high-value damaged-item escalation and duplicate-refund prevention.

Customer Service Core Suite v1

A typed 14-scenario suite composing both packs through the same RunService, evaluator, persistence, regression, trends and readiness stack.

-
- -
-

Reliability proof

A controlled broken agent proves the evaluator catches behavior, not crashes.

-

Healthy

10 PASS · 0 FAIL · 0 ERROR

The healthy built-in insurance target completes the full ten-scenario pack.

Broken: Premature Submission

5 PASS · 5 FAIL · 0 ERROR

Execution still completes normally. Five scenarios fail because submit_claim appears before the required damage_photo prerequisite exists — exactly the kind of behavioral regression a fluent transcript can hide.

-
- -
-

Deterministic evaluation

Workflow contracts are explicit and inspectable.

-
Tool policyRequired / forbidden tools and tool-call-count limits.
Workflow orderingTyped prerequisites ensure one action cannot happen before another.
Structured argumentsExact values, required fields, one-of rules, regex full-match and numeric ranges.
Response behaviorRequired/forbidden phrases and repeated-response detection complement tool evidence.
-

Each failed rule can expose machine-readable evidence and a structured human-readable Failure with severity, expected vs. actual behavior and a suggested correction.

-
- -
-

Regression intelligence

A test result becomes release evidence across versions.

-

Baseline & comparison

Completed collection runs can become baselines. Later compatible runs expose score and metric deltas plus New / Resolved / Persistent failure sets.

Version trends

Optional agent_version metadata supports chronological reliability history without reopening full transcript payloads for every trend query.

Release Readiness

READY / WARNING / BLOCKED is derived from lifecycle errors, deterministic failure severity, regression evidence and baseline compatibility — not from a second opaque score.

-
- -
-

External agents & security

Bring an HTTPS agent without treating the destination as trusted input.

-

The external adapter lets compatible customer-service agents run through the same insurance, e-commerce or suite evidence pipeline.

  • HTTPS required in production
  • Local/private/link-local/cloud-metadata destinations blocked
  • DNS validated and connection pinned to validated public address
  • Redirects and environment proxies disabled
  • Bearer tokens remain ephemeral and are not persisted

Persistence

Memory + PostgreSQL

The same run-store interface supports bounded in-memory development and durable PostgreSQL history. Railway applies Alembic migrations before deployment while runtime startup keeps schema migration out of the request-serving path.

-
- -
-
Develop / integration track

Semantic Judge — Shadow Mode

Semantic evidence is being added without weakening deterministic ground truth.

-

The integration branch now contains an optional shadow judge for genuinely semantic expectations such as unsupported promises, user-intent satisfaction and internal-instruction disclosure.

It runs only after deterministic scoring and PII masking, and it can report PASS / FAIL / UNCERTAIN with cited assistant turns and provider metadata.

Important release boundary: Semantic Shadow is advisory-only in the current integration track. A semantic fail, timeout or provider error cannot change deterministic scenario status, metrics, failures, regression direction or Release Readiness.

This section is intentionally labeled as integration work rather than pretending it is already part of the stable release.

-
- -

What the project demonstrates

Applied AI work is not only model prompting — it is product logic, evaluation, evidence, security and release discipline.

SINAMA is the clearest example in my portfolio of combining AI evaluation, backend architecture, product UX and software reliability thinking in one working system.

Live ProductGitHub
-
-
Kaan Balcı logoKaan Balcı

AI Designer & Software Developer building practical AI workflows and software products.

© Kaan Balcı. All rights reserved.

- - - - +SINAMA — AI Agent Reliability Lab Case Study | Kaan Balcı +
Kaan Balcı logoKaan BalcıOpen for work
+

Applied AI / Agent Reliability

Stable product track: Live MVP

SINAMA

A Turkish-first reliability lab that tests customer-service AI agents through repeatable multi-turn scenarios, deterministic workflow contracts, version-aware regression evidence and release-readiness policy.

Status
Live MVP
Year
2026
Role
Product Designer & Full-Stack Developer
Type
Independent Reliability Product
Next.jsReactPythonFastAPIPostgreSQLAI EvaluationVercelRailway
Open Live ProductView GitHub
SINAMA AI Agent Reliability Lab product cover
+
14Cross-vertical suite scenarios
2Insurance + e-commerce domains
10/10Healthy insurance baseline
READY / WARNING / BLOCKEDRelease-readiness policy
+

Problem

A fluent agent can still behave incorrectly.

Customer-service agents do more than generate text. They trigger tools, move through business workflows, handle sensitive context and make decisions whose order matters.

A conversation may look successful while the underlying tool trace contains a premature submission, duplicate side effect, missing prerequisite or unsafe handoff. SINAMA treats that behavior as testable evidence.

Product question

Is this agent version reliable enough to release?

The product turns that question into a repeatable pipeline: collection → execution → transcript/tool trace → deterministic evaluation → regression/trends → release readiness.

+

Interactive proof

See the difference between a healthy run and a blocked run.

This static evidence explorer uses a simplified, sanitized example of SINAMA's real evaluation logic: conversation context, Tool Trace and deterministic findings are shown together.

+

How it works

One evidence pipeline from target selection to release verdict.

  1. 01Select a scenario pack or typed suite
  2. 02Choose the built-in demo or compatible external HTTPS agent
  3. 03Run repeatable multi-turn conversations
  4. 04Capture transcript and structured Tool Trace
  5. 05Evaluate deterministic behavioral contracts
  6. 06Compare versions, trends and release readiness
+

Deterministic engine

Reliability is expressed as explicit contracts, not vibes.

Tool requirements

Required tools, forbidden actions, tool-count constraints and structured argument checks.

Workflow order

Prerequisites, call ordering, existence checks and side-effect discipline.

Response contracts

Required/forbidden phrases, regex full-match rules, numeric ranges and repeat limits.

Machine-readable evidence

Failures, metrics and evidence are structured so runs can be compared and reviewed.

+

Regression & release

A test run becomes a release signal.

Baseline & regression

Runs can be marked as baselines and compared across agent versions. The product distinguishes improved, stable and regressed behavior, including new, resolved and persistent failures.

Release Readiness

Execution errors and HIGH/CRITICAL failures or regressions can block release. MEDIUM/LOW issues or missing baseline context can warn. Healthy evidence can produce READY.

+

Semantic Judge — shadow mode

Advisory semantics without overriding deterministic truth.

Develop / integration track

The semantic judge is an advisory integration track for explicit rubrics such as unsupported promises, user-intent satisfaction and internal-instruction disclosure. It runs after deterministic scoring and PII masking, and it cannot change deterministic status, severity, metrics, failures, regression or readiness.

+

Engineering stack

Product architecture built for repeatability.

Frontend

Next.js / React dashboard for scenarios, runs, failures, regression and readiness.

Backend

FastAPI / Python runner, evaluator, adapters and persistence layer.

Persistence

PostgreSQL-backed storage designed for Railway and Supabase-compatible deployment paths.

Safety

PII masking and SSRF-aware external-agent constraints protect evaluation boundaries.

+

Role evidence

SINAMA is the strongest Applied AI / AI Reliability proof in this portfolio.

Applied AI Recruiter ViewBuild LogAll Work
+
Kaan Balcı logoKaan Balcı

AI Designer & Software Developer building reliable AI systems and product-minded software.

© Kaan Balcı. All rights reserved.

\ No newline at end of file From 42f6f38bfbfd4f83361fe8ae70876017db20684f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:30:24 +0300 Subject: [PATCH 08/32] feat: strengthen Merge Rush proof and QA evidence --- merge-rush-case-study.html | 151 ++++--------------------------------- 1 file changed, 13 insertions(+), 138 deletions(-) diff --git a/merge-rush-case-study.html b/merge-rush-case-study.html index 9e99274..aaa6916 100644 --- a/merge-rush-case-study.html +++ b/merge-rush-case-study.html @@ -1,139 +1,14 @@ - - - - - - - - -Merge Rush: Tiny Factory Case Study | Kaan Balcı - - - - - - - - - - - - - - - - - - - - - - - - - -
-Kaan Balcı logoKaan Balcı -Open for work - -
-
-
-
-
-

Game Product Development

-
Active development — not presented as a finished release
-

Merge Rush: Tiny Factory

-

A factory-themed merge game where short-term order pressure feeds a longer restoration loop: merge parts, fulfill timed orders, earn Repair Energy and progressively reopen the factory floor.

-
-
Status
Active Development
-
Year
2026
-
Role
Game Developer & Product Designer
-
Direction
YouTube Playables
-
-
Phaser 3TypeScriptViteResponsive UIGame StatePlatform AdapterVitest
-
View Game PortfolioView All Projects
-

The development repository is private while the product is still being iterated.

-
-
Merge Rush Tiny Factory merge board, active order and factory repair loop
-
- -
-
4 minFactory Run target
-
5Restoration stages
-
25Progressively unlocked cells
-
2Factory Run + Endless
-
- -
-

Product problem

Make merge decisions matter beyond matching two identical items.

-
-

The early prototype proved that the basic merge interaction worked, but it was too easy to finish while using only a small part of the board. That reduced space-management pressure and made progression feel shallow.

The redesign turns board space, order timing and factory restoration into one connected product loop instead of treating score as the only objective.

-

Design goal

Readable in seconds, deeper over the full run.

The player should immediately understand drop → merge → order, then discover a second layer: larger footprints, staged board unlocks, repair progression, combos and failure pressure.

-
-
- -
-

Core loop

Short-term orders power long-term restoration.

-
  1. 01Drop parts from the next queue
  2. 02Merge matching tiers
  3. 03Fulfill the active timed order
  4. 04Earn score, combo and Repair Energy
  5. 05Restore the next factory stage
  6. 06Unlock more board space and higher pressure
-
- -
-

Progression system

The factory itself becomes the run's visible progress bar.

-
-

01 — Emergency Power

The run starts on a compact usable area so every early placement matters.

-

02 — Assembly Line

Repair Energy unlocks more cells and expands the decision space.

-

03 — Generator

Higher-tier order weights increase the need to plan merges ahead.

-

04 — Robotics Bay

Larger multi-cell items make free space and item orientation part of the puzzle.

-

05 — Factory Core

The final stage forces a Tier 6 Factory Core order as the Factory Run objective.

-
-
- -
-

Gameplay engineering

Footprint-aware rules make the board a real constraint.

-
Multi-cell occupancyHigher tiers can occupy 2×1, 1×2 or 2×2 footprints instead of every item behaving like one cell.
Preview before commitDrag/drop placement is validated before the board state is mutated, making invalid moves readable and safer.
Deadlock-aware stateThe rules check legal delivery, merge, placement and movement options against currently usable cells.
Endless damage loopWrong actions can damage free cells; successful deliveries build repair progress that reopens them.

Why it matters

The board is no longer decorative space.

Space becomes a resource. A merge may create the correct item but still be tactically poor if its larger upgraded footprint blocks a future order path. This is the main change that moves the prototype toward a real merge-puzzle product.

-
- -
-

Production architecture

Gameplay is separated from platform concerns.

-

The current development track adds a platform abstraction rather than wiring YouTube-specific behavior directly into gameplay. LocalAdapter and platform lifecycle components keep local development testable while preserving a path to YouTube Playables integration.

Audio management, boot coordination, game-save handling, readiness checks and platform lifecycle logic live outside the core merge rules.

Engineering boundaries

  • GameState — deterministic board & run rules
  • GameScene — Phaser presentation & interaction
  • Footprints — occupancy / placement rules
  • PlatformAdapter — host boundary
  • AudioManager — audio state
  • GameSave — persisted player settings/progress
  • Vitest — regression coverage
-
- -
-

Current status

A strong playable direction, still being tuned before release.

-

Implemented

  • Responsive wide, square, portrait and compact-landscape layouts
  • Factory Run progression and Endless mode
  • Timed orders, combos and repair progression
  • Multi-cell item footprints and deadlock-aware placement
  • Platform, lifecycle, audio and save abstractions

Still being refined

  • Real-player pacing and difficulty balance
  • Retention and meta-progression payoff
  • Final YouTube Playables packaging and release validation
  • Asset-size optimization and production polish
-
- -

Portfolio context

This project shows game systems, product iteration and platform-aware engineering together.

It is intentionally presented as active development: the architecture and gameplay systems are real, while final balance and release readiness are still being validated.

GamesWorks
-
-
Kaan Balcı logoKaan Balcı

AI Designer & Software Developer building practical AI workflows and software products.

© Kaan Balcı. All rights reserved.

- - - - +Merge Rush: Tiny Factory Case Study | Kaan Balcı +
Kaan Balcı logoKaan BalcıOpen for work
+

Game Product Engineering

Active development — not presented as a finished release

Merge Rush: Tiny Factory

A factory-themed merge game where short-term order pressure feeds a longer restoration loop: merge parts, fulfill timed orders, earn Repair Energy and progressively reopen the factory floor.

Status
Active Development
Year
2026
Role
Game Developer & Product Designer
Direction
YouTube Playables
Phaser 3TypeScriptViteVitestResponsive UIGame StatePlatform Adapter
Game PortfolioGame Recruiter View

The development repository remains private while the product is being iterated.

Merge Rush Tiny Factory portfolio cover
+
4 minFactory Run target
5Restoration stages
25Progressively unlocked cells
2Factory Run + Endless
+

Product problem

Make merge decisions matter beyond matching two identical items.

The early prototype proved the merge interaction, but the board could be completed while using too little space. That reduced space-management pressure and made progression shallow.

The redesign connects board space, timed orders and factory restoration into one product loop instead of treating score as the only objective.

Design goal

Readable in seconds, deeper over the full run.

The player should immediately understand drop → merge → order, then discover a second layer of larger footprints, staged board unlocks, repair progression, combos and failure pressure.

+

Core loop

Short-term orders power long-term restoration.

  1. 01Drop parts from the next queue
  2. 02Merge matching tiers
  3. 03Fulfill the active timed order
  4. 04Earn score, combo and Repair Energy
  5. 05Restore the next factory stage
  6. 06Unlock more board space and higher pressure
+

Gameplay engineering

Board-space pressure is implemented as real state and placement logic.

Multi-cell occupancy

Higher-tier pieces use 2×1, 1×2 and 2×2 footprints. Placement, movement, merge, delivery and deadlock checks are footprint-aware.

Preview-before-commit

Drag/drop validates the destination before committing board state, keeping visual feedback and logical placement aligned.

Deadlock awareness

The run checks whether legal placements or merges remain instead of treating a visually crowded board as automatically terminal.

Endless repair loop

Wrong-action damage and successful-delivery repair create a second failure/recovery loop after the main Factory Run.

+

Progression

The factory itself becomes the run's visible progress bar.

01 — Emergency Power

Compact starting area makes early placement matter.

02 — Assembly Line

More board capacity arrives as order pressure grows.

03 — Generator

Mid-run restoration becomes a visible pacing checkpoint.

04 — Robotics Bay

Larger items and board planning become more important.

05 — Factory Core

The final restoration stage anchors the high-tier end of the run.

+

Responsive QA evidence

The current build has been exercised across multiple aspect-ratio classes and gameplay states.

The development QA pass recorded wide, portrait, landscape, square/tablet, combo and game-over states. The private QA screenshots are not exposed publicly; this case study surfaces the tested states and engineering findings instead of inventing public media.

1440×900Wide live run
390×844Portrait mobile
844×390Landscape mobile
768×768Square / tablet
1262×624Combo x2 state
1440×900Game-over state
QA finding: no visible clipping, overlap, stretched art, broken margins or unreadable primary copy was reported in the four required aspect-ratio classes during the documented visual pass.
+

Production architecture

Game rules are being separated from platform concerns.

PlatformAdapter

Local and YouTube adapters isolate host-platform behavior from core gameplay.

Lifecycle & readiness

Platform lifecycle and readiness coordination avoid scattering host callbacks through scene code.

Save / audio / language

Save, audio and localization concerns use dedicated abstractions rather than being embedded in GameScene.

Pause-aware loading

Boot/loading architecture accounts for lifecycle interruptions and production platform behavior.

+

Current status

Implemented systems are separated from the work still being refined.

Implemented

Merge loop, timed orders, restoration progression, staged board unlocks, multi-cell footprints, deadlock-aware placement, Factory Run, Endless mode, responsive layouts and platform architecture foundations.

Still refining

Gameplay pacing, retention, balancing, final production polish, public playable packaging and the final media/proof pack.

+

Role evidence

Merge Rush is the strongest current game-system and interactive-product proof in this portfolio.

Game Recruiter ViewGamesBuild Log
+
Kaan Balcı logoKaan Balcı

AI Designer & Software Developer building reliable AI systems and product-minded software.

© Kaan Balcı. All rights reserved.

\ No newline at end of file From ea607ddafcfd1dedd0ee53b97a441cbda4cd048a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:31:08 +0300 Subject: [PATCH 09/32] refactor: curate works around flagship and supporting evidence --- works.html | 129 +++++++++-------------------------------------------- 1 file changed, 20 insertions(+), 109 deletions(-) diff --git a/works.html b/works.html index 2d4d54b..b0fd0b7 100644 --- a/works.html +++ b/works.html @@ -1,110 +1,21 @@ - - - - - - - - - - - - -Projects | Kaan Balcı - - - - - - - - - - - - - - - - - - -
-Kaan Balcı logoKaan Balcı -Open for work - -
-
-
-
-

Selected Work

-

Projects across AI reliability, software products and interactive systems.

-

The catalog is now led by two active flagship directions: SINAMA for AI-agent reliability engineering and Merge Rush for product-minded game engineering, supported by conversational AI, web, data, mobile and desktop work.

-
-
-
- -
-

Flagship & Selected Projects

The strongest evidence for my current technical direction.

-
-
SINAMA wordmark on a dark cover card
AI ReliabilityLive
AI Agent EvaluationFastAPINext.jsRelease Readiness

SINAMA — AI Agent Reliability Lab

A live Turkish-first reliability lab with insurance and e-commerce scenario collections, deterministic workflow evaluation, baseline/regression comparison, version trends, release readiness and external-agent testing.

View Case StudyOpen Live ProductOpen GitHub
- -
Merge Rush Tiny Factory portfolio cover
Game ProductActive Development
Phaser 3TypeScriptGame StateYouTube Playables

Merge Rush: Tiny Factory

An active merge-game product connecting timed orders, factory restoration, staged board unlocks, multi-cell footprints, deadlock-aware gameplay and a platform-adapter architecture for YouTube Playables direction.

View Case Study
- -
AI Chatbot Flow Design multi-channel conversational workflow cover
AI & Automation
Conversational AIAI FlowChatbot QAWorkflow Automation

AI Chatbot Flow Design

A case study based on enterprise conversational AI work involving chatbot QA, stabilization, large-scale flow restructuring, channel configuration and multi-channel automation logic.

View Details
- -
AI Flow Puzzle node-based chatbot workflow cover
AI & InteractiveLive
JavaScriptNode LogicFlow ValidationFallback Design

AI Flow Puzzle

A live n8n-inspired browser experience demonstrating chatbot flow structure, node validation, fallback paths and user journey thinking.

View Case StudyPlay Live
- -
Atölye Joyday official website preview
Web & ProductLive
JavaScriptApps ScriptReservation FlowDigital Product

Atölye Joyday Official Website

A live digital product for a creative workshop studio combining service presentation, package-based reservation journeys, automated notifications and operational workflows.

View Case StudyOpen Live Website
- -
Hospital Form App appointment management interface cover
Desktop ApplicationSource Archive
C#/.NETWindows FormsSQL ServerADO.NET

Hospital Form App

A database-backed C# Windows Forms project demonstrating patient, doctor, secretary and appointment workflows.

View Case StudyView Source Archive
- -
Python Hospital Appointment System preview
Software
PythonTkinterMySQLAppointment Logic

Hospital Appointment System

A Python and Tkinter hospital appointment application with patient, doctor and staff workflows, appointment-slot logic and MySQL-backed data operations.

View Details
- -
Cars dataset analysis project preview
Data
PythonPandasData AnalysisLinear Regression

Cars Dataset Analysis

A Python data project combining exploratory analysis and visualization with a small linear-regression experiment for car-price estimation.

View Details
- -
Legacy of the Lost environmental puzzle preview
Games & InteractivePrototype
Unreal Engine 5Puzzle DesignObject InteractionModular Level Design

Legacy of the Lost

A first-person environmental puzzle prototype featuring object manipulation, pressure plates, physics-based interactions and modular level design.

View Details
- -
My Museum app preview
Mobile
KotlinFirebaseAndroidContent Sharing

MyMuseum — Mobile Content App

An Android content-sharing application built with Kotlin and Firebase around mobile user flows and database-backed interactions.

View Details
-
-
- -
-

Additional Projects

More product, database and interactive work.

-
-
Drivenfinity project preview
Games & InteractivePrototype
UnityC#3D

Drivenfinity

A hyper-casual 3D mobile driving prototype focused on obstacle avoidance, score and reflex-based gameplay.

View DetailsOpen GitHub
-
Agency DB relational database schema cover
Data
SQLDatabase ModelingStored ProceduresTriggers

Agency DB

A relational database project covering normalized agency records, data modeling, stored procedures and triggers.

View DetailsOpen GitHub
-
Control Panel PHP and MySQL administration dashboard cover
Software
PHPMySQLCSSDashboard

Control Panel

A PHP and MySQL based administration dashboard with database-backed management screens and operational control flows.

View DetailsOpen GitHub
-
Extract Shoot Zero project preview
Games & InteractivePrototype
Unreal EngineC++Blueprints

Extract Shoot: Zero

A third-person action shooter prototype with enemy behavior, health management and combat-focused gameplay systems.

View DetailsOpen GitHub
-
Escape Island Unreal Engine platforming preview
Games & InteractivePrototype
Unreal Engine 5.4.4C++Blueprints

Escape Island

A solo third-person platforming and escape prototype built with Unreal Engine 5, C++ and Blueprints.

View DetailsOpen GitHub
-
Kaan Balcı portfolio website homepage cover
Web & ProductLive
PortfolioJavaScriptStatic Site

Portfolio Website

The live personal portfolio repository combining project catalog, AI assistant, recruiter mode, request form and interactive mini game features.

View DetailsOpen GitHub
-
Tank Savage Unreal Engine combat preview
Games & InteractivePrototype
Unreal EngineC++Blueprints

Tank Savage

A third-person tank combat prototype built with Unreal Engine, C++, Blueprints and physics-based gameplay.

View DetailsOpen GitHub
-
-
- -
-

Project Archive & Learning Builds

Earlier university projects, technical exercises and small prototypes that document my learning process.

-
-
Dunker Madness project preview
Games & InteractiveArchive
UnityC#Physics

Dunker Madness

A 2D physics-based projectile learning prototype.

View Details
-
Unity Essentials project preview
Games & InteractiveLearning Project
Unity 6C#

Unity Essentials

Multiple scenes exploring gameplay fundamentals and mechanics.

View Details
-
Weather App project preview
Web & ProductLearning Project
HTMLCSSJavaScript

Weather App

A location-based weather API learning application.

View Details
-
Calculator Android Studio project preview
MobileLearning Project
Android StudioMobile UI

Calculator Android Studio

A mobile calculator exercise focused on interface structure and app logic.

View Details
-
Calculator JavaScript project preview
Web & ProductLearning Project
HTMLCSSJavaScript

Calculator JavaScript

A DOM interaction and frontend state exercise.

View Details
-
Warehouse War project preview
Games & InteractiveArchive
Unreal EngineCombat

Warehouse War

A warehouse-themed combat and environment prototype.

View Details
-
Porto 25 responsive Tailwind landing page cover
Web & ProductLearning Project
Tailwind CSSHTML

Porto 25

A responsive portfolio and landing-page experiment.

View Details
-
My Java Projects preview
SoftwareLearning Project
JavaOOPAlgorithms

My Java Projects

A collection of Java programming exercises and console applications.

View Details
-
Mandelas Website Project preview
Web & ProductLearning Project
HTMLCSS

Mandelas Website Project

A static website and frontend layout exercise.

View Details
-
Python Projects preview
SoftwareLearning Project
PythonAutomation

Python Projects

A repository of programming, automation and data-oriented exercises.

View Details
-
IC Supply inventory tracking data system cover
SoftwareArchive
DatabaseInventory Flow

IC Supply

An inventory-style data structure and tracking exercise.

View Details
-
-
-
- -

More code

Want to inspect the complete project catalog?

The portfolio focuses on reviewable case studies, while GitHub keeps the wider history of experiments, university work and source archives.

Open GitHubContact
-
-
Kaan Balcı logoKaan Balcı

AI Designer & Software Developer building practical AI workflows and software products.

© Kaan Balcı. All rights reserved.

- - - - +Projects | Kaan Balcı +
Kaan Balcı logoKaan BalcıOpen for work
+

Selected Work

Evidence across AI reliability, software products and interactive systems.

The catalog is deliberately curated: flagship products first, role-relevant supporting evidence second, and learning/archive work last.

Applied AI ViewSolution Engineering ViewLabs
+
+

Flagship

The strongest current evidence.

+
SINAMA wordmark on a dark cover card
Applied AI / ReliabilityLive MVP
FastAPIPostgreSQLNext.jsRegression

SINAMA — AI Agent Reliability Lab

Multi-turn agent testing, deterministic workflow evidence, version-aware regression and release-readiness decisions.

View Case StudyLive ProductGitHub
+
Merge Rush Tiny Factory portfolio cover
Game ProductActive Development
Phaser 3TypeScriptVitestPlatform Adapter

Merge Rush: Tiny Factory

Timed orders, factory restoration, multi-cell board logic, responsive layouts and platform-aware production architecture.

View Case Study
+
+

Selected supporting evidence

Projects that explain the breadth behind the flagship direction.

+
AI Chatbot Flow Design cover
Enterprise Conversational AI
Chatbot QAAI FlowMulti-channel

AI Chatbot Flow Design

Enterprise conversational-AI evidence covering QA, stabilization, flow restructuring and multi-channel workflow logic.

View Details
+
Atölye Joyday website preview
Real Business ProductLive
JavaScriptApps ScriptReservation Flow

Atölye Joyday Official Website

Customer-facing product ownership connecting service discovery, reservation journeys and operational automation.

View Case StudyLive Website
+
Hospital Form App cover
C#/.NET SoftwareSource Archive
C#/.NETWindows FormsSQL Server

Hospital Form App

Database-backed patient, doctor, secretary and appointment workflows.

View Case StudySource Archive
+
AI Flow Puzzle cover
AI / Interactive LabLive
JavaScriptNode LogicValidation

AI Flow Puzzle

n8n-inspired browser experience for intent, response, fallback and validation thinking.

Case StudyPlay
+
Python Hospital Appointment System preview
Python Software
PythonTkinterMySQL

Hospital Appointment System

Patient, doctor and staff appointment workflows with MySQL-backed operations.

View Details
+
Cars dataset analysis preview
Data
PythonPandasLinear Regression

Cars Dataset Analysis

Exploratory data analysis, visualization and a small price-estimation experiment.

View Details
+
Legacy of the Lost preview
Game Prototype
Unreal Engine 5Puzzle DesignInteraction

Legacy of the Lost

First-person environmental puzzle prototype with object manipulation and physics interactions.

View Details
+
My Museum app preview
Mobile
KotlinFirebaseAndroid

MyMuseum Mobile Content App

Android content-sharing project using Kotlin and Firebase.

View Details
+
+

Archive policy

Tutorial-scale and older learning repositories stay available without competing with flagship evidence.

The GitHub profile remains the full archive. Labs contains smaller interactive experiments; this page stays focused on portfolio-grade evidence.

GitHub ArchiveKaan Labs
+
Kaan Balcı logoKaan Balcı

AI Designer & Software Developer building reliable AI systems and product-minded software.

© Kaan Balcı. All rights reserved.

\ No newline at end of file From 5fd352b5cddedc3eebd3a645a74b7afc24dd2af1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:31:38 +0300 Subject: [PATCH 10/32] refactor: focus games page on active product and playable work --- games.html | 78 +++++++----------------------------------------------- 1 file changed, 10 insertions(+), 68 deletions(-) diff --git a/games.html b/games.html index a8be7a3..6a1b752 100644 --- a/games.html +++ b/games.html @@ -1,69 +1,11 @@ - - - - - - - - - - - - -Games | Kaan Balcı - - - - - - - - - - - - - - - - - - -
-Kaan Balcı logoKaan Balcı -Open for work - -
-
-
-
-

Games & Interactive

-

From portfolio mini games to a production-minded merge game.

-

The game side of my portfolio now has two layers: lightweight browser experiments and Merge Rush: Tiny Factory, an active Phaser 3 + TypeScript product focused on progression, responsive gameplay and YouTube Playables architecture.

-
View Merge RushPlay AI Flow PuzzlePlay Joyday PaintingPlay Career Adventure
-
- -
-

Game catalog

One active product, three playable portfolio experiments.

Merge Rush shows deeper game-system and platform work. The smaller browser games show interaction design, workflow thinking and rapid prototyping.

-
-
-
Merge Rush Tiny Factory merge board and restoration loop
Active DevelopmentPhaser 3 • TypeScript
Merge GameFactory RunGame StateYouTube Playables

Merge Rush: Tiny Factory

A factory-themed merge game with timed orders, restoration progression, multi-cell pieces, staged board unlocks, deadlock-aware logic, Endless mode and platform-aware lifecycle architecture.

View Case Study
- -
AI Flow Puzzle node-based chatbot workflow cover
Liven8n Logic • JavaScript
AI FlowLogic PuzzleChatbot

AI Flow Puzzle

Build n8n-inspired chatbot workflows by placing trigger, intent, response, fallback and automation nodes on a visual board.

Play GameView Case Study
- -
Joyday Action Painting game preview
LiveCanvas • JavaScript
Action PaintingJoydayPNG Export

Joyday Action Painting

Choose a square, circle or rectangle canvas, pick colors and use virtual action painting tools to create a downloadable PNG artwork.

Play Game
- -
Kaan's Career Adventure career workflow cover
LiveCanvas • JavaScript
Mini GameCareer JourneyMerge

Kaan's Career Adventure

Combine learning objects, software tools, AI workflow experience and portfolio proof until the final Job Offer object appears.

Play Game
- -
Interview Run game preview
ConceptFuture Experiment
InterviewTimingChoices

Interview Run

A planned quick decision game about answering interview questions, managing time and choosing the strongest response path.

Future expansion idea — not in active production.
-
-
- -

Current direction

The priority is depth, polish and platform readiness.

Merge Rush is the current game-development focus. New mini-game ideas remain secondary while the core product is refined through playtesting, pacing work and production architecture.

View Merge RushView All Projects
-
-
Kaan Balcı logoKaan Balcı

AI Designer & Software Developer building practical AI workflows and software products.

© Kaan Balcı. All rights reserved.

- - - - +Games | Kaan Balcı +
Kaan Balcı logoKaan BalcıOpen for work
+

Games & Interactive

One active game product, three playable portfolio experiments.

Merge Rush is the current game-development priority. Smaller browser experiments remain playable, while technical experiments that are not really games now live under Kaan Labs.

View Merge RushGame Recruiter ViewKaan Labs
+

Game catalog

Depth first, experiments second.

+
Merge Rush Tiny Factory cover
Active DevelopmentPhaser 3 • TypeScript
Merge GameFactory RunProgressionYouTube Playables

Merge Rush: Tiny Factory

Timed orders, factory restoration, multi-cell board logic, responsive layouts and platform-aware architecture.

View Case Study
+
AI Flow Puzzle cover
LiveJavaScript • Node Logic
AI FlowLogic PuzzleChatbot

AI Flow Puzzle

Build n8n-inspired chatbot workflows by placing trigger, intent, response, fallback and automation nodes.

PlayCase Study
+
Joyday Action Painting preview
LiveCanvas • JavaScript
Action PaintingPNG Export

Joyday Action Painting

Create downloadable action-painting artwork with multiple canvas shapes and virtual tools.

Play
+
Career Adventure cover
LiveCanvas • JavaScript
CareerMini GameMerge

Kaan's Career Adventure

Combine learning, tools, AI workflow experience and portfolio proof until the Job Offer object appears.

Play
+
+

Current direction

Merge Rush gets the production attention; experiments get a dedicated lab.

The old Interview Run concept is no longer presented as active portfolio work. Future small experiments belong in Labs until they earn a place in the game catalog.

Merge RushKaan LabsBuild Log
Kaan Balcı logoKaan Balcı

AI Designer & Software Developer building reliable AI systems and product-minded software.

© Kaan Balcı. All rights reserved.

\ No newline at end of file From 42c416a85bb56863805bd49b42fbe45b22a64b1c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:32:21 +0300 Subject: [PATCH 11/32] refactor: align about page with portfolio registry --- about.html | 239 +++-------------------------------------------------- 1 file changed, 10 insertions(+), 229 deletions(-) diff --git a/about.html b/about.html index f68da1d..4d8df38 100644 --- a/about.html +++ b/about.html @@ -1,230 +1,11 @@ - - - - - - - - - - - - - -About Kaan Balcı | AI Designer & Software Developer - - - - - - - - - - -
- -Kaan Balcı logo -Kaan Balcı -Open for work - -
-
- - -
- - -
-
-
-
-

About

-

Software logic, AI workflows and product thinking in one profile.

-

- I am building a career at the intersection of artificial intelligence, automation and software development. - My strength is combining technical execution with practical business understanding. -

-
-
-
-Kaan Balcı profile photo -
-AI Designer & Software Developer -Istanbul / Turkey -
-
-
-

Professional profile

-

Building practical AI systems, reliability workflows and user-centered software products.

-

I am an AI Designer and Software Developer focused on conversational AI, workflow automation, LLM evaluation, AI agent reliability and user-centered software products. My background combines software development with AI flow design, product thinking, testing and practical digital operations.

-

At CBOT, I worked on enterprise conversational AI projects involving chatbot QA, flow restructuring, multi-channel automation and an insurance claims intake POC. My work included testing, stabilization, channel configuration, voice and WhatsApp transitions, document collection and multi-step workflow logic.

-

Through project-based AI training work, I evaluated LLM responses, reasoning, code and multimodal outputs. As a co-founder of Atölye Joyday, I also built a live website, package-based reservation journey and automated operational workflows for a real customer-facing business.

-

In 2026, I expanded this direction with SINAMA, a live AI Agent Reliability Lab for deterministic multi-turn workflow evaluation, regression evidence and release readiness, while also developing Merge Rush: Tiny Factory as a Phaser 3 / TypeScript game product with progression, multi-cell board logic and a platform-aware YouTube Playables direction.

-

I am currently interested in Applied AI, AI Solutions, Forward Deployed Engineering, Conversational AI, Solution Engineering, LLM Evaluation, Workflow Automation and software development opportunities.

-
- -Email Me -
-
-
-
-
-

Milestone journey

-

From operations to AI-driven software products.

-

My background combines field operations, software projects, AI workflow design and real business product experience.

-
-
-
2020

Event operations foundations

Built practical experience in logistics, on-site coordination, team supervision and time-sensitive execution.

-
2023

Software foundations

Built university and personal projects across Java, Python, web interfaces and databases.

-
2024

Backend, data and game systems

Focused on C#, MSSQL, Python data analysis and Unreal Engine / Unity prototypes.

-
2025

AI Designer direction

Worked on chatbot flows, AI Flow logic, IVR awareness and LLM response quality evaluation.

-
2026

AI reliability & product ownership

Built SINAMA as a live agent-reliability product, continued Joyday’s digital workflows and developed Merge Rush as an active Phaser / TypeScript game product.

-
-
- -
-
-

Capability map

-

The areas I can contribute to.

-

- I can work across AI product logic, reliability testing, automation design, backend implementation, web interfaces and software quality workflows. -

-
-
-
-

AI & Reliability

-
    -
  • Conversational AI and chatbot flow design
    • -
  • Deterministic AI agent evaluation
    • -
  • Multi-turn scenario and regression testing
    • -
  • LLM response, prompt and code output review
    • -
  • Tool-call evidence and release-readiness thinking
    • -
-
-
-

Software Development

-
    -
  • Python and FastAPI backend systems
    • -
  • C#/.NET Windows Forms systems
    • -
  • JavaScript / TypeScript interfaces and products
    • -
  • PHP, MySQL and PostgreSQL-backed workflows
    • -
  • API integration, testing and maintainable architecture
    • -
-
-
-

Digital Products & Interactive Systems

-
    -
  • Responsive websites and user journeys
    • -
  • Reservation and automation workflows
    • -
  • Android apps with Java/Kotlin
    • -
  • Phaser, Unity and Unreal Engine prototypes
    • -
  • Product-oriented case studies and interaction design
    • -
-
-
-
-
-
-

How I work

-

I prefer clear requirements, testable logic and usable output.

-

- Whether it is an AI agent workflow, a dashboard, a website or a game mechanic, my process is to understand the user, - structure the logic, build the system and refine it through testing. -

-
-
-
-01 -
-

Understand the goal

-

Clarify the user need, business requirement, data source, risks and expected result.

-
-
-
-02 -
-

Design the logic

-

Map the flow, system structure, edge cases, evidence and core interaction path.

-
-
-
-03 -
-

Build, test and improve

-

Implement, validate, compare regressions, refine and keep the output maintainable for real usage.

-
-
-
-
-
-
-

Toolbox

-

Technologies I use.

-
-
-
-

Languages

-

Python, C#, JavaScript, TypeScript, PHP, Java, Kotlin, C++

-
-
-

AI & Automation

-

Conversational AI, AI Flow, n8n-style workflow logic, deterministic agent evaluation, LLM evaluation, prompt analysis and output review

-
-
-

Backend & Data

-

FastAPI, REST APIs, PostgreSQL, MySQL, MSSQL, SQLite, Firebase, Google Sheets workflows

-
-
-

Interactive & Game

-

Phaser 3, Unity, Unreal Engine, Blueprints, responsive game UI, gameplay logic and platform abstraction

-
-
-
-
-
-
-
- -Kaan Balcı logo -Kaan Balcı - -

AI Designer & Software Developer building practical AI workflows and software products.

-
-
- - - - - -
-
-

© Kaan Balcı. All rights reserved.

-
- - - +About Kaan Balcı | AI Designer & Software Developer +
Kaan Balcı logoKaan BalcıOpen for work
+

About

Software logic, AI reliability and product thinking in one profile.

I am building a career at the intersection of Applied AI, solution engineering and hands-on software development.

+
Kaan Balcı profile photo
AI Designer & Software DeveloperIstanbul / Turkey

Professional profile

I like turning ambiguous workflow problems into systems that can be tested.

My current direction combines conversational AI, AI agent reliability, workflow automation, LLM evaluation and product-minded software engineering. I care about what the system actually does, not only whether the interface looks convincing.

At CBOT, I worked on enterprise conversational-AI projects involving chatbot QA, stabilization, channel configuration, flow restructuring and an insurance-claims intake POC. Project-based AI evaluation work added structured review of LLM responses, reasoning, code and multimodal outputs.

In 2026, SINAMA became my strongest Applied AI / reliability-engineering product, while Merge Rush: Tiny Factory became the main game-system and interactive-product engineering track. Atölye Joyday remains a real-business example of customer-facing product ownership and automation.

Applied AI ViewEmail
+

Capability map

Where I can contribute today.

Applied AI & Reliability

  • Multi-turn scenario design and agent evaluation
  • Deterministic tool/workflow contracts
  • Regression evidence and release-readiness thinking
  • LLM response, reasoning, code and multimodal evaluation
  • Conversational AI and chatbot flow design

Solution & Software Engineering

  • Python / FastAPI backend services
  • TypeScript product interfaces
  • PostgreSQL, MySQL and SQL-backed workflows
  • C#/.NET desktop systems
  • API integration, QA and maintainable product logic

Interactive Product Engineering

  • Phaser 3 browser-game systems
  • Gameplay state and progression
  • Responsive game UI
  • Platform lifecycle abstraction
  • Playtesting-driven iteration
+

Milestone journey

From software foundations to reliability-focused product work.

2020

Operations foundations

Field coordination, logistics and team execution in time-sensitive environments.

2023

Software foundations

Java, Python, web interfaces, databases and university projects.

2024

Backend, data and games

C#/.NET, SQL, Python data work and Unity / Unreal prototypes.

2025

Enterprise conversational AI

Chatbot QA, workflow restructuring, multi-channel logic and LLM evaluation.

2026

AI reliability & product ownership

SINAMA, Merge Rush and continued real-business digital product work.

+

How I work

Understand → structure → build → test → compare.

01

Understand the real requirement

Clarify the user, business rule, integration boundary, risk and expected output.

02

Make the logic explicit

Map workflows, prerequisites, edge cases, state and evidence before hiding complexity behind UI.

03

Build and measure behavior

Implement, test, compare regressions and keep the system maintainable enough to iterate.

+

Toolbox

Current working stack.

Languages

Python, C#, JavaScript, TypeScript, PHP, Java, Kotlin, C++

AI & Automation

AI agent evaluation, conversational AI, LLM evaluation, workflow automation, AI Flow, n8n-style logic

Backend & Data

FastAPI, REST APIs, PostgreSQL, MySQL, MSSQL, SQLite, Firebase

Interactive

Phaser 3, Unity, Unreal Engine, Canvas, responsive gameplay and platform abstraction

+

Choose the evidence view

The same profile can be reviewed from different role angles.

Applied AISolution EngineeringSoftwareGame / Interactive
+
Kaan Balcı logoKaan Balcı

AI Designer & Software Developer building reliable AI systems and product-minded software.

© Kaan Balcı. All rights reserved.

\ No newline at end of file From 23ae86174df7df2fb6236331903667b81d9fa342 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:32:57 +0300 Subject: [PATCH 12/32] refactor: align experience page with current career direction --- blog.html | 206 ++++-------------------------------------------------- 1 file changed, 14 insertions(+), 192 deletions(-) diff --git a/blog.html b/blog.html index b7e5081..d5bb956 100644 --- a/blog.html +++ b/blog.html @@ -1,193 +1,15 @@ - - - - - - - - - - - - - -Experience | Kaan Balcı - - - - - - - - - - -
- -Kaan Balcı logo -Kaan Balcı -Open for work - -
-
- - -
- - -
-
-
-
-

Experience

-

Professional timeline shaped by AI, software, operations and product thinking.

-

- I have worked across AI workflows, software development, event operations and entrepreneurship. - This combination helps me understand both technical systems and real business processes. -

-
-
- -
-
-
-
-Istanbul | Jan 2026 – Present -

Atölye Joyday – Co-Founder & Digital Product Developer

-

Co-founded a creative workshop studio and developed its digital product and operational experience. Built the responsive website, package-based reservation journey, application forms and automated notification workflows using HTML, CSS, JavaScript, Google Forms, Google Sheets and Apps Script.

-
EntrepreneurshipDigital ProductReservation JourneyApps Script
-Open Website -
-
-
-
-
-Istanbul | Sep 2025 – Oct 2025 -

CBOT – AI Designer

-

Worked on enterprise conversational AI projects across banking, insurance, municipal services and employee benefits. Contributed to live-chat QA, chatbot stabilization, channel configuration, large-scale flow restructuring and multi-channel automation processes. Designed, built, tested and presented an insurance claims intake POC involving voice interaction, phone verification, WhatsApp handoff, photo and document collection, and workflow coordination.

-
Conversational AIQA & StabilizationAI FlowMulti-Channel Automation
-Company Website -
-
-
-
-
-Remote | Apr 2025 – Aug 2025 -

Outlier AI – AI Training Specialist — Freelance / Project-Based

-

Evaluated LLM responses, reasoning, code outputs and multimodal interactions through structured AI training and quality-assessment tasks, focusing on correctness, clarity, instruction following and user relevance.

-
LLM EvaluationPrompt AnalysisCode Output ReviewMultimodal Assessment
-Company Website -
-
-
-
-
-Izmir | Jul 2024 – Sep 2024 -

Punto Organization – Software Development Intern

-

Developed a web-based event-management dashboard using PHP, JavaScript, HTML, CSS and MySQL. Built a database-backed interface for event creation, editing, tracking and reporting during a software development internship.

-
PHPJavaScriptMySQLDashboard
-Company Website -
-
-
-
-
-Izmir | Jul 2022 – Aug 2025 -

Punto Organization – Event Operations Supervisor — Part-Time

-

Coordinated on-site event operations, team supervision, logistics, customer experience and time-sensitive execution for congresses, seminars, corporate meetings and product launches.

-
Event OperationsTeam SupervisionLogisticsCoordination
-
-
-
-
-
-Istanbul | Jan 2020 – Jun 2022 -

Ocean’s Team – Event Operations Specialist — Part-Time

-

Supported event logistics, on-site coordination, task distribution and team supervision in fast-paced corporate event environments.

-
Event OperationsOn-Site CoordinationTeam SupervisionLogistics
-Company Website -
-
-
-
- -
-
-

Activities & Industry Events

-

Additional learning, competition and community experience.

-

These activities support my technical development but are separate from the professional experience timeline.

-
-
-
-

Gameathon — Game Development Hackathon

-

Led a four-person team during a 24-hour competition, supporting game mechanics, Git workflows and rapid Unreal Engine prototyping. The team placed 4th among 15 teams.

-
-
-

Mobidictum Conference

-

Attended game-industry sessions focused on development tools, game economy and studio operations, expanding practical industry awareness and professional connections.

-
-
-
-
-
-
-
- -Kaan Balcı logo -Kaan Balcı - -

AI Designer & Software Developer building practical AI workflows and software products.

-
-
- - - - - -
-
-

© Kaan Balcı. All rights reserved.

-
- - - +Experience | Kaan Balcı +
Kaan Balcı logoKaan BalcıOpen for work
+

Experience

A timeline shaped by enterprise AI, software and product ownership.

The useful pattern across these roles is translating real operational needs into clearer workflows, software or evaluation evidence.

+
+
Istanbul | Jan 2026 – Present

Atölye Joyday — Co-Founder & Digital Product Developer

Co-founded a creative workshop studio and built its customer-facing digital product experience: responsive website, package-based reservation journey, application forms and automated notification workflows using HTML, CSS, JavaScript, Google Forms, Google Sheets and Apps Script.

Product OwnershipReservation JourneyApps ScriptAutomation
View Case Study
+
Istanbul | Sep 2025 – Oct 2025

CBOT — AI Designer

Worked on enterprise conversational-AI projects across banking, insurance, municipal services and employee benefits. Contributed to live-chat QA, chatbot stabilization, channel configuration, large-scale flow restructuring and multi-channel automation. Designed, built, tested and presented an insurance-claims intake POC involving voice interaction, phone verification, WhatsApp handoff, photo/document collection and workflow coordination.

Conversational AIQA & StabilizationAI FlowMulti-Channel
View Portfolio Evidence
+
Remote | Apr 2025 – Aug 2025

Outlier AI — AI Training Specialist, Freelance / Project-Based

Evaluated LLM responses, reasoning, code outputs and multimodal interactions through structured quality-assessment tasks focused on correctness, clarity, instruction following and user relevance.

LLM EvaluationPrompt AnalysisCode ReviewMultimodal Assessment
+
Izmir | Jul 2024 – Sep 2024

Punto Organization — Software Development Intern

Developed a web-based event-management dashboard using PHP, JavaScript, HTML, CSS and MySQL, including database-backed event creation, editing, tracking and reporting.

PHPJavaScriptMySQLDashboard
+
Izmir | Jul 2022 – Aug 2025

Punto Organization — Event Operations Supervisor, Part-Time

Coordinated on-site operations, team supervision, logistics, customer experience and time-sensitive execution for congresses, seminars, meetings and product launches.

OperationsTeam SupervisionLogistics
+
Istanbul | Jan 2020 – Jun 2022

Ocean's Team — Event Operations Specialist, Part-Time

Supported event logistics, on-site coordination, task distribution and team supervision in fast-paced corporate event environments.

OperationsCoordinationTeamwork
+
+

Activities & industry

Supporting experience outside the employment timeline.

Gameathon — Game Development Hackathon

Led a four-person team during a 24-hour competition, supporting game mechanics, Git workflows and rapid Unreal Engine prototyping. The team placed 4th among 15 teams.

Mobidictum Conference

Attended game-industry sessions on development tools, game economy and studio operations, expanding practical industry awareness.

Independent product work

SINAMA and Merge Rush now extend the timeline with current evidence in reliability engineering, backend architecture, gameplay systems and product iteration.

+

Role mapping

Review the same experience through the role you are hiring for.

Applied AISolution EngineeringSoftware
+
Kaan Balcı logoKaan Balcı

AI Designer & Software Developer building reliable AI systems and product-minded software.

© Kaan Balcı. All rights reserved.

\ No newline at end of file From 3f6b23e083062cf98d5c74b8e25c2eb36fad4bbb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:33:28 +0300 Subject: [PATCH 13/32] refactor: align request page with portfolio v2 --- request.html | 203 ++------------------------------------------------- 1 file changed, 6 insertions(+), 197 deletions(-) diff --git a/request.html b/request.html index 1b96d5e..8b89595 100644 --- a/request.html +++ b/request.html @@ -1,198 +1,7 @@ - - - - - - - - - - - - - - Request a Project | Kaan Balcı - - - - - - - - - - - - - - - - - - - -
- -Kaan Balcı logo -Kaan Balcı -Open for work - -
-
- - -
- - -
-
- -
-
-

Project request

-

Tell me what you want to build.

-

- Fill out a short request form for AI workflows, automation, websites, dashboards or software projects. - I will review the details and get back to you with the next steps. -

-
- -
-
-
-

How it works

-

Simple request flow.

-
-
01

Share the idea

Describe what you need, your goal, timeline and contact information.

-
02

I review the scope

I check the technical direction, project type and possible next steps.

-
03

You get a follow-up

After submission, I review your request and follow up using your preferred contact method.

-
-
-
-

Good for

-
- AI WorkflowChatbot FlowWebsiteAutomationDashboardPortfolio -
-

For urgent requests, you can also use the email and LinkedIn buttons after submitting the form.

-
-
- -
- - -
- - -
-
- - -
-
- - -
-
- - -
- - -
- - Email Instead - Online Form -
-

If you prefer Google Forms, you can use the Online Form option as an alternative.

-
-
-
-
- -
-
-
- -Kaan Balcı logo -Kaan Balcı - -

AI Designer & Software Developer building practical AI workflows and software products.

-
-
- - - - - -
-
-

© Kaan Balcı. All rights reserved.

-
- - - - +Request a Project | Kaan Balcı +
Kaan Balcı logoKaan BalcıOpen for work
+

Project request

Tell me what you want to build.

Use the structured form for AI workflows, automation, websites, dashboards, interactive products or software requests. I will review the scope and follow up through your preferred contact method.

+

How it works

Simple request flow.

01

Share the idea

Describe the goal, problem, timeline and contact information.

02

I review the scope

I check the technical direction, integration needs and possible next steps.

03

You get a follow-up

I respond using the contact method you selected.

Good for

AI WorkflowChatbot FlowAutomationWebsiteDashboardInteractive Product

The direct form uses a Google Apps Script endpoint. Because the browser posts in no-cors mode, the site can record a browser submission reference but cannot truthfully claim server-side delivery confirmation.

+
Email InsteadOnline Form

Google Forms and email remain available as explicit fallback channels.

+
Kaan Balcı logoKaan Balcı

AI Designer & Software Developer building reliable AI systems and product-minded software.

© Kaan Balcı. All rights reserved.

\ No newline at end of file From a0697c8ed28f5e78a5d55dc7367cc4174fe6deb4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:33:48 +0300 Subject: [PATCH 14/32] chore: load portfolio v2 on dynamic project details --- project-detail.html | 93 +-------------------------------------------- 1 file changed, 2 insertions(+), 91 deletions(-) diff --git a/project-detail.html b/project-detail.html index dad1138..39c3037 100644 --- a/project-detail.html +++ b/project-detail.html @@ -1,92 +1,3 @@ - - - - - - - - - - - - - -Project Detail | Kaan Balcı - - - - - - - - - - -
- -Kaan Balcı logo -Kaan Balcı -Open for work - -
-
- - -
- - -
-
-
-
-

Project Detail

-

Loading project...

-

Please wait while the selected project details are prepared.

-
-
-
-
-
- -Kaan Balcı logo -Kaan Balcı - -

AI Designer & Software Developer building practical AI workflows and software products.

-
-
- - - - - -
-
-

© Kaan Balcı. All rights reserved.

-
- - - +Project Detail | Kaan Balcı +
Kaan Balcı logoKaan BalcıOpen for work

Project Detail

Loading project...

Please wait while the selected archive project is prepared.

Kaan Balcı logoKaan Balcı

AI Designer & Software Developer.

© Kaan Balcı. All rights reserved.

\ No newline at end of file From 3b5caed132c49b197c9281bc57aef28254b7491f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:34:12 +0300 Subject: [PATCH 15/32] chore: update sitemap for labs and build log --- sitemap.xml | 25 +++++++++++++------------ 1 file changed, 13 insertions(+), 12 deletions(-) diff --git a/sitemap.xml b/sitemap.xml index f64c1e0..21e7f62 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -1,19 +1,20 @@ - https://kaanbalci.com/monthly1.0 - https://kaanbalci.com/works.htmlmonthly0.8 - https://kaanbalci.com/games.htmlmonthly0.8 + https://kaanbalci.com/weekly1.0 + https://kaanbalci.com/works.htmlmonthly0.9 https://kaanbalci.com/sinama-case-study.htmlmonthly0.9 https://kaanbalci.com/merge-rush-case-study.htmlmonthly0.9 - https://kaanbalci.com/adventure.htmlmonthly0.8 - https://kaanbalci.com/joyday-paint.htmlmonthly0.8 - https://kaanbalci.com/ai-flow-puzzle.htmlmonthly0.8 - https://kaanbalci.com/ai-flow-puzzle-case-study.htmlmonthly0.8 - https://kaanbalci.com/atolye-joyday-case-study.htmlmonthly0.8 - https://kaanbalci.com/hospital-system-case-study.htmlmonthly0.8 - https://kaanbalci.com/project-detail.htmlmonthly0.8 + https://kaanbalci.com/now.htmlweekly0.8 https://kaanbalci.com/blog.htmlmonthly0.8 - https://kaanbalci.com/single-work.htmlmonthly0.8 https://kaanbalci.com/about.htmlmonthly0.8 - https://kaanbalci.com/request.htmlmonthly0.8 + https://kaanbalci.com/games.htmlmonthly0.7 + https://kaanbalci.com/labs.htmlmonthly0.7 + https://kaanbalci.com/ai-flow-puzzle-case-study.htmlmonthly0.7 + https://kaanbalci.com/atolye-joyday-case-study.htmlmonthly0.7 + https://kaanbalci.com/hospital-system-case-study.htmlmonthly0.7 + https://kaanbalci.com/single-work.htmlmonthly0.6 + https://kaanbalci.com/request.htmlmonthly0.6 + https://kaanbalci.com/adventure.htmlmonthly0.5 + https://kaanbalci.com/joyday-paint.htmlmonthly0.5 + https://kaanbalci.com/ai-flow-puzzle.htmlmonthly0.5 From c82f1457d91e951b07d6c7494ef3a71f00a51023 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:34:22 +0300 Subject: [PATCH 16/32] test: add labs and build log to accessibility coverage --- .pa11yci | 14 ++++---------- 1 file changed, 4 insertions(+), 10 deletions(-) diff --git a/.pa11yci b/.pa11yci index d733f4b..1c00895 100644 --- a/.pa11yci +++ b/.pa11yci @@ -3,16 +3,8 @@ "standard": "WCAG2AA", "timeout": 30000, "wait": 750, - "viewport": { - "width": 390, - "height": 844 - }, - "chromeLaunchConfig": { - "args": [ - "--no-sandbox", - "--disable-setuid-sandbox" - ] - } + "viewport": { "width": 390, "height": 844 }, + "chromeLaunchConfig": { "args": ["--no-sandbox", "--disable-setuid-sandbox"] } }, "urls": [ "http://127.0.0.1:4173/index.html", @@ -20,6 +12,8 @@ "http://127.0.0.1:4173/games.html", "http://127.0.0.1:4173/sinama-case-study.html", "http://127.0.0.1:4173/merge-rush-case-study.html", + "http://127.0.0.1:4173/labs.html", + "http://127.0.0.1:4173/now.html", "http://127.0.0.1:4173/blog.html", "http://127.0.0.1:4173/single-work.html", "http://127.0.0.1:4173/request.html", From 6301951dfe702c4977e2cd8b3ca3066aee2d4816 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:34:31 +0300 Subject: [PATCH 17/32] test: add portfolio v2 pages to Lighthouse --- lighthouserc.json | 41 ++++++++--------------------------------- 1 file changed, 8 insertions(+), 33 deletions(-) diff --git a/lighthouserc.json b/lighthouserc.json index ccd25c4..8082f43 100644 --- a/lighthouserc.json +++ b/lighthouserc.json @@ -9,50 +9,25 @@ "http://localhost/games.html", "http://localhost/sinama-case-study.html", "http://localhost/merge-rush-case-study.html", + "http://localhost/labs.html", + "http://localhost/now.html", "http://localhost/blog.html", "http://localhost/request.html", "http://localhost/about.html" ], "settings": { "preset": "desktop", - "onlyCategories": [ - "performance", - "accessibility", - "best-practices", - "seo" - ] + "onlyCategories": ["performance", "accessibility", "best-practices", "seo"] } }, "assert": { "assertions": { - "categories:performance": [ - "warn", - { - "minScore": 0.75 - } - ], - "categories:accessibility": [ - "warn", - { - "minScore": 0.9 - } - ], - "categories:best-practices": [ - "warn", - { - "minScore": 0.9 - } - ], - "categories:seo": [ - "warn", - { - "minScore": 0.9 - } - ] + "categories:performance": ["warn", {"minScore": 0.75}], + "categories:accessibility": ["warn", {"minScore": 0.9}], + "categories:best-practices": ["warn", {"minScore": 0.9}], + "categories:seo": ["warn", {"minScore": 0.9}] } }, - "upload": { - "target": "temporary-public-storage" - } + "upload": { "target": "temporary-public-storage" } } } From d371e63ca03ed09d7908e0be55014933188d5666 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:34:46 +0300 Subject: [PATCH 18/32] chore: expand spelling dictionary for portfolio v2 --- cspell.json | 83 +++-------------------------------------------------- 1 file changed, 4 insertions(+), 79 deletions(-) diff --git a/cspell.json b/cspell.json index ba8c7bb..3ff166c 100644 --- a/cspell.json +++ b/cspell.json @@ -1,86 +1,11 @@ { "version": "0.2", "language": "en,tr,tr-TR", - "import": [ - "@cspell/dict-tr-tr/cspell-ext.json" - ], + "import": ["@cspell/dict-tr-tr/cspell-ext.json"], "useGitignore": true, - "ignorePaths": [ - "assets/**", - "node_modules/**", - ".git/**", - ".lighthouseci/**", - "qa-results/**" - ], - "ignoreRegExpList": [ - "Url", - "Email", - "/(?:src|href|data-[\\w-]+)=\"[^\"]*\"/g", - "/data:image\\/[^\\s]+/g" - ], + "ignorePaths": ["assets/**", "node_modules/**", ".git/**", ".lighthouseci/**", "qa-results/**"], + "ignoreRegExpList": ["Url", "Email", "/(?:src|href|data-[\\w-]+)=\"[^\"]*\"/g", "/data:image\\/[^\\s]+/g"], "words": [ - "Ajoop", - "Atölye", - "automations", - "BALCI", - "Balcı", - "balcikaan", - "barycentric", - "Boxicons", - "CBOT", - "chatbot", - "chatbots", - "Çolakoğlu", - "Drivenfinity", - "drivenfinity", - "ecommerce", - "Firebase", - "frontend", - "Gameathon", - "GitHub", - "Hackathon", - "inspectable", - "Istanbul", - "JavaScript", - "Joyday", - "Kaan", - "kaanbalci", - "Kaanbalci", - "Kotlin", - "LinkedIn", - "LLM", - "LLMs", - "Mandelas", - "mandelas", - "Mobidictum", - "MSSQL", - "multimodal", - "MySQL", - "n8n", - "Natro", - "OOP", - "Outlier", - "parametric", - "Playables", - "playtesting", - "recruiter", - "responsive", - "Samancıoğlu", - "Schmedtmann", - "SINAMA", - "Supabase", - "Tkinter", - "toolbelt", - "Tristem", - "TypeScript", - "UAJOP", - "Udemy", - "Unreal", - "unscored", - "WCAG", - "wordmark", - "workflow", - "workflows", - "Yücedağ" + "Ajoop", "Atölye", "automations", "BALCI", "Balcı", "balcikaan", "barycentric", "Boxicons", "CBOT", "chatbot", "chatbots", "Çolakoğlu", "Drivenfinity", "drivenfinity", "ecommerce", "FastAPI", "Firebase", "frontend", "Gameathon", "gameplay", "GitHub", "Hackathon", "handoffs", "inspectable", "Istanbul", "JavaScript", "Joyday", "Kaan", "kaanbalci", "Kaanbalci", "Kotlin", "LinkedIn", "LLM", "LLMs", "Mandelas", "mandelas", "Mobidictum", "MSSQL", "multimodal", "MySQL", "n8n", "Natro", "OOP", "Outlier", "parametric", "Phaser", "Playables", "playtesting", "PostgreSQL", "recruiter", "responsive", "Samancıoğlu", "Schmedtmann", "SINAMA", "Supabase", "Tkinter", "toolbelt", "Tristem", "TypeScript", "UAJOP", "Udemy", "Unreal", "unscored", "Vercel", "Vitest", "WCAG", "wordmark", "workflow", "workflows", "Yücedağ" ] } From c20a3d1e1886bb441216e0d19a24b74028f286c6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:34:58 +0300 Subject: [PATCH 19/32] refactor: retire duplicate flagship copy patch layer --- flagship-copy.js | 214 ----------------------------------------------- 1 file changed, 214 deletions(-) delete mode 100644 flagship-copy.js diff --git a/flagship-copy.js b/flagship-copy.js deleted file mode 100644 index 2bb0c0c..0000000 --- a/flagship-copy.js +++ /dev/null @@ -1,214 +0,0 @@ -(function () { - function currentLanguage() { - return (document.documentElement.lang || "en") === "tr" ? "tr" : "en"; - } - - function applyFlagshipCopy() { - const lang = currentLanguage(); - - document.querySelectorAll("[data-flagship-en][data-flagship-tr]").forEach((node) => { - const value = lang === "tr" ? node.dataset.flagshipTr : node.dataset.flagshipEn; - if (typeof value === "string") node.textContent = value; - }); - - document.querySelectorAll("[data-flagship-aria-en][data-flagship-aria-tr]").forEach((node) => { - const value = lang === "tr" ? node.dataset.flagshipAriaTr : node.dataset.flagshipAriaEn; - if (typeof value === "string") node.setAttribute("aria-label", value); - }); - } - - function addUniqueKeywords(entry, keywords) { - if (!entry) return; - const known = new Set(entry.keywords.map((keyword) => keyword.toLowerCase())); - keywords.forEach((keyword) => { - if (!known.has(keyword.toLowerCase())) { - entry.keywords.push(keyword); - known.add(keyword.toLowerCase()); - } - }); - } - - function syncAjoopWithFlagshipProjects() { - if ( - typeof portfolioChatbotContent === "undefined" || - typeof chatbotKeywordMap === "undefined" - ) { - return; - } - - const sinamaLinks = { - en: [ - { label: "SINAMA Case Study", url: "sinama-case-study.html" }, - { label: "Open Live Product", url: "https://sinama.kaanbalci.com" }, - { label: "GitHub", url: "https://github.com/UAJOP/sinama" }, - ], - tr: [ - { label: "SINAMA Vaka Çalışması", url: "sinama-case-study.html" }, - { label: "Canlı Ürünü Aç", url: "https://sinama.kaanbalci.com" }, - { label: "GitHub", url: "https://github.com/UAJOP/sinama" }, - ], - }; - const mergeRushLinks = { - en: [{ label: "Merge Rush Case Study", url: "merge-rush-case-study.html" }], - tr: [{ label: "Merge Rush Vaka Çalışması", url: "merge-rush-case-study.html" }], - }; - - portfolioChatbotContent.en.quicks = [ - { id: "about", label: "Who is Kaan?" }, - { id: "sinama", label: "SINAMA" }, - { id: "mergeRush", label: "Merge Rush" }, - { id: "projects", label: "Best projects" }, - { id: "roles", label: "Role fit" }, - { id: "cv", label: "CV & contact" }, - ]; - portfolioChatbotContent.tr.quicks = [ - { id: "about", label: "Kaan kim?" }, - { id: "sinama", label: "SINAMA" }, - { id: "mergeRush", label: "Merge Rush" }, - { id: "projects", label: "En iyi projeler" }, - { id: "roles", label: "Role uygunluk" }, - { id: "cv", label: "CV & iletişim" }, - ]; - - Object.assign(portfolioChatbotContent.en.answers, { - sinama: { - text: [ - "SINAMA is Kaan's flagship Applied AI project: a Turkish-first AI Agent Reliability Lab for repeatable multi-turn testing, deterministic workflow evidence, regression comparison, version trends and release-readiness decisions.", - "SINAMA now proves the same reliability pipeline across insurance and e-commerce, including a typed 14-scenario cross-vertical suite. It can also test compatible external HTTPS agents.", - "The key SINAMA idea is simple: an agent can execute successfully and still behave incorrectly. The product inspects transcript and Tool Trace evidence rather than treating fluent text as proof of correctness.", - ], - links: sinamaLinks.en, - }, - mergeRush: { - text: [ - "Merge Rush: Tiny Factory is Kaan's active Phaser 3 + TypeScript game product. Timed orders feed a factory-restoration loop with staged board unlocks, multi-cell items, combos and Endless mode.", - "The project is also an engineering exercise: deterministic game state, footprint-aware placement, deadlock checks, responsive layouts and platform lifecycle abstractions are separated from presentation code.", - "Merge Rush is still in active development for a YouTube Playables direction. The private repository is not linked publicly; the portfolio case study documents the real implemented systems without presenting it as a finished release.", - ], - links: mergeRushLinks.en, - }, - projects: { - text: [ - "Kaan's two current flagship builds are SINAMA and Merge Rush: Tiny Factory. SINAMA is the strongest Applied AI / reliability-engineering proof; Merge Rush is the strongest current game-system and interactive-product proof.", - "For AI and Solution Engineering roles, start with SINAMA, then AI Chatbot Flow Design. For product/game engineering, start with Merge Rush. Joyday remains the strongest live real-business digital product example.", - "The broader catalog also includes AI Flow Puzzle, Joyday, C#/.NET hospital systems, Python/Tkinter software, data projects, Android work and Unity/Unreal prototypes.", - ], - links: [ - { label: "View Works", url: "works.html" }, - ...sinamaLinks.en.slice(0, 1), - ...mergeRushLinks.en, - ], - }, - roles: { - text: [ - "Kaan's strongest current direction is Applied AI / AI Solutions / Forward Deployed or Solution Engineering, supported by conversational AI, agent reliability, automation and hands-on software development.", - "SINAMA adds concrete proof in AI evaluation, backend architecture, test evidence and release discipline; CBOT adds enterprise conversational-AI experience; Joyday adds real product ownership.", - "For game or interactive-product roles, Merge Rush adds current Phaser 3 + TypeScript work on gameplay state, progression, responsive UI and platform architecture.", - ], - links: [ - { label: "Works", url: "works.html" }, - { label: "About", url: "about.html" }, - { label: "Contact", url: "mailto:kaanb8776@gmail.com" }, - ], - }, - }); - - Object.assign(portfolioChatbotContent.tr.answers, { - sinama: { - text: [ - "SINAMA, Kaan'ın flagship Applied AI projesi: tekrarlanabilir multi-turn test, deterministic workflow kanıtı, regression karşılaştırması, version trends ve release-readiness kararları için Turkish-first bir AI Agent Reliability Lab.", - "SINAMA artık aynı reliability pipeline'ını insurance ve e-commerce domain'lerinde kanıtlıyor; ayrıca 14 senaryolu typed cross-vertical suite ve uyumlu external HTTPS agent testing desteği bulunuyor.", - "SINAMA'nın ana fikri şu: bir agent teknik olarak çalışıp yine de yanlış davranabilir. Ürün akıcı metni başarı kanıtı saymak yerine transcript ve Tool Trace kanıtını inceliyor.", - ], - links: sinamaLinks.tr, - }, - mergeRush: { - text: [ - "Merge Rush: Tiny Factory, Kaan'ın aktif Phaser 3 + TypeScript oyun ürünü. Süreli siparişler; aşamalı board unlock, multi-cell item'lar, combo ve Endless mode içeren fabrika onarım döngüsünü besliyor.", - "Proje aynı zamanda mühendislik tarafını gösteriyor: deterministic game state, footprint-aware placement, deadlock kontrolleri, responsive layout'lar ve platform lifecycle abstraction'ları presentation kodundan ayrılıyor.", - "Merge Rush hâlâ YouTube Playables yönünde aktif geliştirme aşamasında. Private repository public olarak paylaşılmıyor; portfolyo case study'si gerçek sistemleri tamamlanmış release gibi göstermeden belgeliyor.", - ], - links: mergeRushLinks.tr, - }, - projects: { - text: [ - "Kaan'ın güncel iki flagship ürünü SINAMA ve Merge Rush: Tiny Factory. SINAMA Applied AI / reliability engineering için; Merge Rush ise game-system ve interactive-product engineering için en güçlü güncel kanıt.", - "AI ve Solution Engineering rolleri için önce SINAMA, ardından AI Chatbot Flow Design; game/product engineering için Merge Rush; gerçek işletme ürünü görmek için Joyday incelenebilir.", - "Daha geniş katalogda ayrıca AI Flow Puzzle, Joyday, C#/.NET hastane sistemleri, Python/Tkinter yazılımları, data projeleri, Android ve Unity/Unreal çalışmaları bulunuyor.", - ], - links: [ - { label: "Projeleri Gör", url: "works.html" }, - ...sinamaLinks.tr.slice(0, 1), - ...mergeRushLinks.tr, - ], - }, - roles: { - text: [ - "Kaan'ın güncel en güçlü kariyer yönü Applied AI / AI Solutions / Forward Deployed veya Solution Engineering. Bu yön conversational AI, agent reliability, otomasyon ve hands-on yazılım geliştirme ile destekleniyor.", - "SINAMA AI evaluation, backend architecture, test evidence ve release discipline tarafında somut ürün kanıtı; CBOT enterprise conversational AI deneyimi; Joyday ise gerçek ürün sahipliği sağlıyor.", - "Game veya interactive-product rolleri için Merge Rush; Phaser 3 + TypeScript, gameplay state, progression, responsive UI ve platform architecture tarafında güncel kanıt sunuyor.", - ], - links: [ - { label: "Projeler", url: "works.html" }, - { label: "Hakkımda", url: "about.html" }, - { label: "İletişim", url: "mailto:kaanb8776@gmail.com" }, - ], - }, - }); - - const existingIds = new Set(chatbotKeywordMap.map((entry) => entry.id)); - if (!existingIds.has("sinama")) { - chatbotKeywordMap.unshift({ - id: "sinama", - keywords: [ - "sinama", - "reliability", - "regression", - "readiness", - "scenario pack", - "test suite", - "tool trace", - ], - }); - } - if (!existingIds.has("mergeRush")) { - chatbotKeywordMap.unshift({ - id: "mergeRush", - keywords: [ - "merge rush", - "tiny factory", - "phaser", - "playables", - "factory run", - "endless", - "merge game", - ], - }); - } - - addUniqueKeywords( - chatbotKeywordMap.find((entry) => entry.id === "ai"), - ["agent", "agents", "applied ai", "solution engineering"], - ); - addUniqueKeywords( - chatbotKeywordMap.find((entry) => entry.id === "stack"), - ["typescript", "fastapi", "postgresql", "phaser"], - ); - - if (typeof updatePortfolioChatbotLanguage === "function") { - updatePortfolioChatbotLanguage(currentLanguage()); - } - } - - applyFlagshipCopy(); - syncAjoopWithFlagshipProjects(); - - const observer = new MutationObserver((records) => { - if (records.some((record) => record.type === "attributes" && record.attributeName === "lang")) { - applyFlagshipCopy(); - syncAjoopWithFlagshipProjects(); - } - }); - - observer.observe(document.documentElement, { attributes: true, attributeFilter: ["lang"] }); -})(); From 3223f7ecd519260c9e3ffb21bf5b505b717e5f7f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:35:20 +0300 Subject: [PATCH 20/32] docs: document portfolio architecture v2 --- PORTFOLIO_ARCHITECTURE.md | 140 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 140 insertions(+) create mode 100644 PORTFOLIO_ARCHITECTURE.md diff --git a/PORTFOLIO_ARCHITECTURE.md b/PORTFOLIO_ARCHITECTURE.md new file mode 100644 index 0000000..4e5040e --- /dev/null +++ b/PORTFOLIO_ARCHITECTURE.md @@ -0,0 +1,140 @@ +# Portfolio Architecture V2 + +## Why this exists + +The portfolio grew from a static personal site into a product with Recruiter Mode, Ajoop, Command Palette, bilingual copy, case studies, games, request intake, accessibility QA and multiple active flagship products. + +The previous structure duplicated current project truth across HTML pages, `script.js` and `flagship-copy.js`. That made drift likely whenever SINAMA, Merge Rush or career positioning changed. + +## Source-of-truth rule + +For new portfolio work, **current product facts, recruiter profiles, build status and evidence summaries live in `portfolio-data.js` first**. + +Do not add a new SINAMA / Merge Rush fact directly to Ajoop or Recruiter Mode without first adding it to the registry. + +### `portfolio-data.js` + +Owns: + +- Profile and contact truth +- Flagship project summaries +- Project status / stack / proof +- Role-specific recruiter profiles +- Build log entries +- Labs catalog +- Sanitized SINAMA Evidence Explorer examples + +### `portfolio-v2.js` + +Owns: + +- Unified EN/TR attribute copy (`data-pv2-en` / `data-pv2-tr`) +- Runtime synchronization of legacy Ajoop with registry facts +- Recruiter Mode V2 rendering +- Role-specific URLs such as `?role=applied-ai` +- Build Log rendering +- Labs rendering +- SINAMA Evidence Explorer rendering +- Browser-side request receipt note +- Command Palette extensions for Labs, Build Log and recruiter deep links + +### `portfolio-v2.css` + +Owns UI for the V2 runtime surfaces. New V2 components should be styled here instead of growing `style.css` unless they are true global primitives. + +## Role deep links + +Supported role ids: + +- `applied-ai` +- `solution-engineering` +- `software` +- `game` + +Example: + +`https://kaanbalci.com/?role=applied-ai` + +On V2-enabled pages, a valid role parameter selects that evidence profile and opens Recruiter Mode. + +## Page hierarchy + +### Professional narrative + +1. `index.html` — concise landing page +2. `works.html` — curated professional evidence +3. `sinama-case-study.html` — flagship Applied AI proof +4. `merge-rush-case-study.html` — flagship game / interactive product proof +5. `blog.html` — professional timeline +6. `about.html` — profile and capability map +7. `request.html` — project inquiry + +### Supporting surfaces + +- `now.html` — living build log +- `labs.html` — technical experiments that should not dilute the main career story +- `games.html` — actual game / playable work +- `project-detail.html` — dynamic archive detail route; intentionally `noindex` +- `single-work.html` — training / certificates + +## Evidence policy + +Prefer evidence over quantity metrics. + +Good proof: + +- Implemented product behavior +- Test suites / regression logic +- Release-readiness rules +- Real customer workflows +- Responsive QA evidence +- Architecture boundaries +- Live product links + +Weak proof should not lead the homepage: + +- Tutorial-scale repositories +- Calculator / weather practice apps +- Unbuilt concepts +- Raw certificate counts + +These can remain in GitHub, Labs or archive surfaces. + +## SINAMA Evidence Explorer + +The explorer uses simplified, sanitized static examples. It is not a live evaluator and must never be presented as one. + +Its purpose is to make the product model understandable quickly: + +`Conversation → Tool Trace → Deterministic Findings → Release Verdict` + +## Merge Rush media policy + +The public case study may describe verified QA states from the private development record, but it must not invent gameplay screenshots. + +When real public screenshots or video are approved, add them to the public portfolio `assets/` folder and reference them from the case study. Keep the private repository private. + +## Request-form truth + +The current direct request endpoint uses Google Apps Script with `no-cors` browser submission. The browser cannot verify server-side receipt. + +The UI may show a **browser submission reference**, but must not call it a server confirmation until the endpoint returns a verifiable response with appropriate CORS handling. + +## QA + +The Site Preflight workflow remains the release safety net. V2 adds `labs.html` and `now.html` to Pa11y and Lighthouse coverage. + +Before merge: + +1. HTML validation +2. spelling +3. mobile Pa11y +4. Lighthouse +5. broken-link scan +6. manual smoke test for Recruiter Mode V2, language switch, Ajoop, role deep links and SINAMA Evidence Explorer + +## Migration note + +`flagship-copy.js` was removed. Its responsibilities are now handled by the registry + V2 runtime. `script.js` still contains legacy data needed by older pages and dynamic archive features; V2 treats that layer as compatibility code and overwrites current flagship/recruiter/Ajoop surfaces at runtime on migrated pages. + +Future cleanup should gradually extract remaining large legacy modules from `script.js` into focused files without changing behavior. From f65fca74e40d236785364ada4618620fafdb66ba Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:35:37 +0300 Subject: [PATCH 21/32] docs: update README for architecture v2 --- README.md | 107 +++++++++++++++++++++++++++++++++++++----------------- 1 file changed, 73 insertions(+), 34 deletions(-) diff --git a/README.md b/README.md index 99a583e..2ac32bf 100644 --- a/README.md +++ b/README.md @@ -2,53 +2,92 @@ Source code for [kaanbalci.com](https://kaanbalci.com), the professional portfolio of **Kaan Balcı — AI Designer & Software Developer**. -## Professional focus +## Current positioning -- Conversational AI and chatbot flow design -- Solution engineering -- LLM response, reasoning, code and multimodal evaluation -- Workflow automation and n8n-style logic -- User-centered software products -- Python, C#/.NET, JavaScript, PHP and SQL +The public portfolio is centered on: -Game development, mobile development and interactive projects remain part of the wider portfolio, while the main public positioning is centered on AI and software roles. +- Applied AI and AI Agent Reliability +- AI Solutions / Solution Engineering +- Conversational AI and workflow design +- LLM evaluation and evidence-based QA +- Python / FastAPI / PostgreSQL product work +- TypeScript product and interactive systems + +Two current flagship products lead the portfolio: + +- **SINAMA — AI Agent Reliability Lab** +- **Merge Rush: Tiny Factory** + +## Portfolio Architecture V2 + +Current product truth is centralized in `portfolio-data.js` and consumed by `portfolio-v2.js`. + +This registry powers or synchronizes: + +- Recruiter Mode V2 +- Role-specific recruiter deep links +- Ajoop 3.0 evidence answers +- Build Log +- Kaan Labs +- SINAMA Evidence Explorer +- Shared bilingual V2 copy + +See [`PORTFOLIO_ARCHITECTURE.md`](PORTFOLIO_ARCHITECTURE.md) before adding new flagship facts or recruiter evidence. ## Main pages -- `index.html` — Landing page, focus areas, recent experience, selected work and contact hub -- `works.html` — Filterable project catalog -- `games.html` — Interactive web games catalog -- `adventure.html` — Career Adventure mini game -- `joyday-paint.html` — Joyday Action Painting experience -- `ai-flow-puzzle.html` — n8n-inspired chatbot workflow puzzle -- `project-detail.html` — Dynamic project detail page -- `blog.html` — Professional experience timeline -- `single-work.html` — Training and course certificate gallery -- `about.html` — Professional profile and capability map -- `request.html` — Project request form -- `script.js` — Navigation, EN/TR translation, Ajoop, Recruiter Mode, Command Palette and dynamic project content -- `style.css` — Responsive site styling +- `index.html` — concise landing page led by flagship evidence +- `works.html` — curated professional project catalog +- `sinama-case-study.html` — Applied AI / reliability flagship case study + evidence explorer +- `merge-rush-case-study.html` — game / interactive flagship case study + QA evidence +- `blog.html` — professional experience timeline +- `about.html` — profile and capability map +- `request.html` — structured project inquiry +- `now.html` — living product / engineering build log +- `labs.html` — technical experiments separated from the main professional narrative +- `games.html` — active game product + playable browser work +- `single-work.html` — training and certificates +- `project-detail.html` — dynamic archive project detail route (`noindex`) + +## Core files + +- `portfolio-data.js` — source of truth for current flagship/project/recruiter/build data +- `portfolio-v2.js` — V2 runtime and evidence surfaces +- `portfolio-v2.css` — V2 component styling +- `script.js` — legacy/global site runtime: navigation, theme, existing translations, dynamic archive details, chatbot shell, command palette and interactive utilities +- `style.css` — global styling primitives and legacy component styles + +`flagship-copy.js` has been retired; its responsibilities moved to the registry + V2 runtime. + +## Recruiter deep links + +- `/?role=applied-ai` +- `/?role=solution-engineering` +- `/?role=software` +- `/?role=game` + +A valid role parameter selects the matching evidence profile and opens Recruiter Mode on V2-enabled pages. ## Resume -All public resume actions use one centralized resume URL in `script.js`: +The public resume URL is still centralized by the legacy runtime and mirrored in the V2 registry: + +`https://drive.google.com/file/d/1eERVaYoP-ICuP3xfbzpaDaCo5amwqA8u/view?usp=sharing` -```js -const resumeLink = "https://drive.google.com/file/d/1eERVaYoP-ICuP3xfbzpaDaCo5amwqA8u/view?usp=sharing"; -``` +Role-specific private application CVs are intentionally not exposed. -Public buttons use labels such as **View Resume** or **Download Resume**. Role-specific application CVs are intentionally not exposed on the website. +## QA -## Current links +GitHub Actions runs Site Preflight checks for: -- Portfolio: [kaanbalci.com](https://kaanbalci.com) -- Resume: [View Resume](https://drive.google.com/file/d/1eERVaYoP-ICuP3xfbzpaDaCo5amwqA8u/view?usp=sharing) -- LinkedIn: [linkedin.com/in/balcikaan](https://www.linkedin.com/in/balcikaan/) -- GitHub: [github.com/UAJOP](https://github.com/UAJOP) -- Email: [kaanb8776@gmail.com](mailto:kaanb8776@gmail.com) +- HTML validation +- spelling +- mobile WCAG 2 AA with Pa11y +- Lighthouse performance / accessibility / best practices / SEO +- broken links + +V2 adds `labs.html` and `now.html` to automated accessibility and Lighthouse coverage. ## Deployment The repository is configured for GitHub Pages with the custom domain in `CNAME`. - -Keep the existing `assets` directory unchanged when replacing the updated code files, because the HTML pages reference the current portfolio images, certificates and logos from that directory. From ad75a3296161c7f65b46057906ca3d1824091062 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:36:37 +0300 Subject: [PATCH 22/32] test: add JavaScript syntax gate to site preflight --- .github/workflows/site-preflight.yml | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/.github/workflows/site-preflight.yml b/.github/workflows/site-preflight.yml index a3088d7..aaeff4b 100644 --- a/.github/workflows/site-preflight.yml +++ b/.github/workflows/site-preflight.yml @@ -34,6 +34,13 @@ jobs: - name: Prepare reports directory run: mkdir -p qa-results + - name: Check JavaScript syntax + run: | + set -e + for file in ./*.js; do + node --check "$file" + done + - name: Validate HTML continue-on-error: true run: npm run qa:html 2>&1 | tee qa-results/html-validation.txt From e9ccc4a7d194be1bc43ae3f58b2a8b3b1370e809 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:42:50 +0300 Subject: [PATCH 23/32] refactor: make script runtime a global v2 bootloader --- legacy-script.js | 6640 +++++++++++++++++++++++++++++++++++++++++++++ script.js | 6668 +--------------------------------------------- 2 files changed, 6687 insertions(+), 6621 deletions(-) create mode 100644 legacy-script.js diff --git a/legacy-script.js b/legacy-script.js new file mode 100644 index 0000000..e65d1cb --- /dev/null +++ b/legacy-script.js @@ -0,0 +1,6640 @@ +const resumeLink = + "https://drive.google.com/file/d/1eERVaYoP-ICuP3xfbzpaDaCo5amwqA8u/view?usp=sharing"; + +document.querySelectorAll("[data-resume-link]").forEach((link) => { + link.href = resumeLink; +}); + +function openDrivePreviews() { + window.open(resumeLink, "_blank", "noopener,noreferrer"); +} + +const navToggle = document.querySelector(".nav-toggle"); +const navLinks = document.querySelector("[data-nav]"); + +const overlayTriggerMap = new WeakMap(); +let inertedBackgroundElements = []; + +function getFocusableElements(container) { + if (!container) return []; + return Array.from( + container.querySelectorAll( + 'a[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', + ), + ).filter( + (element) => + element.getAttribute("aria-hidden") !== "true" && + (element.offsetParent !== null || element === document.activeElement), + ); +} + +function trapFocus(event, container) { + if (event.key !== "Tab" || !container) return; + const focusableElements = getFocusableElements(container); + if (!focusableElements.length) { + event.preventDefault(); + container.focus?.(); + return; + } + + const first = focusableElements[0]; + const last = focusableElements[focusableElements.length - 1]; + if (event.shiftKey && document.activeElement === first) { + event.preventDefault(); + last.focus(); + } else if (!event.shiftKey && document.activeElement === last) { + event.preventDefault(); + first.focus(); + } +} + +function rememberOverlayTrigger(container, trigger = document.activeElement) { + if (container && trigger instanceof HTMLElement) { + overlayTriggerMap.set(container, trigger); + } +} + +function restoreOverlayFocus(container) { + const trigger = container ? overlayTriggerMap.get(container) : null; + if (trigger?.isConnected) trigger.focus(); + if (container) overlayTriggerMap.delete(container); +} + +function setBackgroundInert(activeRoot = null) { + inertedBackgroundElements.forEach(({ element, wasInert }) => { + element.inert = wasInert; + }); + inertedBackgroundElements = []; + + if (!activeRoot || !("inert" in HTMLElement.prototype)) return; + Array.from(document.body.children).forEach((element) => { + if ( + element === activeRoot || + element.contains(activeRoot) || + activeRoot.contains(element) || + element.tagName === "SCRIPT" + ) { + return; + } + inertedBackgroundElements.push({ element, wasInert: element.inert }); + element.inert = true; + }); +} + +function setOverlayBodyState(isOpen) { + document.body.classList.toggle("overlay-modal-open", Boolean(isOpen)); +} + +function closeMobileNavigation({ restoreFocus = false } = {}) { + if (!navToggle || !navLinks) return; + const wasOpen = navLinks.classList.contains("is-open"); + navLinks.classList.remove("is-open"); + navToggle.classList.remove("is-open"); + navToggle.setAttribute("aria-expanded", "false"); + navToggle.setAttribute( + "aria-label", + document.documentElement.lang === "tr" + ? "Navigasyonu aç" + : "Open navigation", + ); + if (restoreFocus && wasOpen) navToggle.focus(); +} + +if (navToggle && navLinks) { + navLinks.id = navLinks.id || "site-navigation"; + navToggle.setAttribute("aria-controls", navLinks.id); + + navToggle.addEventListener("click", () => { + const isOpen = !navLinks.classList.contains("is-open"); + if (isOpen) { + setChatbotOpen?.(false, { restoreFocus: false }); + setCommandPaletteOpen?.(false, { restoreFocus: false }); + setRecruiterMode?.(false, { restoreFocus: false }); + } + navLinks.classList.toggle("is-open", isOpen); + navToggle.classList.toggle("is-open", isOpen); + navToggle.setAttribute("aria-expanded", String(isOpen)); + navToggle.setAttribute( + "aria-label", + document.documentElement.lang === "tr" + ? isOpen + ? "Navigasyonu kapat" + : "Navigasyonu aç" + : isOpen + ? "Close navigation" + : "Open navigation", + ); + }); + + navLinks.querySelectorAll("a").forEach((link) => { + link.addEventListener("click", () => closeMobileNavigation()); + }); + + document.addEventListener("keydown", (event) => { + if (event.key === "Escape" && navLinks.classList.contains("is-open")) { + closeMobileNavigation({ restoreFocus: true }); + } + }); + + window.addEventListener("resize", () => { + if (window.innerWidth > 820) closeMobileNavigation(); + }); +} + +document.querySelectorAll("[data-year]").forEach((node) => { + node.textContent = new Date().getFullYear(); +}); + +const siteThemeState = { + current: "dark", +}; + +function getStoredSiteTheme() { + try { + return localStorage.getItem("kaanbalci-site-theme") === "light" + ? "light" + : "dark"; + } catch (error) { + return "dark"; + } +} + +function applySiteTheme(theme) { + const nextTheme = theme === "light" ? "light" : "dark"; + siteThemeState.current = nextTheme; + document.documentElement.setAttribute("data-theme", nextTheme); + + document.querySelectorAll("[data-theme-toggle]").forEach((button) => { + const icon = button.querySelector("i"); + const label = button.querySelector("[data-theme-label]"); + const isLight = nextTheme === "light"; + const isTurkish = (document.documentElement.lang || "en") === "tr"; + + if (icon) { + icon.className = isLight ? "bx bx-sun" : "bx bx-moon"; + } + + if (label) { + label.textContent = isLight + ? isTurkish + ? "Açık" + : "Light" + : isTurkish + ? "Koyu" + : "Dark"; + } + + button.setAttribute( + "aria-label", + isLight + ? isTurkish + ? "Koyu temaya geç" + : "Switch to dark theme" + : isTurkish + ? "Açık temaya geç" + : "Switch to light theme", + ); + button.setAttribute( + "title", + isLight + ? isTurkish + ? "Koyu temaya geç" + : "Switch to dark theme" + : isTurkish + ? "Açık temaya geç" + : "Switch to light theme", + ); + button.setAttribute("aria-pressed", String(isLight)); + }); + + try { + localStorage.setItem("kaanbalci-site-theme", nextTheme); + } catch (error) { + // Ignore storage errors. + } +} + +function setupSiteThemeToggle() { + applySiteTheme(getStoredSiteTheme()); + + document.querySelectorAll("[data-theme-toggle]").forEach((button) => { + button.addEventListener("click", () => { + applySiteTheme(siteThemeState.current === "light" ? "dark" : "light"); + }); + }); +} + +setupSiteThemeToggle(); + +function setupPortfolioImageFallbacks() { + document.addEventListener( + "error", + (event) => { + const image = event.target; + if ( + !image || + image.tagName !== "IMG" || + image.dataset.fallbackApplied === "true" + ) + return; + + image.dataset.fallbackApplied = "true"; + const currentSource = image.getAttribute("src") || ""; + const fallbackSource = currentSource.toLowerCase().includes("joyday") + ? "assets/joyday-homepage-preview.webp" + : "assets/KAAN BALCI-BÜYÜK LOGO PNG.png"; + + if (currentSource !== fallbackSource) { + image.src = fallbackSource; + } + }, + true, + ); +} + +setupPortfolioImageFallbacks(); + +const filterButtons = document.querySelectorAll("[data-filter-btn]"); +const projectCards = document.querySelectorAll(".project-card[data-category]"); + +function updateProjectSectionVisibility() { + document.querySelectorAll("[data-project-section]").forEach((section) => { + const hasVisibleCard = Array.from( + section.querySelectorAll(".project-card[data-category]"), + ).some((card) => !card.classList.contains("is-hidden")); + section.classList.toggle("is-hidden", !hasVisibleCard); + }); +} + +if (filterButtons.length && projectCards.length) { + filterButtons.forEach((button) => { + button.addEventListener("click", () => { + const selectedCategory = button.dataset.filterBtn; + + filterButtons.forEach((btn) => btn.classList.remove("active")); + button.classList.add("active"); + + projectCards.forEach((card) => { + const categories = card.dataset.category.split(" "); + const shouldShow = + selectedCategory === "all" || categories.includes(selectedCategory); + card.classList.toggle("is-hidden", !shouldShow); + }); + updateProjectSectionVisibility(); + }); + }); +} + +const modal = document.querySelector("[data-modal]"); +const modalImg = document.querySelector("[data-modal-img]"); +const modalClose = document.querySelector("[data-modal-close]"); +const certificatePreviewButtons = document.querySelectorAll("[data-cert]"); +let lastModalTrigger = null; +if (modal) modal.inert = true; + +function closeModal() { + if (!modal || !modalImg || !modal.classList.contains("is-open")) return; + modal.classList.remove("is-open"); + modal.setAttribute("aria-hidden", "true"); + modal.inert = true; + document.body.classList.remove("modal-open"); + modalImg.removeAttribute("src"); + modalImg.alt = "Certificate preview"; + lastModalTrigger?.focus(); +} + +if (modal && modalImg && certificatePreviewButtons.length) { + certificatePreviewButtons.forEach((button) => { + button.addEventListener("click", () => { + lastModalTrigger = button; + modalImg.src = button.dataset.cert; + modalImg.alt = button.dataset.certTitle || "Certificate preview"; + modal.classList.add("is-open"); + modal.inert = false; + modal.setAttribute("aria-hidden", "false"); + document.body.classList.add("modal-open"); + modalClose?.focus(); + }); + }); + + modal.addEventListener("click", (event) => { + if (event.target === modal) closeModal(); + }); + + if (modalClose) { + modalClose.addEventListener("click", closeModal); + } + + document.addEventListener("keydown", (event) => { + if (!modal.classList.contains("is-open")) return; + + if (event.key === "Escape") { + closeModal(); + } + + if (event.key === "Tab" && modalClose) { + event.preventDefault(); + modalClose.focus(); + } + }); +} + +const i18nTranslations = { + tr: { + Home: "Ana Sayfa", + Works: "Projeler", + Adventure: "Macera", + Experience: "Deneyim", + Certificates: "Sertifikalar", + About: "Hakkımda", + Request: "Talep", + Search: "Ara", + "Request a Project": "Proje Talebi Gönder", + "Project request": "Proje talebi", + "Tell me what you want to build.": "Ne geliştirmek istediğini anlat.", + "Fill out a short request form for AI workflows, automation, websites, dashboards or software projects. I will review the details and get back to you with the next steps.": + "AI iş akışları, otomasyon, web siteleri, dashboardlar veya yazılım projeleri için kısa talep formunu doldur. Detayları inceleyip sonraki adımlarla dönüş yapacağım.", + "How it works": "Nasıl çalışır", + "Simple request flow.": "Basit talep akışı.", + "Share the idea": "Fikri paylaş", + "Describe what you need, your goal, timeline and contact information.": + "Neye ihtiyacın olduğunu, hedefini, zaman planını ve iletişim bilgilerini anlat.", + "I review the scope": "Kapsamı incelerim", + "I check the technical direction, project type and possible next steps.": + "Teknik yönü, proje türünü ve olası sonraki adımları kontrol ederim.", + "You get a follow-up": "Geri dönüş alırsınız", + "After submission, I review your request and follow up using your preferred contact method.": + "Gönderimden sonra talebinizi inceler ve tercih ettiğiniz iletişim yöntemiyle geri dönüş yaparım.", + "Good for": "Uygun alanlar", + "For urgent requests, you can also use the email and LinkedIn buttons after submitting the form.": + "Acil talepler için formu gönderdikten sonra e-posta ve LinkedIn butonlarını da kullanabilirsin.", + "Full Name *": "Ad Soyad *", + "Your name": "Adın soyadın", + "Email *": "E-posta *", + "Phone / WhatsApp": "Telefon / WhatsApp", + "Company / Brand": "Şirket / Marka", + Optional: "İsteğe bağlı", + "Project Type *": "Proje Türü *", + "Select a project type": "Proje türü seç", + "AI workflow / chatbot flow": "AI workflow / chatbot akışı", + "Website / portfolio / landing page": + "Web sitesi / portfolyo / landing page", + "Automation / n8n-style workflow": "Otomasyon / n8n tarzı iş akışı", + "Dashboard / data analysis": "Dashboard / veri analizi", + "Mobile / game prototype": "Mobil / oyun prototipi", + "Other software request": "Diğer yazılım talebi", + "Estimated Budget": "Tahmini Bütçe", + "Not sure yet": "Henüz emin değilim", + "Small scope": "Küçük kapsam", + "Medium scope": "Orta kapsam", + "Large scope": "Büyük kapsam", + "Need consultation": "Danışmamız gerekiyor", + Timeline: "Zaman Planı", + Flexible: "Esnek", + "1-2 weeks": "1-2 hafta", + "1 month": "1 ay", + "Long-term collaboration": "Uzun vadeli iş birliği", + "Preferred Contact": "Tercih Edilen İletişim", + "Project Details *": "Proje Detayları *", + "What do you want to build? What problem should it solve?": + "Ne geliştirmek istiyorsun? Hangi problemi çözmeli?", + "I agree that this information can be used to contact me about my request.": + "Bu bilgilerin talebim hakkında benimle iletişime geçmek için kullanılmasını kabul ediyorum.", + "Send Request": "Talebi Gönder", + "Email Instead": "E-posta ile Gönder", + + "View Resume": "CV'yi Görüntüle", + "AI Designer & Software Developer": "AI Designer & Software Developer", + "I design conversational AI workflows and build software products that turn": + "Conversational AI iş akışları tasarlıyor ve", + "complex needs into practical systems.": + "karmaşık ihtiyaçları pratik sistemlere dönüştüren yazılım ürünleri geliştiriyorum.", + "My work connects conversational AI, solution engineering, LLM evaluation, workflow automation and user-centered software development. I focus on building clear, practical and maintainable digital systems.": + "Çalışmalarım conversational AI, solution engineering, LLM değerlendirme, workflow otomasyonu ve kullanıcı odaklı yazılım geliştirmeyi bir araya getiriyor. Net, pratik ve sürdürülebilir dijital sistemler geliştirmeye odaklanıyorum.", + "Academic, personal, freelance & team projects": + "Akademik, kişisel, freelance ve ekip projeleri", + "Conversational AI": "Conversational AI", + "Chatbot flows and enterprise AI workflows": + "Chatbot akışları ve kurumsal AI iş akışları", + "LLM Evaluation": "LLM Değerlendirme", + "Response, reasoning, code and multimodal assessment": + "Yanıt, akıl yürütme, kod ve multimodal değerlendirme", + "Workflow Automation": "Workflow Otomasyonu", + "Multi-step logic, integrations and operational flows": + "Çok adımlı mantık, entegrasyonlar ve operasyonel akışlar", + "Software Products": "Yazılım Ürünleri", + "Web, desktop, mobile and database-backed applications": + "Web, masaüstü, mobil ve veritabanı destekli uygulamalar", + "Conversational AI & Flow Design": "Conversational AI & Akış Tasarımı", + "Chatbot flows, intent and response logic, QA, fallback paths, IVR and multi-channel interaction design.": + "Chatbot akışları, intent ve yanıt mantığı, QA, fallback yolları, IVR ve çok kanallı etkileşim tasarımı.", + "Multi-step business logic, forms, integrations, notifications, data collection and operational workflows.": + "Çok adımlı iş mantığı, formlar, entegrasyonlar, bildirimler, veri toplama ve operasyonel iş akışları.", + "Digital Product & User Experience": "Dijital Ürün & Kullanıcı Deneyimi", + "Responsive interfaces, reservation journeys and user-centered products shaped around real operational needs.": + "Gerçek operasyonel ihtiyaçlara göre şekillenen responsive arayüzler, rezervasyon yolculukları ve kullanıcı odaklı ürünler.", + "Digital Product & UX": "Dijital Ürün & UX", + "Customer-facing interfaces, reservation journeys, product flows and practical user experience improvements.": + "Müşteriye dönük arayüzler, rezervasyon yolculukları, ürün akışları ve pratik kullanıcı deneyimi geliştirmeleri.", + "Building the studio’s website, reservation journey, automation workflows and digital product experience.": + "Stüdyonun web sitesini, rezervasyon yolculuğunu, otomasyon akışlarını ve dijital ürün deneyimini geliştiriyorum.", + "Contributed to enterprise chatbot QA, flow restructuring, multi-channel automation and an insurance claims intake POC.": + "Kurumsal chatbot QA, akış yeniden yapılandırma, çok kanallı otomasyon ve sigorta hasar başvuru POC çalışmalarına katkı sağladım.", + "Evaluated LLM responses, reasoning, code and multimodal outputs through structured quality-assessment tasks.": + "Yapılandırılmış kalite değerlendirme görevleriyle LLM yanıtlarını, akıl yürütmeyi, kod ve multimodal çıktıları değerlendirdim.", + "Atölye Joyday – Co-Founder & Digital Product Developer": + "Atölye Joyday – Kurucu Ortak & Dijital Ürün Geliştirici", + "A recruiter-focused case study covering enterprise chatbot QA, stabilization, flow restructuring and multi-channel workflow logic.": + "Kurumsal chatbot QA, stabilizasyon, akış yeniden yapılandırma ve çok kanallı workflow mantığını kapsayan recruiter odaklı case study.", + "A live n8n-inspired browser game demonstrating chatbot flow structure, fallback logic, validation and user journey thinking.": + "Chatbot akış yapısı, fallback mantığı, doğrulama ve kullanıcı yolculuğu düşüncesini gösteren canlı, n8n ilhamlı tarayıcı oyunu.", + "Play Live": "Canlı Oyna", + "A live customer-facing website with package-based reservation journeys, application forms and operational automation.": + "Paket bazlı rezervasyon yolculukları, başvuru formları ve operasyonel otomasyon içeren canlı, müşteriye dönük web sitesi.", + "A database-backed desktop appointment automation system with multi-form workflows and operational logic.": + "Çok formlu iş akışları ve operasyonel mantık içeren veritabanı destekli masaüstü randevu otomasyon sistemi.", + "A database-backed C# Windows Forms project demonstrating patient, doctor, secretary and appointment workflows.": + "Hasta, doktor, sekreter ve randevu iş akışlarını gösteren veritabanı destekli C# Windows Forms projesi.", + "View Source Archive": "Kaynak Arşivini Gör", + "Desktop Application": "Masaüstü Uygulama", + "Source Archive": "Kaynak Arşivi", + "A Python-based analysis project focused on processing, exploring and presenting insights from automotive data.": + "Otomotiv verilerini işleme, keşfetme ve içgörüleri sunmaya odaklanan Python tabanlı analiz projesi.", + "Co-Founder & Digital Product Developer": + "Kurucu Ortak & Dijital Ürün Geliştirici", + "AI Training Specialist — Freelance / Project-Based": + "AI Eğitim Uzmanı — Freelance / Proje Bazlı", + "Software Development Intern": "Yazılım Geliştirme Stajyeri", + "Event Operations Supervisor — Part-Time": + "Etkinlik Operasyonları Süpervizörü — Yarı Zamanlı", + "Event Operations Specialist — Part-Time": + "Etkinlik Operasyonları Uzmanı — Yarı Zamanlı", + "Co-founded a creative workshop studio and developed its digital product and operational experience. Built the responsive website, package-based reservation journey, application forms and automated notification workflows using HTML, CSS, JavaScript, Google Forms, Google Sheets and Apps Script.": + "Yaratıcı bir workshop stüdyosunun kurucu ortağı oldum ve dijital ürün ile operasyon deneyimini geliştirdim. HTML, CSS, JavaScript, Google Forms, Google Sheets ve Apps Script kullanarak responsive web sitesini, paket bazlı rezervasyon yolculuğunu, başvuru formlarını ve otomatik bildirim akışlarını oluşturdum.", + "Worked on enterprise conversational AI projects across banking, insurance, municipal services and employee benefits. Contributed to live-chat QA, chatbot stabilization, channel configuration, large-scale flow restructuring and multi-channel automation processes. Designed, built, tested and presented an insurance claims intake POC involving voice interaction, phone verification, WhatsApp handoff, photo and document collection, and workflow coordination.": + "Bankacılık, sigorta, belediye hizmetleri ve çalışan yan hakları alanlarındaki kurumsal conversational AI projelerinde çalıştım. Live-chat QA, chatbot stabilizasyonu, kanal yapılandırması, büyük ölçekli akış yeniden yapılandırma ve çok kanallı otomasyon süreçlerine katkı sağladım. Sesli etkileşim, telefon doğrulama, WhatsApp aktarımı, fotoğraf ve belge toplama ile workflow koordinasyonu içeren bir sigorta hasar başvuru POC’sini tasarladım, geliştirdim, test ettim ve sundum.", + "Evaluated LLM responses, reasoning, code outputs and multimodal interactions through structured AI training and quality-assessment tasks, focusing on correctness, clarity, instruction following and user relevance.": + "Yapılandırılmış AI eğitim ve kalite değerlendirme görevleriyle LLM yanıtlarını, akıl yürütmeyi, kod çıktılarını ve multimodal etkileşimleri; doğruluk, açıklık, talimat takibi ve kullanıcıya uygunluk açısından değerlendirdim.", + "Developed a web-based event-management dashboard using PHP, JavaScript, HTML, CSS and MySQL. Built a database-backed interface for event creation, editing, tracking and reporting during a software development internship.": + "Yazılım geliştirme stajı sırasında PHP, JavaScript, HTML, CSS ve MySQL kullanarak web tabanlı bir etkinlik yönetim paneli geliştirdim; etkinlik oluşturma, düzenleme, takip ve raporlama için veritabanı destekli bir arayüz oluşturdum.", + "Coordinated on-site event operations, team supervision, logistics, customer experience and time-sensitive execution for congresses, seminars, corporate meetings and product launches.": + "Kongre, seminer, kurumsal toplantı ve ürün lansmanlarında saha operasyonları, ekip yönetimi, lojistik, müşteri deneyimi ve zaman kritik uygulama süreçlerini koordine ettim.", + "Supported event logistics, on-site coordination, task distribution and team supervision in fast-paced corporate event environments.": + "Hızlı tempolu kurumsal etkinlik ortamlarında lojistik, saha koordinasyonu, görev dağılımı ve ekip yönetimini destekledim.", + "Activities & Industry Events": "Aktiviteler & Sektör Etkinlikleri", + "Additional learning, competition and community experience.": + "Ek öğrenme, yarışma ve topluluk deneyimi.", + "These activities support my technical development but are separate from the professional experience timeline.": + "Bu aktiviteler teknik gelişimimi destekliyor ancak profesyonel deneyim zaman çizelgesinden ayrı tutuluyor.", + "Led a four-person team during a 24-hour competition, supporting game mechanics, Git workflows and rapid Unreal Engine prototyping. The team placed 4th among 15 teams.": + "24 saatlik yarışmada dört kişilik ekibe liderlik ettim; oyun mekanikleri, Git iş akışları ve hızlı Unreal Engine prototiplemesini destekledim. Ekip 15 takım arasında 4. oldu.", + "Attended game-industry sessions focused on development tools, game economy and studio operations, expanding practical industry awareness and professional connections.": + "Geliştirme araçları, oyun ekonomisi ve stüdyo operasyonlarına odaklanan sektör oturumlarına katılarak pratik sektör farkındalığımı ve profesyonel bağlantılarımı geliştirdim.", + "Building practical AI workflows and user-centered software products.": + "Pratik AI iş akışları ve kullanıcı odaklı yazılım ürünleri geliştiriyorum.", + "I am an AI Designer and Software Developer focused on conversational AI, workflow automation, LLM evaluation and user-centered software products. My background combines software development with AI flow design, product thinking and practical digital operations.": + "Conversational AI, workflow otomasyonu, LLM değerlendirme ve kullanıcı odaklı yazılım ürünlerine odaklanan bir AI Designer ve Software Developer’ım. Yazılım geliştirme altyapımı AI akış tasarımı, ürün düşüncesi ve pratik dijital operasyon deneyimiyle birleştiriyorum.", + "At CBOT, I worked on enterprise conversational AI projects involving chatbot QA, flow restructuring, multi-channel automation and an insurance claims intake POC. My work included testing, stabilization, channel configuration, voice and WhatsApp transitions, document collection and multi-step workflow logic.": + "CBOT’ta chatbot QA, akış yeniden yapılandırma, çok kanallı otomasyon ve sigorta hasar başvuru POC’si içeren kurumsal conversational AI projelerinde çalıştım. Çalışmalarım test, stabilizasyon, kanal yapılandırması, ses ve WhatsApp geçişleri, belge toplama ve çok adımlı workflow mantığını kapsadı.", + "Through project-based AI training work, I evaluated LLM responses, reasoning, code and multimodal outputs. As a co-founder of Atölye Joyday, I also built a live website, package-based reservation journey and automated operational workflows for a real customer-facing business.": + "Proje bazlı AI eğitim çalışmalarında LLM yanıtlarını, akıl yürütmeyi, kod ve multimodal çıktıları değerlendirdim. Atölye Joyday’in kurucu ortağı olarak gerçek müşterilere hizmet veren bir işletme için canlı web sitesi, paket bazlı rezervasyon yolculuğu ve otomatik operasyon akışları geliştirdim.", + "I am currently interested in AI Designer, Conversational AI, Solution Engineering, LLM Evaluation, Workflow Automation and software development opportunities.": + "AI Designer, Conversational AI, Solution Engineering, LLM Evaluation, Workflow Automation ve yazılım geliştirme fırsatlarıyla ilgileniyorum.", + "Event operations foundations": "Etkinlik operasyonları temeli", + "Built practical experience in logistics, on-site coordination, team supervision and time-sensitive execution.": + "Lojistik, saha koordinasyonu, ekip yönetimi ve zaman kritik uygulama süreçlerinde pratik deneyim kazandım.", + "Digital product ownership": "Dijital ürün sahipliği", + "Co-founded Atölye Joyday and built its website, reservation journey and operational automation workflows.": + "Atölye Joyday’in kurucu ortağı oldum; web sitesini, rezervasyon yolculuğunu ve operasyonel otomasyon akışlarını geliştirdim.", + "Digital Products & Additional Capabilities": + "Dijital Ürünler & Ek Yetkinlikler", + "Responsive websites and user journeys": + "Responsive web siteleri ve kullanıcı yolculukları", + "Reservation and application workflows": "Rezervasyon ve başvuru akışları", + "Interactive web and game prototypes": + "İnteraktif web ve oyun prototipleri", + "View Projects": "Projeleri Gör", + "Contact Me": "İletişime Geç", + "Open GitHub": "GitHub'da Aç", + "Open Website": "Siteyi Aç", + "View Experience": "Deneyimi Gör", + "View Details": "Detayları Gör", + "Online Form": "Online Form", + "If you prefer Google Forms, you can use the Online Form option as an alternative.": + "Google Forms üzerinden doldurmayı tercih edersen alternatif olarak Online Form seçeneğini kullanabilirsin.", + "Project Detail": "Proje Detayı", + "Loading project...": "Proje yükleniyor...", + "Please wait while the selected project details are prepared.": + "Seçilen proje detayları hazırlanırken lütfen bekle.", + "See Experience": "Deneyimi Gör", + "View All Works": "Tüm Projeleri Gör", + "Send Email": "E-posta Gönder", + LinkedIn: "LinkedIn", + Contact: "İletişim", + "Get in Touch": "İletişime Geç", + "Company Website": "Şirket Sitesi", + "Event Page": "Etkinlik Sayfası", + "Event Website": "Etkinlik Sitesi", + "AI Designer & Software Developer building practical AI workflows and scalable software systems.": + "Pratik AI iş akışları ve ölçeklenebilir yazılım sistemleri geliştiren AI Designer & Software Developer.", + "Kaan Balcı. All rights reserved.": "Kaan Balcı. Tüm hakları saklıdır.", + "AI Designer • Software Developer • Automation Builder": + "AI Designer • Software Developer • Otomasyon Geliştirici", + "I design AI workflows and build software products that turn ideas into": + "AI iş akışları tasarlıyor ve fikirleri", + "scalable systems.": + "ölçeklenebilir sistemlere dönüştüren yazılım ürünleri geliştiriyorum.", + "I am a result-oriented AI Designer and Software Developer with hands-on experience across AI, automation, backend systems, responsive web/mobile development, and game development. I focus on practical AI workflows, chatbot logic, clean software architecture, and product-oriented solutions.": + "AI, otomasyon, backend sistemleri, responsive web/mobil geliştirme ve oyun geliştirme alanlarında uygulamalı deneyime sahip, sonuç odaklı bir AI Designer ve Software Developer'ım. Pratik AI iş akışları, chatbot mantığı, temiz yazılım mimarisi ve ürün odaklı çözümler üzerine çalışıyorum.", + "Available for AI & Software roles": "AI & Software rolleri için uygun", + "Istanbul / Remote": "İstanbul / Remote", + Projects: "Proje", + "CBOT AI Designer experience": "CBOT AI Designer deneyimi", + "Chatbot, IVR and automation workflows": + "Chatbot, IVR ve otomasyon iş akışları", + "Web, backend, mobile and game systems": + "Web, backend, mobil ve oyun sistemleri", + "What I do": "Neler yapıyorum", + "From AI workflows to working software.": + "AI iş akışlarından çalışan yazılım ürünlerine.", + "I combine software logic, automation thinking, and practical AI experience to design systems that are clear, usable, and maintainable.": + "Net, kullanılabilir ve sürdürülebilir sistemler tasarlamak için yazılım mantığını, otomasyon bakış açısını ve pratik AI deneyimini birleştiriyorum.", + "AI Workflow Design": "AI İş Akışı Tasarımı", + "Chatbot flows, prompt logic, response quality evaluation, IVR and multi-channel automation design.": + "Chatbot akışları, prompt mantığı, yanıt kalitesi değerlendirmesi, IVR ve çok kanallı otomasyon tasarımı.", + "Software Development": "Yazılım Geliştirme", + "Backend logic, C#/.NET automation, Python workflows, PHP/MySQL systems and clean web interfaces.": + "Backend mantığı, C#/.NET otomasyonları, Python iş akışları, PHP/MySQL sistemleri ve temiz web arayüzleri.", + "Web & Mobile Products": "Web & Mobil Ürünler", + "Responsive websites, reservation flows, Android apps, data collection systems and product interfaces.": + "Responsive web siteleri, rezervasyon akışları, Android uygulamaları, veri toplama sistemleri ve ürün arayüzleri.", + "Game Development": "Oyun Geliştirme", + "Unity and Unreal Engine projects using C#, C++, Blueprints, gameplay systems and OOP principles.": + "C#, C++, Blueprints, gameplay sistemleri ve OOP prensipleriyle Unity ve Unreal Engine projeleri.", + "Recent experience": "Son deneyimler", + "AI, automation and product-focused work.": + "AI, otomasyon ve ürün odaklı çalışmalar.", + "My recent work is centered around AI-powered chatbot systems, LLM evaluation, automation flows, and real business websites.": + "Son çalışmalarım AI destekli chatbot sistemleri, LLM değerlendirme, otomasyon akışları ve gerçek işletme web siteleri üzerine yoğunlaşıyor.", + "Contributed to enterprise chatbot QA, flow restructuring, multi-channel automation and an insurance claims intake POC.": + "Kurumsal chatbot QA, akış yeniden yapılandırma, çok kanallı otomasyon ve sigorta hasar başvuru POC çalışmalarına katkı sağladım.", + "Evaluated LLM responses, reasoning, code and multimodal outputs through structured quality-assessment tasks.": + "Yapılandırılmış kalite değerlendirme görevleriyle LLM yanıtlarını, akıl yürütmeyi, kod ve multimodal çıktıları değerlendirdim.", + "Built the studio website and digital reservation workflow for package selection and customer tracking.": + "Paket seçimi ve müşteri takibi için stüdyo web sitesini ve dijital rezervasyon akışını geliştirdim.", + "Featured works": "Öne çıkan projeler", + "Selected projects with real product value.": + "Gerçek ürün değeri taşıyan seçili projeler.", + "A focused selection of AI, web, data, mobile and game projects that best represent my technical direction.": + "Teknik yönümü en iyi temsil eden AI, web, veri, mobil ve oyun projelerinden seçilmiş odaklı bir liste.", + "Mobile Game": "Mobil Oyun", + "A hyper-casual 3D mobile driving simulation game focused on score, reflexes and obstacle navigation.": + "Skor, refleks ve engellerden kaçınma üzerine kurulu hyper-casual 3D mobil sürüş simülasyonu.", + "A Windows Forms hospital appointment automation system with a complex multi-form structure.": + "Karmaşık çok formlu yapıya sahip Windows Forms hastane randevu otomasyon sistemi.", + "Cars Dataset Analysis": "Cars Veri Seti Analizi", + "A Python-based data analysis project exploring insights from the Cars dataset.": + "Cars veri setinden içgörüler çıkarmaya odaklanan Python tabanlı veri analizi projesi.", + "Let’s build something useful": "Gel işe yarar bir şey geliştirelim", + "Looking for an AI Designer or Software Developer?": + "AI Designer veya Software Developer mı arıyorsunuz?", + "I can contribute to AI workflow design, chatbot systems, automation logic, web products, backend tools and software development teams.": + "AI iş akışı tasarımı, chatbot sistemleri, otomasyon mantığı, web ürünleri, backend araçları ve yazılım geliştirme ekiplerine katkı sağlayabilirim.", + Portfolio: "Portfolyo", + "Works that show my range across AI, software and games.": + "AI, yazılım ve oyun alanlarındaki genişliğimi gösteren projeler.", + "A curated project catalog designed for recruiters and technical teams to quickly understand what I build, which technologies I use, and how each project fits into my long-term direction.": + "Recruiter'ların ve teknik ekiplerin ne geliştirdiğimi, hangi teknolojileri kullandığımı ve projelerin uzun vadeli yönüme nasıl oturduğunu hızlıca anlaması için hazırlanmış seçili proje kataloğu.", + All: "Tümü", + "AI & Automation": "AI & Otomasyon", + Web: "Web", + Game: "Oyun", + Mobile: "Mobil", + "Data / Backend": "Veri / Backend", + "AI Chatbot Flow Design": "AI Chatbot Akış Tasarımı", + "Enterprise conversational AI experience covering chatbot QA, stabilization, flow restructuring and multi-channel workflow logic.": + "Chatbot QA, stabilizasyon, akış yeniden yapılandırma ve çok kanallı workflow mantığını kapsayan kurumsal conversational AI deneyimi.", + + "Business website and digital reservation workflow for package selection, customer data collection and operational tracking.": + "Paket seçimi, müşteri veri toplama ve operasyon takibi için işletme web sitesi ve dijital rezervasyon akışı.", + "A hyper-casual 3D mobile driving simulation game focused on obstacle avoidance, score and reflex-based gameplay.": + "Engellerden kaçınma, skor ve refleks odaklı oynanışa sahip hyper-casual 3D mobil sürüş simülasyonu.", + "A 2D physics-based projectile game inspired by precision aiming, tower destruction and strategic shots.": + "Hassas nişan alma, kule yıkımı ve stratejik atışlardan ilham alan 2D fizik tabanlı fırlatma oyunu.", + "A Unity learning project containing multiple scenes, each focused on different gameplay fundamentals and mechanics.": + "Her biri farklı gameplay temellerine ve mekaniklere odaklanan çok sahneli Unity öğrenme projesi.", + "A third-person action shooter prototype with enemy AI, health management and combat-focused gameplay systems.": + "Düşman AI, sağlık yönetimi ve savaş odaklı gameplay sistemleri içeren üçüncü şahıs aksiyon shooter prototipi.", + "A third-person tank combat game prototype built with Unreal Engine, Blueprints, C++ and physics-based gameplay.": + "Unreal Engine, Blueprints, C++ ve fizik tabanlı gameplay ile geliştirilen üçüncü şahıs tank savaş oyunu prototipi.", + "A comprehensive appointment automation system written in C# with MSSQL and a complex multi-form structure.": + "C# ve MSSQL ile geliştirilmiş, karmaşık çok formlu yapıya sahip kapsamlı randevu otomasyon sistemi.", + "A Python-based dataset analysis project built to explore, process and present insights from automotive data.": + "Otomotiv verilerini keşfetmek, işlemek ve içgörü sunmak için geliştirilmiş Python tabanlı veri analizi projesi.", + "A JavaScript weather application that fetches forecast data and presents location-based weather information.": + "Hava durumu verilerini çeken ve konuma göre hava bilgisi sunan JavaScript uygulaması.", + "More code": "Daha fazla kod", + "Want to inspect the full repository list?": + "Tüm repository listesini incelemek ister misin?", + "My GitHub contains additional learning projects, school projects, experiments and archived builds.": + "GitHub hesabımda ek öğrenme projeleri, okul projeleri, deneyler ve arşivlenmiş çalışmalar bulunuyor.", + "Professional timeline shaped by AI, software, operations and product thinking.": + "AI, yazılım, operasyon ve ürün düşüncesiyle şekillenen profesyonel zaman çizelgesi.", + "I have worked across AI workflows, software development, event operations and entrepreneurship. This combination helps me understand both technical systems and real business processes.": + "AI iş akışları, yazılım geliştirme, etkinlik operasyonları ve girişimcilik alanlarında çalıştım. Bu kombinasyon hem teknik sistemleri hem de gerçek iş süreçlerini anlamamı sağlıyor.", + "Core direction": "Ana yönelim", + "My current career direction is AI Designer / Software Developer roles where I can design chatbot systems, automate workflows, evaluate LLM quality, and build useful software products.": + "Güncel kariyer yönelimim; chatbot sistemleri tasarlayabileceğim, iş akışlarını otomatikleştirebileceğim, LLM kalitesini değerlendirebileceğim ve faydalı yazılım ürünleri geliştirebileceğim AI Designer / Software Developer rolleri.", + "Istanbul | Sep 2025 – Oct 2025": "İstanbul | Eyl 2025 – Eki 2025", + + "n8n-based Logic": "n8n Tabanlı Mantık", + "Enterprise Chatbots": "Kurumsal Chatbotlar", + "Remote | Apr 2025 – Aug 2025": "Remote | Nis 2025 – Ağu 2025", + "Evaluated and improved AI-generated responses, voice interactions, prompts, and code outputs for modern LLM workflows. Focused on response quality assessment, reasoning accuracy, multimodal interaction review, and code output validation.": + "Modern LLM iş akışları için AI tarafından üretilen yanıtları, sesli etkileşimleri, promptları ve kod çıktılarını değerlendirdim ve iyileştirdim. Yanıt kalitesi, akıl yürütme doğruluğu, multimodal etkileşim ve kod çıktısı doğrulamasına odaklandım.", + "Prompt Review": "Prompt İnceleme", + "Code QA": "Kod QA", + "AI Quality": "AI Kalitesi", + "Istanbul | 2026 – Present": "İstanbul | 2026 – Günümüz", + "Co-founded a creative workshop studio offering action painting, creative drama, workshops, and private event experiences. Designed and developed the official website using HTML, CSS, JavaScript, and responsive web design principles while building a digital reservation workflow for package selection, customer data collection, and operational tracking.": + "Action painting, yaratıcı drama, workshoplar ve özel etkinlik deneyimleri sunan yaratıcı atölyenin kurucu ortaklarından biri oldum. HTML, CSS, JavaScript ve responsive web tasarım prensipleriyle resmi web sitesini tasarlayıp geliştirdim; paket seçimi, müşteri veri toplama ve operasyon takibi için dijital rezervasyon akışı kurdum.", + Entrepreneurship: "Girişimcilik", + Website: "Web Sitesi", + "Reservation Flow": "Rezervasyon Akışı", + Operations: "Operasyon", + Database: "Veritabanı", + "Izmir | Jul 2024 – Sep 2024": "İzmir | Tem 2024 – Eyl 2024", + "Built a web-based event tracking dashboard using PHP, JavaScript, HTML, CSS, and MySQL. Applied academic knowledge in a real-world context and gained hands-on experience in full-stack development and database management.": + "PHP, JavaScript, HTML, CSS ve MySQL kullanarak web tabanlı etkinlik takip dashboard'u geliştirdim. Akademik bilgimi gerçek iş ortamında uyguladım; full-stack geliştirme ve veritabanı yönetiminde uygulamalı deneyim kazandım.", + "Punto Organization – Event Operations Supervisor": + "Punto Organization – Event Operations Supervisor", + Leadership: "Liderlik", + "Client Management": "Müşteri Yönetimi", + "Istanbul | Jan 2020 – Jun 2022": "İstanbul | Oca 2020 – Haz 2022", + "Web Content": "Web İçeriği", + "Team Management": "Ekip Yönetimi", + "Izmir University of Economics | Dec 2023": + "İzmir Ekonomi Üniversitesi | Ara 2023", + "Gameathon – Game Development Hackathon": + "Gameathon – Oyun Geliştirme Hackathon'u", + "Led a team during a 24-hour game development competition. Focused on game logic, design, and presentation using visual scripting tools. Ranked 4th out of 15 teams.": + "24 saatlik oyun geliştirme yarışmasında ekibe liderlik ettim. Görsel scripting araçlarıyla oyun mantığı, tasarım ve sunuma odaklandım. 15 takım arasında 4. olduk.", + "Game Design": "Oyun Tasarımı", + "Team Lead": "Takım Liderliği", + "Izmir – May 2022 | Istanbul – Sep 2022": + "İzmir – May 2022 | İstanbul – Eyl 2022", + "Mobidictum Conference": "Mobidictum Konferansı", + "Participated in Turkey’s leading game development conferences, attended sessions on game economy, development tools, and studio management, and expanded my professional network in the game industry.": + "Türkiye'nin önde gelen oyun geliştirme konferanslarına katıldım; oyun ekonomisi, geliştirme araçları ve stüdyo yönetimi oturumlarını takip ederek oyun sektöründeki profesyonel ağımı genişlettim.", + "Game Industry": "Oyun Sektörü", + Networking: "Network", + Conference: "Konferans", + "Software logic, AI workflows and product thinking in one profile.": + "Yazılım mantığı, AI iş akışları ve ürün düşüncesi tek profilde.", + "I am building a career at the intersection of artificial intelligence, automation and software development. My strength is combining technical execution with practical business understanding.": + "Yapay zeka, otomasyon ve yazılım geliştirmenin kesişiminde bir kariyer inşa ediyorum. Güçlü tarafım teknik uygulamayı pratik iş anlayışıyla birleştirmek.", + "AI Designer & Software Developer": "AI Designer & Software Developer", + "Istanbul / Turkey": "İstanbul / Türkiye", + "Professional profile": "Profesyonel profil", + "Result-oriented developer focused on intelligent and scalable systems.": + "Akıllı ve ölçeklenebilir sistemlere odaklanan sonuç odaklı geliştirici.", + "My long-term goal is to build intelligent, scalable and impactful products that combine strong software architecture with practical AI capabilities.": + "Uzun vadeli hedefim güçlü yazılım mimarisini pratik AI yetenekleriyle birleştiren akıllı, ölçeklenebilir ve etkili ürünler geliştirmek.", + "Email Me": "E-posta Gönder", + "Capability map": "Yetkinlik haritası", + "The areas I can contribute to.": "Katkı sağlayabileceğim alanlar.", + "I can work across product logic, automation design, backend implementation, web interfaces and AI quality workflows.": + "Ürün mantığı, otomasyon tasarımı, backend geliştirme, web arayüzleri ve AI kalite iş akışlarında çalışabilirim.", + "Chatbot flow design": "Chatbot akışı tasarımı", + "n8n-based automation logic": "n8n tabanlı otomasyon mantığı", + "LLM response evaluation": "LLM yanıt değerlendirmesi", + "Prompt and code output review": "Prompt ve kod çıktısı inceleme", + "IVR and multi-channel flow awareness": + "IVR ve çok kanallı akış farkındalığı", + "Python data analysis and automation": "Python veri analizi ve otomasyon", + "C#/.NET Windows Forms systems": "C#/.NET Windows Forms sistemleri", + "PHP and MySQL web systems": "PHP ve MySQL web sistemleri", + "JavaScript interfaces": "JavaScript arayüzleri", + "Database design and dashboards": "Veritabanı tasarımı ve dashboardlar", + "Web, Mobile & Games": "Web, Mobil & Oyun", + "Responsive websites": "Responsive web siteleri", + "Android apps with Java/Kotlin": "Java/Kotlin ile Android uygulamaları", + "Unity development with C#": "C# ile Unity geliştirme", + "Unreal Engine with C++ and Blueprints": + "C++ ve Blueprints ile Unreal Engine", + "Product-oriented project presentation": "Ürün odaklı proje sunumu", + "How I work": "Nasıl çalışıyorum", + "I prefer clear requirements, testable logic and usable output.": + "Net gereksinimler, test edilebilir mantık ve kullanılabilir çıktı tercih ederim.", + "Whether it is a chatbot flow, a dashboard, a website or a game mechanic, my process is to understand the user, structure the logic, build the system and refine it through testing.": + "İster chatbot akışı, ister dashboard, ister web sitesi ya da oyun mekaniği olsun; sürecim kullanıcıyı anlamak, mantığı yapılandırmak, sistemi kurmak ve testlerle geliştirmek üzerine kurulu.", + "Understand the goal": "Hedefi anla", + "Clarify the user need, business requirement, data source and expected result.": + "Kullanıcı ihtiyacını, iş gereksinimini, veri kaynağını ve beklenen sonucu netleştir.", + "Design the logic": "Mantığı tasarla", + "Map the flow, system structure, edge cases and core interaction path.": + "Akışı, sistem yapısını, edge case'leri ve temel etkileşim yolunu haritala.", + "Build and improve": "Geliştir ve iyileştir", + "Implement, test, refine and keep the output maintainable for real usage.": + "Uygula, test et, iyileştir ve çıktıyı gerçek kullanım için sürdürülebilir tut.", + Toolbox: "Araç Kutusu", + "Technologies I use.": "Kullandığım teknolojiler.", + Languages: "Diller", + "Python, C#, JavaScript, PHP, Java, Kotlin, C++": + "Python, C#, JavaScript, PHP, Java, Kotlin, C++", + "ChatGPT, Gemini, LLaMA, Claude, Grok, n8n, AI Flow, prompt evaluation": + "ChatGPT, Gemini, LLaMA, Claude, Grok, n8n, AI Flow, prompt değerlendirme", + Databases: "Veritabanları", + "MySQL, MSSQL, SQLite, Firebase, Google Sheets workflows": + "MySQL, MSSQL, SQLite, Firebase, Google Sheets iş akışları", + "Game Engines": "Oyun Motorları", + "Unity, Unreal Engine, Blueprints, OOP, gameplay logic": + "Unity, Unreal Engine, Blueprints, OOP, gameplay mantığı", + "Continuous learning across software, game development and networking.": + "Yazılım, oyun geliştirme ve networking alanlarında sürekli öğrenme.", + "A cleaner certificate gallery grouped into modern cards. Click any certificate to preview it in a larger view.": + "Modern kartlara ayrılmış daha temiz bir sertifika galerisi. Herhangi bir sertifikaya tıklayarak büyük önizleme açabilirsin.", + "Web Design": "Web Tasarım", + "Linux Essentials": "Linux Essentials", + "Network Essentials": "Network Essentials", + "Packet Tracer": "Packet Tracer", + }, +}; + +Object.assign(i18nTranslations.tr, { + "Available for roles": "Roller için uygun", + "Recruiter Mode": "İK Modu", + "Milestone journey": "Dönüm noktaları", + "From operations to AI-driven software products.": + "Operasyondan AI odaklı yazılım ürünlerine.", + "My background combines field operations, software projects, AI workflow design and real business product experience.": + "Geçmişim saha operasyonları, yazılım projeleri, AI iş akışı tasarımı ve gerçek işletme ürün deneyimini birleştiriyor.", + "Worked on event operations, team coordination and digital content responsibilities.": + "Etkinlik operasyonları, ekip koordinasyonu ve dijital içerik sorumlulukları üzerinde çalıştım.", + "Software foundations": "Yazılım temelleri", + "Built university and personal projects across Java, Python, web interfaces and databases.": + "Java, Python, web arayüzleri ve veritabanları alanlarında üniversite ve kişisel projeler geliştirdim.", + "Backend, data and game systems": "Backend, veri ve oyun sistemleri", + "Focused on C#, MSSQL, Python data analysis and Unreal Engine / Unity prototypes.": + "C#, MSSQL, Python veri analizi ve Unreal Engine / Unity prototiplerine odaklandım.", + "AI Designer direction": "AI Designer yönelimi", + "Worked on chatbot flows, AI Flow logic, IVR awareness and LLM response quality evaluation.": + "Chatbot akışları, AI Flow mantığı, IVR farkındalığı ve LLM yanıt kalitesi değerlendirmesi üzerinde çalıştım.", + "Real product ownership": "Gerçek ürün sahipliği", + "Built Atölye Joyday web and reservation workflows while shaping a stronger AI portfolio.": + "Daha güçlü bir AI portföyü oluştururken Atölye Joyday web ve rezervasyon akışlarını geliştirdim.", + "This route is not deployed yet.": "Bu rota henüz yayında değil.", + "The page you are looking for may have moved, but the portfolio is still online. Use the shortcuts below or ask Ajoop.": + "Aradığın sayfa taşınmış olabilir ama portfolyo hâlâ yayında. Aşağıdaki kısayolları kullanabilir veya Ajoop'a sorabilirsin.", + "Go Home": "Ana Sayfaya Git", + "View Works": "Projeleri Gör", + "Ask Ajoop": "Ajoop'a Sor", + "Copy Project Link": "Proje Linkini Kopyala", + Copied: "Kopyalandı", +}); + +Object.assign(i18nTranslations.tr, { + "Algorithmic 3D lab": "Algoritmik 3D laboratuvarı", + "Drag the model and see code turn math into motion.": + "Modeli sürükle ve kodun matematiği harekete dönüştürmesini gör.", + "A lightweight canvas demo built with vanilla JavaScript. The shape is generated from a triangular parametric mesh and rendered with perspective projection, depth sorting and mouse-controlled rotation.": + "Vanilla JavaScript ile geliştirilmiş hafif bir canvas demosu. Şekil üçgensel parametrik mesh üzerinden üretilir; perspektif projeksiyon, derinlik sıralama ve mouse kontrollü dönüşle çizilir.", + "Drag to rotate • Scroll to zoom": + "Döndürmek için sürükle • Yakınlaşmak için kaydır", + "Vanilla JS": "Vanilla JS", + "Triangular surface generated by an algorithm.": + "Algoritma ile üretilen üçgensel yüzey.", + "The mesh is calculated with barycentric coordinates, animated through a wave function and projected onto the canvas without any external 3D library.": + "Mesh barycentric koordinatlarla hesaplanır, dalga fonksiyonu ile animasyonlanır ve harici 3D kütüphane olmadan canvas üzerine projekte edilir.", + Canvas: "Canvas", + "3D Projection": "3D Projeksiyon", + "Parametric Mesh": "Parametrik Mesh", + "Mouse Interaction": "Mouse Etkileşimi", +}); +Object.assign(i18nTranslations.tr, { + "Selected Work": "Seçili Projeler", + "Projects across AI, automation and software products.": + "AI, otomasyon ve yazılım ürünleri alanındaki projeler.", + "A focused selection of projects that demonstrate my work in conversational AI, workflow automation, software development, digital products and interactive systems.": + "Conversational AI, workflow otomasyonu, yazılım geliştirme, dijital ürünler ve interaktif sistemler alanındaki çalışmalarımı gösteren seçili bir proje koleksiyonu.", + "Selected Projects": "Seçili Projeler", + "Additional Projects": "Ek Projeler", + "Project Archive & Learning Builds": "Proje Arşivi ve Öğrenme Çalışmaları", + "Focused evidence across AI, software and digital products.": + "AI, yazılım ve dijital ürünler alanındaki odaklı çalışmalar.", + "More product, database and interactive work.": + "Diğer ürün, veritabanı ve interaktif çalışmalar.", + "Earlier university projects, technical exercises and small prototypes that document my learning process.": + "Öğrenme sürecimi belgeleyen önceki üniversite projeleri, teknik alıştırmalar ve küçük prototipler.", + Software: "Yazılım", + "Web & Product": "Web & Ürün", + Data: "Veri", + "Games & Interactive": "Oyunlar & İnteraktif", + Live: "Canlı", + Completed: "Tamamlandı", + Prototype: "Prototip", + "Learning Project": "Öğrenme Projesi", + Archive: "Arşiv", + "Play Live": "Canlı Oyna", + "Open GitHub": "GitHub'da Aç", + "Open Live Website": "Canlı Siteyi Aç", + "AI & Interactive": "AI & İnteraktif", + "AI Flow Puzzle": "AI Flow Puzzle", + "MyMuseum — Mobile Content App": "MyMuseum — Mobil İçerik Uygulaması", + "A case study based on enterprise conversational AI work involving chatbot QA, stabilization, large-scale flow restructuring, channel configuration and multi-channel automation logic.": + "Chatbot QA, stabilizasyon, büyük ölçekli akış yeniden yapılandırma, kanal yapılandırması ve çok kanallı otomasyon mantığını kapsayan kurumsal conversational AI çalışmalarına dayalı bir vaka çalışması.", + "A live n8n-inspired browser experience demonstrating chatbot flow structure, node validation, fallback paths and user journey thinking.": + "Chatbot akış yapısını, node doğrulamasını, fallback yollarını ve kullanıcı yolculuğu düşüncesini gösteren n8n ilhamlı canlı tarayıcı deneyimi.", + "A live digital product for a creative workshop studio combining service presentation, package-based reservation journeys, automated notifications and operational workflows.": + "Hizmet sunumu, paket bazlı rezervasyon yolculukları, otomatik bildirimler ve operasyonel akışları birleştiren yaratıcı atölye stüdyosu için canlı dijital ürün.", + "A C#/.NET Windows Forms application designed to manage hospital appointment and operational workflows through a database-backed multi-form structure.": + "Veritabanı destekli çok formlu yapı üzerinden hastane randevu ve operasyon akışlarını yönetmek için tasarlanmış C#/.NET Windows Forms uygulaması.", + "A Python and Tkinter hospital appointment application with patient, doctor and staff workflows, appointment-slot logic and MySQL-backed data operations.": + "Hasta, doktor ve personel akışları, randevu slot mantığı ve MySQL destekli veri işlemleri içeren Python ve Tkinter hastane randevu uygulaması.", + "A Python data project combining exploratory analysis and visualization with a small linear-regression experiment for car-price estimation.": + "Keşifsel analiz ve görselleştirmeyi araç fiyatı tahmini için küçük bir doğrusal regresyon deneyiyle birleştiren Python veri projesi.", + "A first-person environmental puzzle prototype featuring object manipulation, pressure plates, physics-based interactions and modular level design.": + "Nesne manipülasyonu, basınç plakaları, fizik tabanlı etkileşimler ve modüler bölüm tasarımı içeren birinci şahıs çevresel bulmaca prototipi.", + "An Android content-sharing application built with Kotlin and Firebase around mobile user flows and database-backed interactions.": + "Mobil kullanıcı akışları ve veritabanı destekli etkileşimler etrafında Kotlin ve Firebase ile geliştirilen Android içerik paylaşım uygulaması.", + "A PHP and MySQL based administration dashboard with database-backed management screens and operational control flows.": + "Veritabanı destekli yönetim ekranları ve operasyonel kontrol akışları içeren PHP ve MySQL tabanlı yönetim paneli.", + "A solo third-person platforming and escape prototype built with Unreal Engine 5, C++ and Blueprints.": + "Unreal Engine 5, C++ ve Blueprints ile geliştirilen solo üçüncü şahıs platform ve kaçış prototipi.", + "A relational database project covering normalized agency records, data modeling, stored procedures and triggers.": + "Normalize edilmiş ajans kayıtları, veri modelleme, stored procedure ve trigger yapılarını kapsayan ilişkisel veritabanı projesi.", + "A hyper-casual 3D mobile driving prototype focused on obstacle avoidance, score and reflex-based gameplay.": + "Engellerden kaçınma, skor ve refleks odaklı hyper-casual 3D mobil sürüş prototipi.", + "A third-person action shooter prototype with enemy behavior, health management and combat-focused gameplay systems.": + "Düşman davranışı, sağlık yönetimi ve savaş odaklı oynanış sistemleri içeren üçüncü şahıs aksiyon shooter prototipi.", + "A third-person tank combat prototype built with Unreal Engine, C++, Blueprints and physics-based gameplay.": + "Unreal Engine, C++, Blueprints ve fizik tabanlı oynanışla geliştirilen üçüncü şahıs tank savaş prototipi.", + "A 2D physics-based projectile learning prototype.": + "2D fizik tabanlı fırlatma mekaniğine odaklanan öğrenme prototipi.", + "Multiple scenes exploring gameplay fundamentals and mechanics.": + "Oynanış temellerini ve mekaniklerini keşfeden çoklu sahneler.", + "A location-based weather API learning application.": + "Konum tabanlı hava durumu API öğrenme uygulaması.", + "A mobile calculator exercise focused on interface structure and app logic.": + "Arayüz yapısı ve uygulama mantığına odaklanan mobil hesap makinesi alıştırması.", + "A DOM interaction and frontend state exercise.": + "DOM etkileşimi ve frontend durum yönetimi alıştırması.", + "A warehouse-themed combat and environment prototype.": + "Depo temalı savaş ve çevre prototipi.", + "A responsive portfolio and landing-page experiment.": + "Responsive portfolyo ve landing page deneyi.", + "A collection of Java programming exercises and console applications.": + "Java programlama alıştırmaları ve konsol uygulamaları koleksiyonu.", + "A static website and frontend layout exercise.": + "Statik web sitesi ve frontend layout alıştırması.", + "A repository of programming, automation and data-oriented exercises.": + "Programlama, otomasyon ve veri odaklı alıştırmalar içeren repository.", + "An inventory-style data structure and tracking exercise.": + "Envanter tarzı veri yapısı ve takip alıştırması.", + "AI Agent Evaluation": "AI Agent Değerlendirme", + "Regression Testing": "Regression Testi", + "Open Live Product": "Canlı Ürünü Aç", + "A live Turkish-first reliability lab for customer-service AI agents, combining multi-turn scenario execution, deterministic tool-call evaluation, regression detection and inspectable failure evidence.": + "Müşteri hizmetleri AI agent'larını çok turlu Türkçe senaryolar, deterministik tool-call değerlendirmesi, regression tespiti ve incelenebilir hata kanıtlarıyla test eden canlı bir AI Agent Reliability Lab.", + "Expanding SINAMA with persistent run history, V1 vs V2 agent comparison and more Turkish scenario packs.": + "SINAMA'yı kalıcı run geçmişi, V1'e karşı V2 agent karşılaştırması ve daha fazla Türkçe senaryo paketiyle genişletiyorum.", + "A Turkish-first reliability testing platform for customer-service AI agents, built around repeatable multi-turn scenarios, deterministic tool-call evaluation and inspectable regression evidence.": + "Müşteri hizmetleri AI agent'ları için tekrarlanabilir çok turlu senaryolar, deterministik tool-call değerlendirmesi ve incelenebilir regression kanıtları etrafında kurulan Türkçe öncelikli bir reliability test platformu.", + "Live MVP": "Canlı MVP", + "Product status": "Ürün Durumu", + "Tech stack": "Teknoloji Yığını", + "Core capability": "Temel Yetenek", +}); + +Object.assign(i18nTranslations.tr, { + Training: "Eğitimler", + "Training and course completions across software, technical systems and interactive technologies.": + "Yazılım, teknik sistemler ve interaktif teknolojiler alanındaki eğitimler ve kurs tamamlamaları.", + "A selection of completed courses and technical training that support my work in software development, databases, web technologies, game development, cybersecurity and networking fundamentals.": + "Yazılım geliştirme, veritabanları, web teknolojileri, oyun geliştirme, siber güvenlik ve ağ temelleri alanındaki çalışmalarımı destekleyen tamamlanmış kurs ve teknik eğitimlerden oluşan bir seçki.", + "Software Development": "Yazılım Geliştirme", + "Data & Database": "Veri & Veritabanı", + "Web Development": "Web Geliştirme", + "Game Development": "Oyun Geliştirme", + Cybersecurity: "Siber Güvenlik", + "Networking & Systems": "Ağ & Sistemler", + "Course Completion": "Kurs Tamamlama", + Instructor: "Eğitmen", + Instructors: "Eğitmenler", + Provider: "Sağlayıcı", + Academy: "Akademi", + Completed: "Tamamlanma", + Preview: "Önizle", + "View Credential": "Doğrulamayı Gör", + "Jan 24, 2025": "24 Ocak 2025", + "Jan 11, 2025": "11 Ocak 2025", + "Mar 29, 2024": "29 Mart 2024", + "Jan 3, 2024": "3 Ocak 2024", + "Dec 1, 2023": "1 Aralık 2023", +}); + +const i18nTitleTranslations = { + tr: { + "Kaan Balcı | AI Designer & Software Developer": + "Kaan Balcı | AI Designer & Software Developer", + "Works | Kaan Balcı": "Projeler | Kaan Balcı", + "Projects | Kaan Balcı": "Projeler | Kaan Balcı", + "Adventure | Kaan Balcı": "Macera | Kaan Balcı", + "Experience | Kaan Balcı": "Deneyim | Kaan Balcı", + "About | Kaan Balcı": "Hakkımda | Kaan Balcı", + "About Kaan Balcı | AI Designer & Software Developer": + "Kaan Balcı Hakkında | AI Designer & Software Developer", + "Certificates | Kaan Balcı": "Sertifikalar | Kaan Balcı", + "Project Detail | Kaan Balcı": "Proje Detayı | Kaan Balcı", + "Request a Project | Kaan Balcı": "Proje Talebi | Kaan Balcı", + "Games | Kaan Balcı": "Oyunlar | Kaan Balcı", + "Joyday Action Painting | Kaan Balcı": + "Joyday Action Painting | Kaan Balcı", + }, +}; +const i18nAttributeTranslations = { + tr: { + "Kaan Balcı home page": "Kaan Balcı ana sayfası", + "Kaan Balcı logo": "Kaan Balcı logosu", + "Open navigation": "Menüyü aç", + "Open details for AI Chatbot Flow Design": + "AI Chatbot Akış Tasarımı detaylarını aç", + + "Open details for Drivenfinity": "Drivenfinity detaylarını aç", + "Open details for Dunker Madness": "Dunker Madness detaylarını aç", + "Open details for Unity Essentials": "Unity Essentials detaylarını aç", + "Open details for Extract Shoot: Zero": + "Extract Shoot: Zero detaylarını aç", + "Open details for Tank Savage": "Tank Savage detaylarını aç", + "Open details for Hospital Form App": "Hospital Form App detaylarını aç", + "Open details for Cars Dataset Analysis": + "Cars Veri Seti Analizi detaylarını aç", + "Open details for Weather App": "Weather App detaylarını aç", + "Language selector": "Dil seçici", + "Profile highlight card": "Profil öne çıkan kartı", + "Core technologies": "Temel teknolojiler", + "Portfolio highlights": "Portfolyo öne çıkanlar", + "Drivenfinity project preview": "Drivenfinity proje önizlemesi", + "Hospital Form App preview": "Hospital Form App önizlemesi", + "Cars dataset analysis preview": "Cars veri seti analizi önizlemesi", + "Social links": "Sosyal bağlantılar", + }, +}; +Object.assign(i18nTranslations.tr, { + "Tech stack matrix": "Teknoloji matrisi", + "Tools I use across AI, web, data and games.": + "AI, web, veri ve oyun alanlarında kullandığım araçlar.", + "A quick matrix that shows where each technology fits in my workflow and how I use it in real projects.": + "Her teknolojinin iş akışımda nereye oturduğunu ve gerçek projelerde nasıl kullandığımı gösteren hızlı bir matris.", + "AI & Automation": "AI & Otomasyon", + "Chatbot flow design, AI Flow logic, n8n-style automation planning and LLM quality evaluation.": + "Chatbot akışı tasarımı, AI Flow mantığı, n8n tarzı otomasyon planlama ve LLM kalite değerlendirmesi.", + "Software & Backend": "Yazılım & Backend", + "Automation systems, database-backed applications, dashboards and backend logic.": + "Otomasyon sistemleri, veritabanı destekli uygulamalar, dashboardlar ve backend mantığı.", + "Web & Mobile": "Web & Mobil", + "Responsive websites, reservation flows, Android apps and product-focused interfaces.": + "Responsive web siteleri, rezervasyon akışları, Android uygulamaları ve ürün odaklı arayüzler.", + "Gameplay prototypes, OOP practice, physics logic, Unity projects and Unreal Engine systems.": + "Gameplay prototipleri, OOP pratiği, fizik mantığı, Unity projeleri ve Unreal Engine sistemleri.", + "Currently building": "Şu anda geliştirdiklerim", + "Active directions I am improving right now.": + "Şu anda geliştirdiğim aktif yönler.", + "I keep the portfolio alive by turning real business needs, AI workflow ideas and software experiments into structured projects.": + "Gerçek iş ihtiyaçlarını, AI iş akışı fikirlerini ve yazılım denemelerini düzenli projelere dönüştürerek portföyü canlı tutuyorum.", + "AI workflow portfolio projects": "AI workflow portföy projeleri", + "Designing sample chatbot and automation flows for recruiter-friendly AI Designer case studies.": + "Recruiter dostu AI Designer case study'leri için örnek chatbot ve otomasyon akışları tasarlıyorum.", + "Joyday data & reservation analysis": "Joyday veri & rezervasyon analizi", + "Planning dashboards around reservation data, package demand, customer flow and operational tracking.": + "Rezervasyon verisi, paket talebi, müşteri akışı ve operasyon takibi etrafında dashboardlar planlıyorum.", + "Web product improvements": "Web ürün iyileştirmeleri", + "Improving real websites with better UX, responsive layouts, form flows, SEO and performance checks.": + "Gerçek web sitelerini daha iyi UX, responsive düzenler, form akışları, SEO ve performans kontrolleriyle geliştiriyorum.", + "AI workflow demo": "AI workflow demosu", + "See how I think through chatbot flow logic.": + "Chatbot akış mantığını nasıl düşündüğümü gör.", + "Select a scenario and the page will generate a simple AI flow map. This is a lightweight demo of how I structure intents, steps and user journeys.": + "Bir senaryo seçtiğinde sayfa basit bir AI akış haritası oluşturur. Bu, kullanıcı amaçlarını, adımları ve kullanıcı yolculuklarını nasıl yapılandırdığımı gösteren hafif bir demodur.", + Bank: "Banka", + Municipality: "Belediye", + "Workshop Studio": "Atölye Stüdyosu", + "E-commerce": "E-ticaret", + "Featured case study": "Öne çıkan vaka çalışması", + "Atölye Joyday official website and reservation journey.": + "Atölye Joyday resmi web sitesi ve rezervasyon yolculuğu.", + "A real business project where I designed and built the website experience for a creative workshop studio. The project connects service presentation, package selection, reservation flow and operational tracking into one usable customer journey.": + "Yaratıcı atölye stüdyosu için web deneyimini tasarlayıp geliştirdiğim gerçek bir işletme projesi. Proje; hizmet anlatımı, paket seçimi, rezervasyon akışı ve operasyon takibini tek kullanılabilir müşteri yolculuğunda birleştirir.", + "Business website": "İşletme web sitesi", + Reservation: "Rezervasyon", + "Responsive Design": "Responsive Tasarım", + "UX Flow": "Kullanıcı Akışı", + "SEO Basics": "Temel SEO", + "Reservation CTA": "Rezervasyon CTA’sı", + "Test and polish": "Test ve İyileştirme", + "Frontend stack": "Frontend Teknolojileri", + "Project Type": "Proje Türü", + "Live Business Website": "Canlı İşletme Web Sitesi", + "Workflow Design": "Akış Tasarımı", + "Testing & Validation": "Test ve Doğrulama", + "Human Handoff": "İnsan Temsilciye Aktarım", + "Multi-channel Automation": "Çok Kanallı Otomasyon", + "Customer flow": "Müşteri akışı", + "View Case Study": "Vaka Çalışmasını Gör", + "Open Live Website": "Canlı Siteyi Aç", + "More experiments on GitHub": "GitHub'da daha fazla deney", + "Additional learning projects and archived builds.": + "Ek öğrenme projeleri ve arşivlenmiş çalışmalar.", + "The main catalog highlights selected projects, but my GitHub includes more practice repositories, university projects and experiments.": + "Ana katalog seçili projeleri öne çıkarıyor; GitHub hesabımda ise daha fazla pratik repository, üniversite projesi ve deney bulunuyor.", + "Java Projects": "Java Projeleri", + "University and OOP practice repositories.": + "Üniversite ve OOP pratik repository'leri.", + "Python Projects": "Python Projeleri", + "Automation, data and learning projects.": + "Otomasyon, veri ve öğrenme projeleri.", + "Calculator JS": "Calculator JS", + "Frontend logic and UI practice.": "Frontend mantığı ve UI pratiği.", + "JavaScript API and interface practice.": "JavaScript API ve arayüz pratiği.", + "Contact hub": "İletişim merkezi", + "Let’s talk about AI workflows, automation or software projects.": + "AI iş akışları, otomasyon veya yazılım projeleri hakkında konuşalım.", + "I am open to AI Designer, Software Developer and automation-focused roles where I can design useful flows and build practical software products.": + "Faydalı akışlar tasarlayabileceğim ve pratik yazılım ürünleri geliştirebileceğim AI Designer, Software Developer ve otomasyon odaklı rollere açığım.", + "Download CV": "CV'yi İndir", + "Atölye Joyday Official Website": "Atölye Joyday Resmi Web Sitesi", + "Live business website for a creative workshop studio with service pages, package presentation, responsive UX and reservation CTAs.": + "Yaratıcı atölye stüdyosu için hizmet sayfaları, paket sunumu, responsive UX ve rezervasyon CTA'ları içeren canlı işletme web sitesi.", + + "Dynamic reservation workflow for package selection, selected-package context, customer form data and operational tracking.": + "Paket seçimi, seçili paket bağlamı, müşteri form verisi ve operasyon takibi için dinamik rezervasyon akışı.", +}); +Object.assign(i18nAttributeTranslations.tr, { + "Open details for Atölye Joyday Official Website": + "Atölye Joyday Resmi Web Sitesi detaylarını aç", + "Open Atölye Joyday case study": "Atölye Joyday vaka çalışmasını aç", + + "AI workflow scenarios": "AI workflow senaryoları", + "Atölye Joyday package selection preview": + "Atölye Joyday paket seçimi önizlemesi", + "Atölye Joyday official website preview": + "Atölye Joyday resmi web sitesi önizlemesi", + "Atölye Joyday reservation workflow preview": + "Atölye Joyday rezervasyon akışı önizlemesi", + "Atölye Joyday official website preview": + "Atölye Joyday resmi web sitesi önizlemesi", + "Atölye Joyday reservation workflow preview": + "Atölye Joyday rezervasyon akışı önizlemesi", +}); + +/* GitHub project card translations */ +Object.assign(i18nTranslations.tr, { + "Want to inspect the complete project catalog?": + "Tüm proje kataloğunu incelemek ister misin?", + "This page now includes the main public GitHub repositories, selected case studies, learning projects and archived builds in one catalog.": + "Bu sayfa artık ana public GitHub repository’lerini, seçili case study’leri, öğrenme projelerini ve arşivlenmiş çalışmaları tek katalogda topluyor.", + "Control Panel": "Control Panel", + "A web-based control panel project focused on admin screens, interface structure and dashboard-style management flows.": + "Admin ekranları, arayüz yapısı ve dashboard tarzı yönetim akışlarına odaklanan web tabanlı kontrol paneli projesi.", + "Hospital Appointment System": "Hospital Appointment System", + "A Python and Tkinter hospital appointment automation system with MySQL-backed patient, doctor, staff and appointment workflows.": + "Python, Tkinter ve MySQL ile hasta, doktor, personel ve randevu akışlarını yöneten masaüstü hastane otomasyonu.", + + "Escape Island": "Escape Island", + "A game prototype focused on island escape mechanics, environment setup and gameplay exploration.": + "Ada kaçış mekanikleri, çevre kurulumu ve oynanış denemelerine odaklanan oyun prototipi.", + "Calculator Android Studio": "Calculator Android Studio", + "A mobile calculator app built in Android Studio to practice interface structure and basic app logic.": + "Arayüz yapısı ve temel uygulama mantığı pratiği için Android Studio’da geliştirilen mobil hesap makinesi uygulaması.", + "Calculator JavaScript": "Calculator JavaScript", + "A JavaScript calculator project focused on DOM interaction, UI state and basic frontend logic.": + "DOM etkileşimi, UI state ve temel frontend mantığına odaklanan JavaScript hesap makinesi projesi.", + "Warehouse War": "Warehouse War", + "A warehouse-themed game prototype exploring combat, environment layout and gameplay systems.": + "Savaş, çevre yerleşimi ve gameplay sistemlerini deneyen depo temalı oyun prototipi.", + "Legacy of the Lost": "Legacy of the Lost", + "A game prototype with a darker adventure atmosphere, built around exploration and scene presentation.": + "Keşif ve sahne sunumu etrafında geliştirilen, daha karanlık macera atmosferine sahip oyun prototipi.", + "Porto 25": "Porto 25", + "A Tailwind CSS portfolio / landing page experiment focused on responsive UI, modern layout and personal branding.": + "Tailwind CSS odaklı kişisel portfolyo / landing page denemesi; responsive arayüz, modern layout ve marka sunumu pratiği.", + "My Java Projects": "My Java Projects", + "A collection of Java practice projects focused on object-oriented programming, algorithms and core language fundamentals.": + "Nesne yönelimli programlama, algoritmalar ve temel dil yapılarına odaklanan Java pratik projeleri koleksiyonu.", + "Agency DB": "Agency DB", + "A database-focused project for modeling agency-style records, relations and structured data operations.": + "Ajans tarzı kayıtları, ilişkileri ve yapılandırılmış veri işlemlerini modellemeye odaklanan veritabanı projesi.", + "Mandelas Website Project": "Mandelas Website Project", + "A website project focused on content structure, frontend layout and static page development.": + "İçerik yapısı, frontend layout ve statik sayfa geliştirmeye odaklanan web sitesi projesi.", + "Python Projects": "Python Projects", + "A Python practice repository containing learning projects around programming fundamentals, automation and data-oriented logic.": + "Programlama temelleri, otomasyon ve veri odaklı mantık etrafında öğrenme projeleri içeren Python pratik deposu.", + "IC Supply": "IC Supply", + "A supply-oriented project focused on inventory-style data structure, tracking logic and backend thinking.": + "Stok/envanter tarzı veri yapısı, takip mantığı ve backend düşüncesine odaklanan tedarik projesi.", + + "The GitHub repository side of the Atölye Joyday website work, focused on real business presentation and reservation-oriented UX.": + "Atölye Joyday web sitesi çalışmasının GitHub depo tarafı; gerçek işletme sunumu ve rezervasyon odaklı UX üzerine kurulu.", + "Portfolio Website": "Portfolio Website", + "The live personal portfolio repository combining project catalog, AI assistant, recruiter mode, request form and interactive mini game features.": + "Proje kataloğu, AI asistan, İK modu, talep formu ve interaktif mini oyun özelliklerini birleştiren canlı kişisel portfolyo deposu.", +}); + +Object.assign(i18nAttributeTranslations.tr, { + Search: "Ara", + "Open details for Control Panel": "Control Panel detaylarını aç", + "Open details for Hospital Appointment System": + "Hospital Appointment System detaylarını aç", + "Open details for Escape Island": "Escape Island detaylarını aç", + "Open details for Calculator Android Studio": + "Calculator Android Studio detaylarını aç", + "Open details for Calculator JavaScript": + "Calculator JavaScript detaylarını aç", + "Open details for Warehouse War": "Warehouse War detaylarını aç", + "Open details for Legacy of the Lost": "Legacy of the Lost detaylarını aç", + "Open details for Porto 25": "Porto 25 detaylarını aç", + "Open details for My Java Projects": "My Java Projects detaylarını aç", + "Open details for Agency DB": "Agency DB detaylarını aç", + "Open details for Mandelas Website Project": + "Mandelas Website Project detaylarını aç", + "Open details for Python Projects": "Python Projects detaylarını aç", + "Open details for IC Supply": "IC Supply detaylarını aç", + + "Open details for Portfolio Website": "Portfolio Website detaylarını aç", +}); + +/* Games and Joyday Action Painting translations */ +Object.assign(i18nTranslations.tr, { + Games: "Oyunlar", + "Web games": "Web oyunları", + "Playable portfolio experiments about learning, projects and career growth.": + "Öğrenme, projeler ve kariyer gelişimi üzerine oynanabilir portfolyo deneyleri.", + "This page collects small web games that turn my personal journey into interactive experiences. Each game is designed to be lightweight, portfolio-friendly and playable directly in the browser.": + "Bu sayfa kişisel yolculuğumu interaktif deneyimlere dönüştüren küçük web oyunlarını toplar. Her oyun hafif, portfolyo dostu ve doğrudan tarayıcıda oynanabilir olacak şekilde tasarlanır.", + "Play Joyday Painting": "Joyday Painting Oyna", + "Play Career Adventure": "Career Adventure Oyna", + "Game catalog": "Oyun kataloğu", + "Minimal web games with a career-story angle.": + "Kariyer hikayesi açısına sahip minimal web oyunları.", + "The catalog now includes Career Adventure and Joyday Action Painting, and it can grow into a full interactive game shelf over time.": + "Katalog artık Career Adventure ve Joyday Action Painting oyunlarını içeriyor; zamanla tam bir interaktif oyun rafına dönüşebilir.", + Career: "Kariyer", + Creative: "Yaratıcı", + "Coming Soon": "Yakında", + Live: "Canlı", + Concept: "Konsept", + "Mini Game": "Mini Oyun", + "Career Journey": "Kariyer Yolculuğu", + Merge: "Birleştirme", + "Kaan's Career Adventure": "Kaan'ın Kariyer Macerası", + "Combine learning objects, software tools, AI workflow experience and portfolio proof until the final Job Offer object appears.": + "Öğrenme nesnelerini, yazılım araçlarını, AI workflow deneyimini ve portfolyo kanıtlarını final Job Offer nesnesi çıkana kadar birleştir.", + "Play Game": "Oyunu Oyna", + "Joyday Action Painting": "Joyday Action Painting", + "Choose a square, circle or rectangle canvas, pick colors and use virtual action painting tools to create a downloadable PNG artwork.": + "Kare, daire veya dikdörtgen tuval seç; renkleri belirle ve sanal action painting araçlarıyla indirilebilir PNG eser oluştur.", + "Action Painting": "Action Painting", + "PNG Export": "PNG Çıktı", + "AI Flow Puzzle": "AI Flow Puzzle", + "Interview Run": "Interview Run", + "A planned quick decision game about answering interview questions, managing time and choosing the strongest response path.": + "Mülakat sorularını cevaplama, zamanı yönetme ve en güçlü cevap yolunu seçme üzerine planlanan hızlı karar oyunu.", + "Ready as a future expansion idea.": "Gelecek genişletme fikri olarak hazır.", + "Next direction": "Sonraki yön", + "This page is designed to grow with new playable portfolio ideas.": + "Bu sayfa yeni oynanabilir portfolyo fikirleriyle büyüyecek şekilde tasarlandı.", + "New games can be added as separate pages, while this catalog stays as the main entry point for all interactive web game experiments.": + "Yeni oyunlar ayrı sayfalar olarak eklenebilir; bu katalog ise tüm interaktif web oyunları için ana giriş noktası olarak kalır.", + "Virtual studio game": "Sanal atölye oyunu", + "Joyday Action Painting experience.": "Joyday Action Painting deneyimi.", + "Choose a canvas, pick a color, select a tool and create your own action painting artwork directly in the browser.": + "Tuvalini seç, rengini belirle, ekipmanını seç ve kendi action painting eserini doğrudan tarayıcıda oluştur.", + "Start Painting": "Boyamaya Başla", + "Back to Games": "Oyunlara Dön", + "Touch Friendly": "Dokunmatik Uyumlu", + "Pick • Splash • Download": "Seç • Sıçrat • İndir", + "Action painting wall": "Action painting duvarı", + "Your canvas is ready.": "Tuvalin hazır.", + "50x50 Square Canvas": "50x50 Kare Tuval", + "Throw Bottle": "Fırlatma Şişesi", + Undo: "Geri Al", + Redo: "İleri Al", + Clear: "Temizle", + "Download PNG": "PNG İndir", + "Canvas type": "Tuval tipi", + "50x50 Square": "50x50 Kare", + "Classic Joyday canvas": "Klasik Joyday tuvali", + "52 cm Circle": "52 cm Daire", + "Round composition": "Yuvarlak kompozisyon", + "40x60 Rectangle": "40x60 Dikdörtgen", + "Vertical poster feel": "Dikey poster hissi", + "Color palette": "Renk paleti", + "Custom color": "Özel renk", + Equipment: "Ekipman", + "Pick a tool, then paint directly on the canvas.": + "Bir ekipman seç, sonra doğrudan tuvalin üzerinde boya.", + "Start with any color and equipment.": "İstediğin renk ve ekipmanla başla.", + "Choose your canvas, then use the toolbelt below to splash, spray, brush or burst color onto it.": + "Tuvalini seç, sonra alttaki ekipman barıyla sıçrat, püskürt, fırçala veya patlat.", + "Choose your canvas, then use the toolbelt below to draw paint lines, spray, brush or burst color onto it.": + "Tuvalini seç, sonra alttaki ekipman barıyla boya çizgisi çek, püskürt, fırçala veya patlat.", + "Quick tip": "Kısa ipucu", + "Choose your canvas, then use the toolbelt below to splash, spray, brush or burst color onto it. You can close this tip anytime.": + "Tuvalini seçtikten sonra alttaki ekipman barıyla sıçrat, püskürt, fırçala veya patlat. Bu bilgiyi istediğin zaman kapatabilirsin.", + "Choose your canvas, then use the toolbelt below. For the bottle, press and release to throw one clean paint line. You can close this tip anytime.": + "Tuvalini seçtikten sonra alttaki ekipman barını kullan. Şişede basıp bırakarak tuvale tek hamlede temiz bir boya çizgisi fırlat. Bu bilgiyi istediğin zaman kapatabilirsin.", + "Choose your canvas, then use the toolbelt below. For the bottle, press and release to throw one clean paint line.": + "Tuvalini seçtikten sonra alttaki ekipman barını kullan. Şişede basıp bırakarak tuvale tek hamlede temiz bir boya çizgisi fırlat.", + Spray: "Fısfıs", + Brush: "Fırça", + "Water Balloon": "Su Balonu", + "Medium splashes": "Orta sıçramalar", + "Straight paint line": "Düz boya çizgisi", + "One-shot paint throw": "Tek hamle boya atışı", + "Soft mist": "Yumuşak püskürtme", + "Drag strokes": "Sürükleme izleri", + "Large burst": "Büyük patlama", + "Stroke thickness": "İncelik ayarı", + Thin: "İnce", + Medium: "Orta", + Thick: "Kalın", + "How to play": "Nasıl oynanır", + "Choose a canvas and color, then click or drag on the canvas. Bottle and balloon create instant splashes, spray and brush work best while dragging.": + "Tuval ve renk seç, sonra tuvale tıkla veya sürükle. Şişe ve balon anlık sıçrama oluşturur; fısfıs ve fırça sürüklerken en iyi çalışır.", + "Choose a canvas and color, then click or drag on the canvas. Bottle draws a straight paint line, balloon creates a burst, and spray or brush work best while dragging.": + "Tuval ve renk seç, sonra tuvale tıkla veya sürükle. Şişe düz boya çizgisi çeker, balon patlama efekti verir; fısfıs ve fırça sürüklerken en iyi çalışır.", + "Choose a canvas and color, then click or drag on the canvas. Bottle creates a one-shot straight paint throw when you release, balloon creates a burst, and spray or brush work best while dragging.": + "Tuval ve renk seç, sonra tuvale tıkla veya sürükle. Şişe bırakınca tek hamlede düz boya atışı yapar, balon patlama efekti verir; fısfıs ve fırça sürüklerken en iyi çalışır.", + "Select a canvas type": "Tuval tipini seç", + "Then use colors and tools to paint.": + "Sonra renk ve ekipmanlarla boyamaya başla.", + "Sep 2025 – Oct 2025": "Eyl 2025 – Eki 2025", + "Apr 2025 – Aug 2025": "Nis 2025 – Ağu 2025", + "2026 – Present": "2026 – Günümüz", + "Outlier AI – AI Training Specialist": "Outlier AI – AI Eğitim Uzmanı", +}); +Object.assign(i18nAttributeTranslations.tr, { + "Open Joyday Action Painting game": "Joyday Action Painting oyununu aç", + "Joyday Action Painting game preview": + "Joyday Action Painting oyun önizlemesi", + "Joyday action painting preview": "Joyday action painting önizlemesi", + "Joyday game features": "Joyday oyun özellikleri", + "Virtual Joyday painting wall": "Sanal Joyday boyama duvarı", + "Canvas type": "Tuval tipi", + "Color palette": "Renk paleti", + "Action painting equipment": "Action painting ekipmanları", + "Joyday painting canvas": "Joyday boyama tuvali", + "Close hint": "İpucunu kapat", +}); + +Object.assign(i18nTranslations.tr, { + "Play AI Flow Puzzle": "AI Flow Puzzle Oyna", + "View AI Flow Puzzle Case Study": "AI Flow Puzzle Vaka Çalışmasını Gör", + "The catalog now includes Career Adventure, Joyday Action Painting and AI Flow Puzzle, and it can grow into a full interactive game shelf over time.": + "Katalog artık Career Adventure, Joyday Action Painting ve AI Flow Puzzle oyunlarını içeriyor; zamanla tam bir interaktif oyun rafına dönüşebilir.", + "Build n8n-inspired chatbot workflows by placing trigger, intent, response, fallback and automation nodes on a visual board.": + "Trigger, intent, response, fallback ve otomasyon node'larını görsel board üzerine yerleştirerek n8n mantıklı chatbot workflow'ları kur.", + "n8n Logic • JavaScript": "n8n Mantığı • JavaScript", + "Open AI Flow Puzzle game": "AI Flow Puzzle oyununu aç", + "AI Flow Puzzle game preview": "AI Flow Puzzle oyun önizlemesi", +}); +Object.assign(i18nTitleTranslations.tr, { + "AI Flow Puzzle | Kaan Balcı": "AI Flow Puzzle | Kaan Balcı", + "Training & Course Certifications | Kaan Balcı": + "Eğitimler ve Kurs Sertifikaları | Kaan Balcı", +}); +Object.assign(i18nAttributeTranslations.tr, { + "Open AI Flow Puzzle game": "AI Flow Puzzle oyununu aç", + "AI Flow Puzzle game preview": "AI Flow Puzzle oyun önizlemesi", + "Open AI Flow Puzzle case study": "AI Flow Puzzle vaka çalışmasını aç", + "AI Flow Puzzle case study preview": + "AI Flow Puzzle vaka çalışması önizlemesi", + "AI Chatbot Flow Design multi-channel conversational workflow cover": + "AI Chatbot Flow Design çok kanallı conversational workflow kapağı", + "AI Flow Puzzle node-based chatbot workflow cover": + "AI Flow Puzzle node tabanlı chatbot workflow kapağı", + "Hospital Form App appointment management interface cover": + "Hospital Form App randevu yönetimi arayüz kapağı", + "Open Hospital System case study": "Hospital System vaka çalışmasını aç", + "Control Panel PHP and MySQL administration dashboard cover": + "Control Panel PHP ve MySQL yönetim paneli kapağı", + "Agency DB relational database schema cover": + "Agency DB ilişkisel veritabanı şeması kapağı", + "Kaan Balcı portfolio website homepage cover": + "Kaan Balcı portfolyo web sitesi ana sayfa kapağı", + "Porto 25 responsive Tailwind landing page cover": + "Porto 25 responsive Tailwind açılış sayfası kapağı", + "IC Supply inventory tracking data system cover": + "IC Supply envanter takip veri sistemi kapağı", + "Kaan's Career Adventure career workflow cover": + "Kaan’ın Kariyer Macerası kariyer workflow kapağı", + "Certificate preview": "Sertifika önizlemesi", + "Close preview": "Önizlemeyi kapat", + "Open SINAMA case study": "SINAMA vaka çalışmasını aç", + "SINAMA wordmark on a dark cover card": + "Koyu kapak kartı üzerinde SINAMA logotype'ı", +}); + +/* Final bilingual content and accessibility consistency */ +Object.assign(i18nTranslations.tr, { + "A live digital product combining package-based reservation journeys, automated notifications and operational workflows.": + "Paket bazlı rezervasyon yolculuklarını, otomatik bildirimleri ve operasyonel iş akışlarını birleştiren canlı dijital ürün.", + "A Python data project combining exploratory analysis and visualization with a small linear-regression experiment.": + "Keşifsel analiz ve veri görselleştirmeyi küçük bir doğrusal regresyon deneyiyle birleştiren Python veri projesi.", + "AI Designer & Software Developer building practical AI workflows and software products.": + "Pratik yapay zekâ iş akışları ve yazılım ürünleri geliştiren AI Designer & Software Developer.", +}); + +Object.assign(i18nAttributeTranslations.tr, { + "Available for roles": "Rollere açık", + "Core specialties": "Temel uzmanlıklar", + "Project filters": "Proje filtreleri", + "Game filters": "Oyun filtreleri", + "Game themes": "Oyun temaları", + "Search palette": "Arama paleti", + "Open navigation": "Navigasyonu aç", + "Close navigation": "Navigasyonu kapat", + "Open recruiter mode": "Recruiter Mode’u aç", + "Close recruiter mode": "Recruiter Mode’u kapat", + "Kaan Balcı profile photo": "Kaan Balcı profil fotoğrafı", + "Open Career Adventure game": "Career Adventure oyununu aç", + "Interview Run game preview": "Interview Run oyun önizlemesi", + "Python Hospital Appointment System preview": + "Python Hospital Appointment System önizlemesi", + "Cars dataset analysis project preview": + "Cars veri seti analizi proje önizlemesi", + "Legacy of the Lost environmental puzzle preview": + "Legacy of the Lost çevresel bulmaca önizlemesi", + "Open details for MyMuseum Mobile Content App": + "MyMuseum mobil içerik uygulaması detaylarını aç", + "My Museum app preview": "My Museum uygulama önizlemesi", + "Open details for Extract Shoot Zero": + "Extract Shoot Zero detaylarını aç", + "Extract Shoot Zero project preview": + "Extract Shoot Zero proje önizlemesi", + "Escape Island Unreal Engine platforming preview": + "Escape Island Unreal Engine platform önizlemesi", + "Tank Savage Unreal Engine combat preview": + "Tank Savage Unreal Engine savaş önizlemesi", + "Dunker Madness project preview": "Dunker Madness proje önizlemesi", + "Unity Essentials project preview": "Unity Essentials proje önizlemesi", + "Weather App project preview": "Weather App proje önizlemesi", + "Calculator Android Studio project preview": + "Calculator Android Studio proje önizlemesi", + "Calculator JavaScript project preview": + "Calculator JavaScript proje önizlemesi", + "Warehouse War project preview": "Warehouse War proje önizlemesi", + "My Java Projects preview": "My Java Projects önizlemesi", + "Mandelas Website Project preview": + "Mandelas Website Project önizlemesi", + "Python Projects preview": "Python Projects önizlemesi", + "C sharp Udemy course completion certificate": + "C Sharp Udemy kurs tamamlama sertifikası", + "SQL Udemy course completion certificate": + "SQL Udemy kurs tamamlama sertifikası", + "HTML and CSS Udemy course completion certificate": + "HTML ve CSS Udemy kurs tamamlama sertifikası", + "Java Udemy course completion certificate": + "Java Udemy kurs tamamlama sertifikası", + "Ethical Hacker Udemy course completion certificate": + "Etik Hacker Udemy kurs tamamlama sertifikası", + "Unreal Engine Udemy course completion certificate": + "Unreal Engine Udemy kurs tamamlama sertifikası", + "Cisco Networking Essentials course completion certificate": + "Cisco Networking Essentials eğitim tamamlama sertifikası", + "Cisco Introduction to Packet Tracer course completion certificate": + "Cisco Introduction to Packet Tracer eğitim tamamlama sertifikası", + "NDG Linux Essentials training certificate": + "NDG Linux Essentials eğitim sertifikası", + "Open GitHub profile": "GitHub profilini aç", + "Open LinkedIn profile": "LinkedIn profilini aç", + "Open Instagram profile": "Instagram profilini aç", + "Open YouTube channel": "YouTube kanalını aç", + "Open X profile": "X profilini aç", +}); + +const originalDocumentTitle = document.title; + +function normalizeI18nText(value) { + return value.replace(/\s+/g, " ").trim(); +} + +function preserveWhitespace(originalValue, translatedValue) { + const leading = originalValue.match(/^\s*/)?.[0] || ""; + const trailing = originalValue.match(/\s*$/)?.[0] || ""; + return `${leading}${translatedValue}${trailing}`; +} + +function collectTranslatableTextNodes() { + const nodes = []; + const walker = document.createTreeWalker( + document.body, + NodeFilter.SHOW_TEXT, + { + acceptNode(node) { + const parent = node.parentElement; + if ( + !parent || + ["SCRIPT", "STYLE", "NOSCRIPT"].includes(parent.tagName) + ) { + return NodeFilter.FILTER_REJECT; + } + + const key = normalizeI18nText(node.nodeValue); + if (key && i18nTranslations.tr[key]) { + node.__i18nKey = key; + nodes.push(node); + } + return NodeFilter.FILTER_SKIP; + }, + }, + ); + + while (walker.nextNode()) {} + return nodes; +} + +const translatableTextNodes = collectTranslatableTextNodes(); +const translatableAttributes = []; + +["aria-label", "alt", "title", "placeholder"].forEach((attributeName) => { + document.querySelectorAll(`[${attributeName}]`).forEach((element) => { + const key = element.getAttribute(attributeName); + if (key && i18nAttributeTranslations.tr[key]) { + translatableAttributes.push({ element, attributeName, key }); + } + }); +}); + +let currentSiteLanguage = "en"; + +function applyLanguage(language) { + const activeLanguage = language === "tr" ? "tr" : "en"; + currentSiteLanguage = activeLanguage; + document.documentElement.lang = activeLanguage; + + translatableTextNodes.forEach((node) => { + const key = node.__i18nKey; + const nextValue = activeLanguage === "tr" ? i18nTranslations.tr[key] : key; + node.nodeValue = preserveWhitespace(node.nodeValue, nextValue); + }); + + translatableAttributes.forEach((item) => { + const nextValue = + activeLanguage === "tr" + ? i18nAttributeTranslations.tr[item.key] + : item.key; + item.element.setAttribute(item.attributeName, nextValue); + }); + + document.querySelectorAll("[data-training-type]").forEach((element) => { + element.textContent = activeLanguage === "tr" ? "Eğitim" : "Training"; + }); + + document.title = + activeLanguage === "tr" + ? i18nTitleTranslations.tr[originalDocumentTitle] || originalDocumentTitle + : originalDocumentTitle; + + document.querySelectorAll("[data-lang-switch]").forEach((button) => { + const isActive = button.dataset.langSwitch === activeLanguage; + button.classList.toggle("active", isActive); + button.setAttribute("aria-pressed", String(isActive)); + }); + + localStorage.setItem("kaanbalci-site-language", activeLanguage); + + if (typeof applySiteTheme === "function") { + applySiteTheme(siteThemeState.current); + } + + if (typeof renderProjectDetail === "function") { + renderProjectDetail(activeLanguage); + } + + if (typeof renderAiWorkflowDemo === "function") { + renderAiWorkflowDemo(activeLanguage); + } + + if (typeof updatePortfolioChatbotLanguage === "function") { + updatePortfolioChatbotLanguage(activeLanguage); + } + + if (typeof updateAiFlowPuzzleLanguage === "function") { + updateAiFlowPuzzleLanguage(activeLanguage); + } +} + +document.querySelectorAll("[data-lang-switch]").forEach((button) => { + button.addEventListener("click", () => + applyLanguage(button.dataset.langSwitch), + ); +}); + +const projectDetailData = { + "ai-chatbot-flow-design": { + category: { en: "AI & Automation", tr: "AI & Otomasyon" }, + title: { en: "AI Chatbot Flow Design", tr: "AI Chatbot Akış Tasarımı" }, + subtitle: { + en: "Enterprise conversational AI experience across QA, stabilization, channel configuration, flow restructuring and multi-channel automation.", + tr: "QA, stabilizasyon, kanal yapılandırması, akış yeniden yapılandırma ve çok kanallı otomasyonu kapsayan kurumsal conversational AI deneyimi.", + }, + role: { en: "AI Designer", tr: "AI Designer" }, + year: "2025", + type: { en: "Professional Experience", tr: "Profesyonel Deneyim" }, + status: { en: "Case Study", tr: "Vaka Çalışması" }, + image: "assets/ai_flow_chatbot_design_cover.webp", + gallery: ["assets/ai_flow_chatbot_design_cover.webp"], + stack: [ + "AI Flow", + "Chatbot Logic", + "IVR", + "Testing & Validation", + "Workflow Design", + "Human Handoff", + "Multi-channel Automation", + ], + links: [ + { + label: { en: "View Experience", tr: "Deneyimi Gör" }, + url: "blog.html", + }, + ], + overview: { + en: "Professional conversational AI experience covering chatbot and live-chat QA, intent and response organization, flow restructuring, human-handoff paths and multi-channel automation support.", + tr: "Chatbot ve live-chat QA, intent ve yanıt düzeni, akışların yeniden yapılandırılması, insan temsilciye aktarım yolları ve çok kanallı otomasyon desteğini kapsayan profesyonel conversational AI deneyimi.", + }, + challenge: { + en: "Enterprise chatbot transitions require reliable testing, stable channel configuration, maintainable large-scale flows and safe multi-channel handoffs.", + tr: "Kurumsal chatbot geçişleri güvenilir test, kararlı kanal yapılandırması, sürdürülebilir büyük ölçekli akışlar ve güvenli çok kanallı aktarımlar gerektirir.", + }, + solution: { + en: "I contributed to live-chat QA and stabilization, identified a channel configuration issue during a municipal transition, supported the restructuring of a large multi-step conversational workflow, and designed, built, tested and presented an insurance claims intake POC.", + tr: "Live-chat QA ve stabilizasyona katkı sağladım, belediye geçişinde bir kanal yapılandırma sorununu tespit ettim, büyük ve çok adımlı bir konuşma akışının yeniden yapılandırılmasına katkı sağladım ve sigorta hasar başvuru POC'sini tasarlayıp geliştirdim, test ettim ve sundum.", + }, + impact: { + en: "The experience strengthened my practical approach to conversational QA, workflow organization and safe human-handoff design.", + tr: "Bu deneyim conversational QA, akış organizasyonu ve güvenli insan temsilciye aktarım tasarımı konularındaki pratik yaklaşımımı güçlendirdi.", + }, + process: { + en: [ + { + title: "Workflow Analysis", + text: "Reviewed conversation goals, channel behavior and existing flow structure.", + }, + { + title: "Flow Restructuring", + text: "Supported the organization of intents, transitions, fallback behavior and human handoff paths.", + }, + { + title: "QA & Validation", + text: "Tested response behavior, routing logic and multi-channel conversational scenarios.", + }, + { + title: "Iteration Support", + text: "Contributed to issue tracking, flow improvements and transition processes.", + }, + ], + tr: [ + { + title: "Akış Analizi", + text: "Konuşma hedeflerini, kanal davranışlarını ve mevcut akış yapısını inceledim.", + }, + { + title: "Akışın Yeniden Yapılandırılması", + text: "Intent, geçiş, fallback ve insan temsilciye aktarım yollarının düzenlenmesine katkı sağladım.", + }, + { + title: "QA ve Doğrulama", + text: "Yanıt davranışını, yönlendirme mantığını ve çok kanallı konuşma senaryolarını test ettim.", + }, + { + title: "İyileştirme Desteği", + text: "Issue takibi, akış geliştirmeleri ve geçiş süreçlerine katkı sağladım.", + }, + ], + }, + features: { + en: [ + "Live-chat QA, validation and issue follow-up", + "Channel configuration and chatbot transition support", + "Supported the restructuring of a large multi-step conversational workflow", + "Voice interaction and phone verification for an insurance claims intake POC", + "WhatsApp handoff, photo and document collection for the same POC", + "Workflow coordination and multi-step workflow logic", + ], + tr: [ + "Live-chat QA, doğrulama ve issue takibi", + "Kanal yapılandırması ve chatbot geçiş desteği", + "Büyük ve çok adımlı bir konuşma akışının yeniden yapılandırılmasına katkı", + "Sigorta hasar başvuru POC'si için sesli etkileşim ve telefon doğrulama", + "Aynı POC için WhatsApp aktarımı, fotoğraf ve belge toplama", + "Workflow koordinasyonu ve çok adımlı akış mantığı", + ], + }, + }, + "atolye-joyday-official-website": { + category: { en: "Web Development", tr: "Web Geliştirme" }, + title: { + en: "Atölye Joyday Official Website", + tr: "Atölye Joyday Resmi Web Sitesi", + }, + subtitle: { + en: "A live business website for a creative workshop studio, built around service presentation, package discovery, reservation CTAs and mobile-first user experience.", + tr: "Yaratıcı atölye stüdyosu için hizmet anlatımı, paket keşfi, rezervasyon CTA'ları ve mobil öncelikli kullanıcı deneyimi etrafında geliştirilen canlı işletme web sitesi.", + }, + role: { + en: "Co-Founder & Digital Product Developer", + tr: "Kurucu Ortak & Dijital Ürün Geliştirici", + }, + year: "2026", + type: { en: "Live Business Website", tr: "Canlı İşletme Web Sitesi" }, + status: { en: "Live", tr: "Canlı" }, + image: "assets/joyday-homepage-preview.webp", + gallery: [ + "assets/joyday-homepage-preview.webp", + "assets/joyday-reservation-preview.webp", + "assets/joyday-brand-logo.webp", + ], + stack: [ + "HTML", + "CSS", + "JavaScript", + "Google Apps Script", + "Responsive Design", + "UX Flow", + "SEO Basics", + "Reservation CTA", + ], + links: [ + { + label: { en: "View Case Study", tr: "Vaka Çalışmasını Gör" }, + url: "atolye-joyday-case-study.html", + }, + { + label: { en: "Open Live Website", tr: "Canlı Siteyi Aç" }, + url: "https://atolyejoyday.com/", + }, + ], + overview: { + en: "Atölye Joyday is a real creative workshop studio website built to present services such as Action Painting, Creative Drama, Workshops and Private Events. The site turns a physical studio experience into a clear digital journey where visitors can discover services, compare packages and move toward reservation.", + tr: "Atölye Joyday; Action Painting, Yaratıcı Drama, Workshoplar ve Özel Etkinlikler gibi hizmetleri sunmak için geliştirilen gerçek bir yaratıcı atölye web sitesidir. Site, fiziksel stüdyo deneyimini ziyaretçilerin hizmetleri keşfedebileceği, paketleri karşılaştırabileceği ve rezervasyona ilerleyebileceği net bir dijital yolculuğa dönüştürür.", + }, + challenge: { + en: "The main challenge was presenting multiple service categories without confusing visitors, while keeping the reservation action visible and simple across desktop and mobile screens.", + tr: "Temel zorluk, birden fazla hizmet kategorisini ziyaretçiyi yormadan sunmak ve masaüstü/mobil ekranlarda rezervasyon aksiyonunu görünür ve basit tutmaktı.", + }, + solution: { + en: "I built a responsive multi-page structure with clear navigation, service-specific sections, package cards, visual hierarchy and reservation CTAs. The design keeps the brand colorful and friendly while maintaining a clean operational flow.", + tr: "Net navigasyon, hizmete özel bölümler, paket kartları, görsel hiyerarşi ve rezervasyon CTA'ları içeren responsive çok sayfalı bir yapı geliştirdim. Tasarım markanın renkli ve samimi karakterini korurken operasyonel akışı temiz tutar.", + }, + impact: { + en: "The website gave Atölye Joyday a professional digital presence and created a smoother path from discovery to reservation for real customers.", + tr: "Web sitesi Atölye Joyday'e profesyonel bir dijital varlık kazandırdı ve gerçek müşteriler için keşiften rezervasyona daha akıcı bir yol oluşturdu.", + }, + process: { + en: [ + { + title: "Service Architecture", + text: "Structured the studio’s experience areas, package information and customer entry points.", + }, + { + title: "Reservation Journey", + text: "Designed the journey from service discovery to package, date and contact selection.", + }, + { + title: "Frontend & Automation", + text: "Developed the responsive website and Google-based submission and notification workflows.", + }, + { + title: "Launch & Operations", + text: "Tested the customer journey, deployed the website and supported ongoing digital operations.", + }, + ], + tr: [ + { + title: "Hizmet Mimarisi", + text: "Atölyenin deneyim alanlarını, paket bilgilerini ve müşteri giriş noktalarını yapılandırdım.", + }, + { + title: "Rezervasyon Yolculuğu", + text: "Hizmet keşfinden paket, tarih ve iletişim seçimine uzanan yolculuğu tasarladım.", + }, + { + title: "Frontend ve Otomasyon", + text: "Responsive web sitesini ve Google tabanlı başvuru/bildirim akışlarını geliştirdim.", + }, + { + title: "Yayın ve Operasyon", + text: "Müşteri yolculuğunu test ettim, siteyi yayına aldım ve dijital operasyonları destekledim.", + }, + ], + }, + features: { + en: [ + "Live real-business website", + "Responsive service pages", + "Action Painting package presentation", + "Reservation-oriented customer journey", + "Clear brand and visual hierarchy", + ], + tr: [ + "Canlı gerçek işletme web sitesi", + "Responsive hizmet sayfaları", + "Action Painting paket sunumu", + "Rezervasyon odaklı müşteri yolculuğu", + "Net marka ve görsel hiyerarşi", + ], + }, + }, + drivenfinity: { + category: { en: "Game Development", tr: "Oyun Geliştirme" }, + title: { en: "Drivenfinity", tr: "Drivenfinity" }, + subtitle: { + en: "A hyper-casual 3D mobile driving simulation game focused on obstacle avoidance, reflexes and score improvement.", + tr: "Engellerden kaçınma, refleks ve skor geliştirme odaklı hyper-casual 3D mobil sürüş simülasyonu.", + }, + role: { en: "Unity Developer", tr: "Unity Developer" }, + year: "2025", + type: { en: "Mobile Game", tr: "Mobil Oyun" }, + status: { en: "Repository", tr: "Repository" }, + image: "assets/DrivenfinityPng.png", + gallery: ["assets/DrivenfinityPng.png"], + stack: ["Unity", "C#", "3D", "Mobile", "Gameplay Logic"], + links: [ + { + label: { en: "Open GitHub", tr: "GitHub'da Aç" }, + url: "https://github.com/UAJOP/Drivenfinity", + }, + ], + overview: { + en: "Drivenfinity is a mobile-focused driving game where the player tries to survive as long as possible and increase the score by avoiding obstacles.", + tr: "Drivenfinity, oyuncunun engellerden kaçarak mümkün olduğunca uzun süre hayatta kalmaya ve skorunu artırmaya çalıştığı mobil odaklı bir sürüş oyunudur.", + }, + challenge: { + en: "The main design challenge was to keep the gameplay simple enough for hyper-casual play while still making the loop feel responsive and replayable.", + tr: "Temel tasarım zorluğu, oynanışı hyper-casual kadar basit tutarken döngüyü akıcı ve tekrar oynanabilir hissettirmekti.", + }, + solution: { + en: "I structured the game around clear movement, obstacle navigation, scoring and fast restart logic to support short mobile sessions.", + tr: "Oyunu net hareket, engel navigasyonu, skor sistemi ve hızlı yeniden başlatma mantığı etrafında yapılandırdım.", + }, + features: { + en: [ + "3D driving gameplay", + "Obstacle avoidance loop", + "Score-based progression", + "Unity C# scripts", + "Mobile-friendly gameplay idea", + ], + tr: [ + "3D sürüş oynanışı", + "Engelden kaçınma döngüsü", + "Skor bazlı ilerleme", + "Unity C# scriptleri", + "Mobil dostu oyun fikri", + ], + }, + }, + "dunker-madness": { + category: { en: "Game Development", tr: "Oyun Geliştirme" }, + title: { en: "Dunker Madness", tr: "Dunker Madness" }, + subtitle: { + en: "A 2D physics-based projectile game inspired by aiming, tower destruction and strategic shots.", + tr: "Nişan alma, kule yıkımı ve stratejik atışlardan ilham alan 2D fizik tabanlı fırlatma oyunu.", + }, + role: { en: "Unity Developer", tr: "Unity Developer" }, + year: "2025", + type: { en: "2D Game", tr: "2D Oyun" }, + status: { en: "Repository", tr: "Repository" }, + image: "assets/Ekran görüntüsü 2025-02-25 202336.png", + gallery: ["assets/Ekran görüntüsü 2025-02-25 202336.png"], + stack: ["Unity", "C#", "2D Physics", "Projectile Logic"], + links: [ + { + label: { en: "Open GitHub", tr: "GitHub'da Aç" }, + url: "https://github.com/UAJOP/DunkerMadness", + }, + ], + overview: { + en: "Dunker Madness explores a physics-based shooting mechanic where the player launches projectiles to destroy enemy structures.", + tr: "Dunker Madness, oyuncunun düşman yapılarını yıkmak için fırlatma yaptığı fizik tabanlı bir atış mekaniğini araştırır.", + }, + challenge: { + en: "Physics games need satisfying feedback, readable trajectories and a balance between precision and fun.", + tr: "Fizik tabanlı oyunlarda tatmin edici geri bildirim, okunabilir atış yolları ve hassasiyet-eğlence dengesi gerekir.", + }, + solution: { + en: "The project focuses on simple projectile control, target interaction and structure destruction logic inside Unity.", + tr: "Proje Unity içinde basit fırlatma kontrolü, hedef etkileşimi ve yapı yıkım mantığına odaklanır.", + }, + features: { + en: [ + "2D projectile gameplay", + "Physics-based interactions", + "Enemy tower destruction", + "C# gameplay scripts", + "Angry Birds-style inspiration", + ], + tr: [ + "2D fırlatma oynanışı", + "Fizik tabanlı etkileşimler", + "Düşman kulesi yıkımı", + "C# gameplay scriptleri", + "Angry Birds tarzı ilham", + ], + }, + }, + "unity-essentials": { + category: { en: "Game Development", tr: "Oyun Geliştirme" }, + title: { en: "Unity Essentials", tr: "Unity Essentials" }, + subtitle: { + en: "A multi-scene Unity learning project focused on core mechanics and gameplay fundamentals.", + tr: "Temel mekanikler ve gameplay temellerine odaklanan çok sahneli Unity öğrenme projesi.", + }, + role: { en: "Unity Developer", tr: "Unity Developer" }, + year: "2025", + type: { en: "Learning Project", tr: "Öğrenme Projesi" }, + status: { en: "Repository", tr: "Repository" }, + image: "assets/converted_image.png", + gallery: ["assets/converted_image.png"], + stack: ["Unity 6", "C#", "Scenes", "Gameplay Fundamentals"], + links: [ + { + label: { en: "Open GitHub", tr: "GitHub'da Aç" }, + url: "https://github.com/UAJOP/UnityEssentials", + }, + ], + overview: { + en: "Unity Essentials is a learning-focused project containing multiple scenes that each explore a different Unity concept or mechanic.", + tr: "Unity Essentials, her biri farklı bir Unity konseptini veya mekaniğini araştıran çok sahneli öğrenme odaklı bir projedir.", + }, + challenge: { + en: "The goal was to strengthen Unity fundamentals by isolating mechanics into clear scenes and building them step by step.", + tr: "Amaç mekanikleri net sahnelere ayırarak Unity temellerini adım adım güçlendirmekti.", + }, + solution: { + en: "I structured the project as a practical learning environment with scene-based experimentation and reusable gameplay logic.", + tr: "Projeyi sahne bazlı denemeler ve tekrar kullanılabilir gameplay mantığıyla pratik bir öğrenme ortamı olarak yapılandırdım.", + }, + features: { + en: [ + "Multiple Unity scenes", + "Core mechanic experiments", + "C# implementation", + "Learning-focused structure", + "Gameplay fundamentals", + ], + tr: [ + "Çoklu Unity sahneleri", + "Temel mekanik denemeleri", + "C# uygulama", + "Öğrenme odaklı yapı", + "Gameplay temelleri", + ], + }, + }, + "extract-shoot-zero": { + category: { en: "Game Development", tr: "Oyun Geliştirme" }, + title: { en: "Extract Shoot: Zero", tr: "Extract Shoot: Zero" }, + subtitle: { + en: "A third-person action shooter prototype with enemy behavior, health management and combat-focused gameplay systems.", + tr: "Düşman davranışı, sağlık yönetimi ve savaş odaklı gameplay sistemleri içeren üçüncü şahıs aksiyon shooter prototipi.", + }, + role: { en: "Unreal Engine Developer", tr: "Unreal Engine Developer" }, + year: "2024", + type: { en: "Shooter Prototype", tr: "Shooter Prototipi" }, + status: { en: "Repository", tr: "Repository" }, + image: "assets/9b869e78-ccdd-41a1-b9bd-e2047dc7c245.jpg", + gallery: ["assets/9b869e78-ccdd-41a1-b9bd-e2047dc7c245.jpg"], + stack: [ + "Unreal Engine", + "C++", + "Blueprints", + "Enemy Behavior", + "Combat Systems", + ], + links: [ + { + label: { en: "Open GitHub", tr: "GitHub'da Aç" }, + url: "https://github.com/UAJOP/ExtractShoot-Zero", + }, + ], + overview: { + en: "Extract Shoot: Zero is a third-person action shooter prototype built to practice combat systems, enemy behavior and player health logic.", + tr: "Extract Shoot: Zero; savaş sistemleri, düşman davranışı ve oyuncu sağlık mantığını çalışmak için geliştirilmiş üçüncü şahıs aksiyon shooter prototipidir.", + }, + challenge: { + en: "A shooter prototype requires multiple systems to work together: movement, enemy behavior, health, damage and combat feedback.", + tr: "Bir shooter prototipinde hareket, düşman davranışı, sağlık, hasar ve savaş geri bildirimi gibi birçok sistem birlikte çalışmalıdır.", + }, + solution: { + en: "I built the project using Unreal Engine with C++ and Blueprints, focusing on clear game state and combat interaction logic.", + tr: "Projeyi Unreal Engine üzerinde C++ ve Blueprints ile geliştirerek net oyun durumu ve savaş etkileşimi mantığına odaklandım.", + }, + features: { + en: [ + "Third-person combat", + "Enemy behavior logic", + "Health and damage systems", + "Unreal Engine workflow", + "Blueprint and C++ usage", + ], + tr: [ + "Üçüncü şahıs savaş", + "Düşman davranış mantığı", + "Sağlık ve hasar sistemleri", + "Unreal Engine iş akışı", + "Blueprint ve C++ kullanımı", + ], + }, + }, + "tank-savage": { + category: { en: "Game Development", tr: "Oyun Geliştirme" }, + title: { en: "Tank Savage", tr: "Tank Savage" }, + subtitle: { + en: "A third-person tank combat prototype built with Unreal Engine, Blueprints, C++ and physics-based gameplay ideas.", + tr: "Unreal Engine, Blueprints, C++ ve fizik tabanlı gameplay fikirleriyle geliştirilen üçüncü şahıs tank savaş prototipi.", + }, + role: { en: "Unreal Engine Developer", tr: "Unreal Engine Developer" }, + year: "2024", + type: { en: "Combat Game Prototype", tr: "Savaş Oyunu Prototipi" }, + status: { en: "Repository", tr: "Repository" }, + image: "assets/maxresdefault.jpg", + gallery: ["assets/maxresdefault.jpg"], + stack: ["Unreal Engine", "C++", "Blueprints", "Physics", "Combat"], + links: [ + { + label: { en: "Open GitHub", tr: "GitHub'da Aç" }, + url: "https://github.com/UAJOP/TankSavage", + }, + ], + overview: { + en: "Tank Savage focuses on tank movement, combat interaction and Unreal Engine gameplay prototyping.", + tr: "Tank Savage; tank hareketi, savaş etkileşimi ve Unreal Engine gameplay prototiplemesine odaklanır.", + }, + challenge: { + en: "Vehicle-style combat requires different control feel, collision behavior and combat pacing compared to character-based games.", + tr: "Araç tabanlı savaş; karakter tabanlı oyunlara göre farklı kontrol hissi, çarpışma davranışı ve savaş temposu gerektirir.", + }, + solution: { + en: "I approached the project as a prototype for tank control, environment interaction and combat rules using Unreal workflows.", + tr: "Projeye Unreal iş akışlarıyla tank kontrolü, çevre etkileşimi ve savaş kuralları prototipi olarak yaklaştım.", + }, + features: { + en: [ + "Tank control logic", + "Combat prototype", + "Physics-based interaction", + "Blueprint/C++ workflow", + "Unreal Engine 5 practice", + ], + tr: [ + "Tank kontrol mantığı", + "Savaş prototipi", + "Fizik tabanlı etkileşim", + "Blueprint/C++ iş akışı", + "Unreal Engine 5 pratiği", + ], + }, + }, + "hospital-form-app": { + category: { en: "Software / Database", tr: "Yazılım / Veritabanı" }, + title: { en: "Hospital Form App", tr: "Hospital Form App" }, + subtitle: { + en: "A 2024 academic C# Windows Forms project demonstrating patient, doctor, secretary and appointment workflows through SQL Server and ADO.NET. The repository is preserved as a source archive.", + tr: "SQL Server ve ADO.NET üzerinden hasta, doktor, sekreter ve randevu iş akışlarını gösteren 2024 tarihli akademik C# Windows Forms projesi. Repository bir kaynak arşivi olarak korunuyor.", + }, + role: { en: "Software Developer", tr: "Yazılım Geliştirici" }, + year: "2024", + type: { + en: "Academic / Personal Software Project", + tr: "Akademik / Kişisel Yazılım Projesi", + }, + status: { en: "Source Archive", tr: "Kaynak Arşivi" }, + image: "assets/hospital_form_app_cover.webp", + gallery: [ + "assets/hospital-system-patient-workflow.webp", + "assets/hospital-system-secretary-workflow.webp", + "assets/hospital-system-doctor-workflow.webp", + "assets/hospital-system-database.webp", + "assets/hospital-system-registration.webp", + ], + stack: [ + "C#", + ".NET Framework", + "Windows Forms", + "SQL Server", + "ADO.NET", + "Database Design", + ], + links: [ + { + label: { en: "View Case Study", tr: "Vaka Çalışmasını Gör" }, + url: "hospital-system-case-study.html", + }, + { + label: { + en: "View Source Archive", + tr: "Kaynak Arşivini Gör", + }, + url: "https://github.com/UAJOP/Hospital-System", + }, + ], + overview: { + en: "Hospital Form App is the portfolio card name for Hospital System, an individual Visual Programming course project that combines three role-specific Windows Forms journeys with direct SQL Server operations. The repository preserves code excerpts, schema and interface evidence rather than a runnable build.", + tr: "Hospital Form App, üç role özel Windows Forms yolculuğunu doğrudan SQL Server işlemleriyle birleştiren bireysel Görsel Programlama dersi projesi Hospital System'ın portfolio kart adıdır. Repository çalıştırılabilir build yerine kod dökümlerini, şemayı ve arayüz kanıtlarını korur.", + }, + challenge: { + en: "The project required organizing 15 forms, three user journeys and direct database operations while keeping the patient, doctor and secretary workflows understandable.", + tr: "Proje; hasta, doktor ve sekreter iş akışlarını anlaşılır tutarken 15 formu, üç kullanıcı yolculuğunu ve doğrudan veritabanı işlemlerini düzenlemeyi gerektirdi.", + }, + solution: { + en: "I structured the academic desktop application around dedicated role forms, event-driven navigation and ADO.NET commands operating on a six-table SQL Server model.", + tr: "Akademik masaüstü uygulamayı role özel formlar, event-driven navigation ve altı tabloluk SQL Server modeli üzerinde çalışan ADO.NET komutları etrafında yapılandırdım.", + }, + process: { + en: [ + { + title: "Form Architecture", + text: "Structured the interface around dedicated patient, doctor and secretary forms.", + }, + { + title: "Role Workflows", + text: "Connected appointment and profile actions across the three role-specific journeys.", + }, + { + title: "ADO.NET Operations", + text: "Organized SQL Server create, read, update and delete operations through ADO.NET commands.", + }, + { + title: "Archive Documentation", + text: "Preserved code excerpts, schema and interface evidence for repository review.", + }, + ], + tr: [ + { + title: "Form Mimarisi", + text: "Arayüzü hasta, doktor ve sekreter için ayrılmış formlar etrafında yapılandırdım.", + }, + { + title: "Rol Akışları", + text: "Randevu ve profil işlemlerini role özel üç kullanıcı yolculuğu boyunca bağladım.", + }, + { + title: "ADO.NET İşlemleri", + text: "SQL Server oluşturma, okuma, güncelleme ve silme işlemlerini ADO.NET komutlarıyla düzenledim.", + }, + { + title: "Arşiv Dokümantasyonu", + text: "Repository incelemesi için kod dökümlerini, şemayı ve arayüz kanıtlarını korudum.", + }, + ], + }, + features: { + en: [ + "Three dedicated user workflows", + "Fifteen Windows Forms", + "Six SQL Server tables", + "Create, read, update and delete operations", + "Archived interface and schema evidence", + ], + tr: [ + "Üç ayrı kullanıcı iş akışı", + "On beş Windows Formu", + "Altı SQL Server tablosu", + "Oluşturma, okuma, güncelleme ve silme işlemleri", + "Arşivlenmiş arayüz ve şema kanıtları", + ], + }, + }, + "cars-dataset-analysis": { + category: { en: "Data Analysis", tr: "Veri Analizi" }, + title: { en: "Cars Dataset Analysis", tr: "Cars Veri Seti Analizi" }, + subtitle: { + en: "A Python data project combining exploratory analysis and visualization with a small linear-regression experiment for car-price estimation.", + tr: "Keşifsel analiz ve görselleştirmeyi araç fiyatı tahmini için küçük bir doğrusal regresyon deneyiyle birleştiren Python veri projesi.", + }, + role: { en: "Python Developer", tr: "Python Developer" }, + year: "2024", + type: { en: "Data Project", tr: "Veri Projesi" }, + status: { en: "Repository", tr: "Repository" }, + image: "assets/what-is-data-analyst.jpg", + gallery: ["assets/what-is-data-analyst.jpg"], + stack: [ + "Python", + "Pandas", + "NumPy", + "Matplotlib", + "Seaborn", + "scikit-learn", + "Linear Regression", + ], + links: [ + { + label: { en: "Open GitHub", tr: "GitHub'da Aç" }, + url: "https://github.com/UAJOP/Cars-Dataset-Analysis", + }, + ], + overview: { + en: "The project primarily explores, cleans and visualizes automotive data. It also includes a small scikit-learn Linear Regression experiment to examine basic car-price estimation in a controlled notebook workflow.", + tr: "Proje öncelikle otomotiv verilerini keşfeder, temizler ve görselleştirir. Ayrıca kontrollü bir notebook akışında temel araç fiyatı tahminini incelemek için küçük bir scikit-learn Linear Regression deneyi içerir.", + }, + challenge: { + en: "A data project needs clean exploration, understandable outputs and a structure that makes the analysis easy to follow.", + tr: "Bir veri projesi temiz keşif, anlaşılır çıktılar ve analizin kolay takip edilebilir olduğu bir yapı gerektirir.", + }, + solution: { + en: "I used Pandas, NumPy, Matplotlib and Seaborn for the main exploratory workflow, then added a small scikit-learn Linear Regression experiment as a secondary technical exercise.", + tr: "Ana keşifsel analiz akışında Pandas, NumPy, Matplotlib ve Seaborn kullandım; ardından ikincil bir teknik çalışma olarak küçük bir scikit-learn Linear Regression deneyi ekledim.", + }, + features: { + en: [ + "Exploratory data analysis", + "Data cleaning and preparation", + "Matplotlib and Seaborn visualizations", + "Automotive data observations", + "Small Linear Regression experiment", + ], + tr: [ + "Keşifsel veri analizi", + "Veri temizleme ve hazırlama", + "Matplotlib ve Seaborn görselleştirmeleri", + "Otomotiv verisi gözlemleri", + "Küçük Linear Regression deneyi", + ], + }, + }, + "my-museum": { + category: { en: "Mobile Development", tr: "Mobil Geliştirme" }, + title: { + en: "MyMuseum — Mobile Content App", + tr: "MyMuseum — Mobil İçerik Uygulaması", + }, + subtitle: { + en: "An Android content-sharing application built with Kotlin and Firebase around mobile user flows and database-backed interactions.", + tr: "Mobil kullanıcı akışları ve veritabanı destekli etkileşimler etrafında Kotlin ve Firebase ile geliştirilen Android içerik paylaşım uygulaması.", + }, + role: { en: "Android Developer", tr: "Android Developer" }, + year: "2023", + type: { en: "Android App", tr: "Android Uygulaması" }, + status: { en: "Repository", tr: "Repository" }, + image: "assets/insatagram.webp", + gallery: ["assets/insatagram.webp"], + stack: ["Kotlin", "Android Studio", "Firebase", "Mobile UI", "Database"], + links: [ + { + label: { en: "Open GitHub", tr: "GitHub'da Aç" }, + url: "https://github.com/UAJOP/MyMuseum", + }, + ], + overview: { + en: "MyMuseum is an Android content-sharing application focused on mobile user flows and Firebase-backed interactions.", + tr: "MyMuseum, mobil kullanıcı akışlarına ve Firebase destekli etkileşimlere odaklanan Android içerik paylaşım uygulamasıdır.", + }, + challenge: { + en: "The project required connecting mobile UI screens with Firebase-backed content logic.", + tr: "Proje, mobil UI ekranlarını Firebase destekli içerik mantığıyla bağlamayı gerektirdi.", + }, + solution: { + en: "I built the app using Kotlin in Android Studio, focusing on core mobile flow and Firebase integration.", + tr: "Uygulamayı Android Studio'da Kotlin ile geliştirerek temel mobil akışa ve Firebase entegrasyonuna odaklandım.", + }, + features: { + en: [ + "Kotlin Android app", + "Firebase database", + "Content-sharing flow", + "Mobile content flow", + "Android Studio workflow", + ], + tr: [ + "Kotlin Android uygulaması", + "Firebase veritabanı", + "İçerik paylaşım akışı", + "Mobil içerik akışı", + "Android Studio iş akışı", + ], + }, + }, + "weather-app": { + category: { en: "Web Development", tr: "Web Geliştirme" }, + title: { en: "Weather App", tr: "Weather App" }, + subtitle: { + en: "A JavaScript weather application that fetches forecast data and presents location-based weather information.", + tr: "Hava durumu verilerini çeken ve konuma göre hava bilgisi sunan JavaScript uygulaması.", + }, + role: { en: "Frontend Developer", tr: "Frontend Developer" }, + year: "2023", + type: { en: "Web App", tr: "Web Uygulaması" }, + status: { en: "Repository", tr: "Repository" }, + image: "assets/7477790.png", + gallery: ["assets/7477790.png"], + stack: ["HTML", "CSS", "JavaScript", "API", "Frontend"], + links: [ + { + label: { en: "Open GitHub", tr: "GitHub'da Aç" }, + url: "https://github.com/UAJOP/Wheather-App", + }, + ], + overview: { + en: "Weather App is a frontend project focused on retrieving weather data and presenting it through a simple user interface.", + tr: "Weather App, hava durumu verilerini alıp basit bir kullanıcı arayüzü üzerinden sunmaya odaklanan frontend projesidir.", + }, + challenge: { + en: "The main challenge was connecting user-facing UI with external weather data in a clear and usable way.", + tr: "Temel zorluk kullanıcı arayüzünü dış hava durumu verisiyle net ve kullanılabilir şekilde bağlamaktı.", + }, + solution: { + en: "I built a JavaScript-based interface that fetches and displays weather information for the user.", + tr: "Kullanıcı için hava durumu bilgisini çeken ve gösteren JavaScript tabanlı bir arayüz geliştirdim.", + }, + features: { + en: [ + "JavaScript data fetching", + "Weather information display", + "Frontend UI", + "Location-based concept", + "API-oriented practice", + ], + tr: [ + "JavaScript veri çekme", + "Hava bilgisi gösterimi", + "Frontend UI", + "Konum bazlı konsept", + "API odaklı pratik", + ], + }, + }, +}; + +const githubRepositoryProjectDetails = { + "control-panel": { + category: { + en: "Web & Dashboard", + tr: "Web & Dashboard", + }, + title: { + en: "Control Panel", + tr: "Control Panel", + }, + subtitle: { + en: "A PHP and MySQL based administration dashboard with database-backed management screens and operational control flows.", + tr: "Veritabanı destekli yönetim ekranları ve operasyonel kontrol akışları içeren PHP ve MySQL tabanlı yönetim paneli.", + }, + role: { + en: "Full-Stack Developer", + tr: "Full-Stack Developer", + }, + year: "2024", + type: { + en: "Dashboard Project", + tr: "Dashboard Projesi", + }, + status: { + en: "Repository", + tr: "Repository", + }, + image: "assets/control_panel_cover.webp", + gallery: ["assets/control_panel_cover.webp"], + stack: ["PHP", "MySQL", "CSS", "JavaScript", "Dashboard"], + links: [ + { + label: { + en: "Open GitHub", + tr: "GitHub'da Aç", + }, + url: "https://github.com/UAJOP/Control-Panel", + }, + ], + overview: { + en: "Control Panel is a PHP and MySQL administration dashboard with database-backed management screens and operational flows.", + tr: "Control Panel, veritabanı destekli yönetim ekranları ve operasyonel akışlar içeren PHP ve MySQL tabanlı yönetim panelidir.", + }, + challenge: { + en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", + tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", + }, + solution: { + en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", + tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", + }, + features: { + en: [ + "Dashboard-style interface", + "Admin panel structure", + "PHP management screens", + "MySQL-backed operations", + "Reusable UI sections", + "School/project-based web workflow", + ], + tr: [ + "Dashboard tarzı arayüz", + "Admin panel yapısı", + "PHP yönetim ekranları", + "MySQL destekli işlemler", + "Tekrar kullanılabilir UI bölümleri", + "Okul/proje bazlı web iş akışı", + ], + }, + }, + "hospital-appointment-system": { + category: { + en: "Data / Backend", + tr: "Veri / Backend", + }, + title: { + en: "Hospital Appointment System", + tr: "Hospital Appointment System", + }, + subtitle: { + en: "A Python-based hospital appointment automation system with a Tkinter interface and MySQL-backed patient, doctor, staff and appointment workflows.", + tr: "Tkinter arayüzü ve MySQL destekli hasta, doktor, personel ve randevu akışlarına sahip Python tabanlı hastane randevu otomasyonu.", + }, + role: { + en: "Python / Database Developer", + tr: "Python / Veritabanı Developer", + }, + year: "2024", + type: { + en: "Desktop Automation System", + tr: "Masaüstü Otomasyon Sistemi", + }, + status: { + en: "Repository", + tr: "Repository", + }, + image: "assets/hastane.jpg", + gallery: ["assets/hastane.jpg", "assets/hospital.avif"], + stack: ["Python", "Tkinter", "MySQL", "MySQL Connector", "PIL", "Datetime"], + links: [ + { + label: { + en: "Open GitHub", + tr: "GitHub'da Aç", + }, + url: "https://github.com/UAJOP/Hospital-Appointment-System", + }, + ], + overview: { + en: "Hospital Appointment System is a Python desktop automation project designed to simplify appointment scheduling for patients, doctors and hospital staff. The project uses a Tkinter GUI, MySQL database connection and supporting Python libraries to create an accessible, database-backed appointment flow.", + tr: "Hospital Appointment System; hastalar, doktorlar ve hastane personeli için randevu alma sürecini kolaylaştırmak üzere geliştirilmiş Python tabanlı bir masaüstü otomasyon projesidir. Proje; Tkinter GUI, MySQL veritabanı bağlantısı ve destekleyici Python kütüphaneleriyle erişilebilir, veritabanı destekli bir randevu akışı oluşturur.", + }, + challenge: { + en: "The main challenge was creating a clear appointment workflow that stays simple for patients, while still supporting doctor, staff and database-management needs behind the scenes.", + tr: "Temel zorluk; hastalar için sade kalan, aynı zamanda doktor, personel ve veritabanı yönetimi ihtiyaçlarını arka planda destekleyen net bir randevu akışı oluşturmaktı.", + }, + solution: { + en: "I structured the application around a patient-friendly Tkinter interface, MySQL-backed data persistence, appointment slot management and separate flows for patients, doctors and staff. PIL is used for visual UI support, while Python's datetime logic handles appointment timing operations.", + tr: "Uygulamayı hasta dostu Tkinter arayüzü, MySQL destekli veri kalıcılığı, randevu slot yönetimi ve hasta/doktor/personel akışları etrafında yapılandırdım. PIL görsel arayüz desteği için, Python datetime mantığı ise randevu zamanlama işlemleri için kullanıldı.", + }, + impact: { + en: "The project demonstrates Python GUI development, relational database usage and practical automation thinking for healthcare appointment workflows.", + tr: "Proje; sağlık randevu akışları için Python GUI geliştirme, ilişkisel veritabanı kullanımı ve pratik otomasyon düşüncesini gösterir.", + }, + process: { + en: [ + { + title: "Interface planning", + text: "Designed a simple Tkinter-based desktop interface that patients and staff can understand quickly.", + }, + { + title: "Database setup", + text: "Structured MySQL tables and connection logic for users, doctors, appointments and persistent records.", + }, + { + title: "Appointment logic", + text: "Built scheduling flows around available slots, selected appointment times and user actions.", + }, + { + title: "Testing and improvement", + text: "Refined the project by testing GUI behavior, database connection and appointment operations.", + }, + ], + tr: [ + { + title: "Arayüz planlama", + text: "Hasta ve personelin hızlı anlayabileceği sade Tkinter tabanlı masaüstü arayüz planlandı.", + }, + { + title: "Veritabanı kurulumu", + text: "Kullanıcılar, doktorlar, randevular ve kalıcı kayıtlar için MySQL tablo ve bağlantı mantığı yapılandırıldı.", + }, + { + title: "Randevu mantığı", + text: "Uygun slotlar, seçilen randevu saatleri ve kullanıcı aksiyonları etrafında zamanlama akışları geliştirildi.", + }, + { + title: "Test ve geliştirme", + text: "GUI davranışı, veritabanı bağlantısı ve randevu işlemleri test edilerek proje iyileştirildi.", + }, + ], + }, + features: { + en: [ + "Patient-friendly Tkinter GUI", + "Doctor and hospital staff appointment panels", + "MySQL-backed patient, doctor and appointment records", + "Automated appointment slot selection logic", + "PIL-supported visual interface elements", + "Datetime-based scheduling operations", + ], + tr: [ + "Hasta dostu Tkinter GUI", + "Doktor ve hastane personeli randevu panelleri", + "MySQL destekli hasta, doktor ve randevu kayıtları", + "Otomatik randevu slot seçim mantığı", + "PIL destekli görsel arayüz elemanları", + "Datetime tabanlı zamanlama işlemleri", + ], + }, + }, + "escape-island": { + category: { + en: "Game Development", + tr: "Oyun Geliştirme", + }, + title: { + en: "Escape Island", + tr: "Escape Island", + }, + subtitle: { + en: "A solo third-person platforming and escape prototype built with Unreal Engine 5, C++ and Blueprints.", + tr: "Unreal Engine 5, C++ ve Blueprints ile geliştirilen solo üçüncü şahıs platform ve kaçış prototipi.", + }, + role: { + en: "Game Developer", + tr: "Game Developer", + }, + year: "2024", + type: { + en: "Game Prototype", + tr: "Oyun Prototipi", + }, + status: { + en: "Prototype", + tr: "Prototip", + }, + image: "assets/escape.jpg", + gallery: ["assets/escape.jpg"], + stack: ["Unreal Engine 5.4.4", "C++", "Blueprints", "Platforming"], + links: [ + { + label: { + en: "Open GitHub", + tr: "GitHub'da Aç", + }, + url: "https://github.com/UAJOP/EscapeIsland", + }, + ], + overview: { + en: "Escape Island is a solo Unreal Engine 5.4.4 prototype combining C++ and Blueprints in a timed third-person platforming flow.", + tr: "Escape Island, zaman odaklı üçüncü şahıs platform akışında C++ ve Blueprints'i birleştiren solo Unreal Engine 5.4.4 prototipidir.", + }, + challenge: { + en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", + tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", + }, + solution: { + en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", + tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", + }, + features: { + en: [ + "Unreal Engine 5.4.4", + "C++ and Blueprints integration", + "Timed platforming flow", + "Moving and rotating obstacles", + "Solo prototype", + ], + tr: [ + "Unreal Engine 5.4.4", + "C++ ve Blueprints entegrasyonu", + "Zaman odaklı platform akışı", + "Hareketli ve dönen engeller", + "Solo prototip", + ], + }, + }, + "calculator-android-studio": { + category: { + en: "Mobile Development", + tr: "Mobil Geliştirme", + }, + title: { + en: "Calculator Android Studio", + tr: "Calculator Android Studio", + }, + subtitle: { + en: "A mobile calculator app built in Android Studio to practice interface structure and basic app logic.", + tr: "Arayüz yapısı ve temel uygulama mantığı pratiği için Android Studio’da geliştirilen mobil hesap makinesi uygulaması.", + }, + role: { + en: "Android Developer", + tr: "Android Developer", + }, + year: "2024", + type: { + en: "Mobile App", + tr: "Mobil Uygulama", + }, + status: { + en: "Repository", + tr: "Repository", + }, + image: "assets/calculator-cartoon-illustration-png.webp", + gallery: ["assets/calculator-cartoon-illustration-png.webp"], + stack: ["Android Studio", "Mobile UI", "App Logic", "Input Handling"], + links: [ + { + label: { + en: "Open GitHub", + tr: "GitHub'da Aç", + }, + url: "https://github.com/UAJOP/Calculator-Android-Studio", + }, + ], + overview: { + en: "A mobile calculator app built in Android Studio to practice interface structure and basic app logic.", + tr: "Arayüz yapısı ve temel uygulama mantığı pratiği için Android Studio’da geliştirilen mobil hesap makinesi uygulaması.", + }, + challenge: { + en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", + tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", + }, + solution: { + en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", + tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", + }, + features: { + en: [ + "Calculator operations", + "Android UI practice", + "Mobile project structure", + "Input handling", + "Beginner-friendly app logic", + ], + tr: [ + "Hesap makinesi işlemleri", + "Android UI pratiği", + "Mobil proje yapısı", + "Input yönetimi", + "Temel uygulama mantığı", + ], + }, + }, + "calculator-javascript": { + category: { + en: "Web Development", + tr: "Web Geliştirme", + }, + title: { + en: "Calculator JavaScript", + tr: "Calculator JavaScript", + }, + subtitle: { + en: "A JavaScript calculator project focused on DOM interaction, UI state and basic frontend logic.", + tr: "DOM etkileşimi, UI state ve temel frontend mantığına odaklanan JavaScript hesap makinesi projesi.", + }, + role: { + en: "Frontend Developer", + tr: "Frontend Developer", + }, + year: "2024", + type: { + en: "Frontend App", + tr: "Frontend Uygulaması", + }, + status: { + en: "Repository", + tr: "Repository", + }, + image: "assets/images.png", + gallery: ["assets/images.png"], + stack: ["HTML", "CSS", "JavaScript", "DOM"], + links: [ + { + label: { + en: "Open GitHub", + tr: "GitHub'da Aç", + }, + url: "https://github.com/UAJOP/Calculator-JavaScript", + }, + ], + overview: { + en: "A JavaScript calculator project focused on DOM interaction, UI state and basic frontend logic.", + tr: "DOM etkileşimi, UI state ve temel frontend mantığına odaklanan JavaScript hesap makinesi projesi.", + }, + challenge: { + en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", + tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", + }, + solution: { + en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", + tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", + }, + features: { + en: [ + "DOM-based interactions", + "Calculator logic", + "Frontend state practice", + "Simple UI structure", + "JavaScript fundamentals", + ], + tr: [ + "DOM tabanlı etkileşim", + "Hesap makinesi mantığı", + "Frontend state pratiği", + "Basit UI yapısı", + "JavaScript temelleri", + ], + }, + }, + "warehouse-war": { + category: { + en: "Game Development", + tr: "Oyun Geliştirme", + }, + title: { + en: "Warehouse War", + tr: "Warehouse War", + }, + subtitle: { + en: "A warehouse-themed game prototype exploring combat, environment layout and gameplay systems.", + tr: "Savaş, çevre yerleşimi ve gameplay sistemlerini deneyen depo temalı oyun prototipi.", + }, + role: { + en: "Game Developer", + tr: "Game Developer", + }, + year: "2024", + type: { + en: "Game Prototype", + tr: "Oyun Prototipi", + }, + status: { + en: "Repository", + tr: "Repository", + }, + image: "assets/WarehouseWreckage main pp.png", + gallery: ["assets/WarehouseWreckage main pp.png"], + stack: ["Unreal Engine", "Game Design", "Combat Logic", "Environment"], + links: [ + { + label: { + en: "Open GitHub", + tr: "GitHub'da Aç", + }, + url: "https://github.com/UAJOP/Warehouse-War", + }, + ], + overview: { + en: "A warehouse-themed game prototype exploring combat, environment layout and gameplay systems.", + tr: "Savaş, çevre yerleşimi ve gameplay sistemlerini deneyen depo temalı oyun prototipi.", + }, + challenge: { + en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", + tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", + }, + solution: { + en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", + tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", + }, + features: { + en: [ + "Warehouse combat concept", + "Environment layout practice", + "Prototype gameplay systems", + "Action-focused interaction", + "Game project workflow", + ], + tr: [ + "Depo savaş konsepti", + "Çevre yerleşimi pratiği", + "Prototip gameplay sistemleri", + "Aksiyon odaklı etkileşim", + "Oyun projesi iş akışı", + ], + }, + }, + "legacy-of-the-lost": { + category: { + en: "Game Development", + tr: "Oyun Geliştirme", + }, + title: { + en: "Legacy of the Lost", + tr: "Legacy of the Lost", + }, + subtitle: { + en: "A game prototype with a darker adventure atmosphere, built around exploration and scene presentation.", + tr: "Keşif ve sahne sunumu etrafında geliştirilen, daha karanlık macera atmosferine sahip oyun prototipi.", + }, + role: { + en: "Game Developer", + tr: "Game Developer", + }, + year: "2025", + type: { + en: "Game Prototype", + tr: "Oyun Prototipi", + }, + status: { + en: "Repository", + tr: "Repository", + }, + image: "assets/111266f6-5226-4f00-aacc-efde413516ed.jpg", + gallery: ["assets/111266f6-5226-4f00-aacc-efde413516ed.jpg"], + stack: ["Game Design", "Level Design", "Atmosphere", "Prototype"], + links: [ + { + label: { + en: "Open GitHub", + tr: "GitHub'da Aç", + }, + url: "https://github.com/UAJOP/LegacyOfTheLost", + }, + ], + overview: { + en: "A game prototype with a darker adventure atmosphere, built around exploration and scene presentation.", + tr: "Keşif ve sahne sunumu etrafında geliştirilen, daha karanlık macera atmosferine sahip oyun prototipi.", + }, + challenge: { + en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", + tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", + }, + solution: { + en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", + tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", + }, + features: { + en: [ + "Adventure atmosphere", + "Scene composition practice", + "Prototype presentation", + "Exploration-oriented idea", + "Game design experimentation", + ], + tr: [ + "Macera atmosferi", + "Sahne kompozisyon pratiği", + "Prototip sunumu", + "Keşif odaklı fikir", + "Oyun tasarımı denemesi", + ], + }, + }, + "porto-25": { + category: { + en: "Web Development", + tr: "Web Geliştirme", + }, + title: { + en: "Porto 25", + tr: "Porto 25", + }, + subtitle: { + en: "A Tailwind CSS focused portfolio / landing page experiment built to practice responsive layout, personal branding and modern web presentation.", + tr: "Tailwind CSS odaklı kişisel portfolyo / landing page denemesi; responsive arayüz, modern layout ve marka sunumu pratiği.", + }, + role: { + en: "Frontend Developer", + tr: "Frontend Developer", + }, + year: "2024", + type: { + en: "Tailwind Portfolio UI", + tr: "Tailwind Portfolyo UI", + }, + status: { + en: "Repository", + tr: "Repository", + }, + image: "assets/porto_25_cover.webp", + gallery: ["assets/porto_25_cover.webp"], + stack: [ + "HTML", + "Tailwind CSS", + "Responsive Design", + "Portfolio UI", + "Frontend Layout", + ], + links: [ + { + label: { + en: "Open GitHub", + tr: "GitHub'da Aç", + }, + url: "https://github.com/UAJOP/Porto-25", + }, + ], + overview: { + en: "Porto 25 is a frontend practice repository focused on building a clean portfolio / landing page interface with Tailwind CSS. It represents an earlier personal-branding and layout experiment before the current full portfolio system.", + tr: "Porto 25, Tailwind CSS ile temiz bir portfolyo / landing page arayüzü oluşturmayı hedefleyen frontend pratik reposudur. Güncel kapsamlı portfolyo sisteminden önceki kişisel marka ve layout denemelerinden birini temsil eder.", + }, + challenge: { + en: "The goal was to practice modern responsive page structure, section hierarchy, spacing and visual consistency in a lightweight static website format.", + tr: "Amaç; hafif bir statik web yapısında modern responsive sayfa düzeni, bölüm hiyerarşisi, boşluk kullanımı ve görsel tutarlılık pratiği yapmaktı.", + }, + solution: { + en: "I approached it as a Tailwind-driven UI exercise: creating reusable sections, keeping the layout responsive and shaping the content around a personal portfolio presentation.", + tr: "Projeye Tailwind odaklı bir UI egzersizi olarak yaklaştım; tekrar kullanılabilir bölümler oluşturdum, layout’u responsive tuttum ve içeriği kişisel portfolyo sunumu etrafında yapılandırdım.", + }, + features: { + en: [ + "Tailwind CSS layout practice", + "Personal portfolio / landing page structure", + "Responsive section design", + "Static frontend presentation", + "Early personal branding experiment", + ], + tr: [ + "Tailwind CSS layout pratiği", + "Kişisel portfolyo / landing page yapısı", + "Responsive bölüm tasarımı", + "Statik frontend sunumu", + "Erken dönem kişisel marka denemesi", + ], + }, + }, + "my-java-projects": { + category: { + en: "Software Development", + tr: "Yazılım Geliştirme", + }, + title: { + en: "My Java Projects", + tr: "My Java Projects", + }, + subtitle: { + en: "A collection of Java practice projects focused on object-oriented programming, algorithms and core language fundamentals.", + tr: "Nesne yönelimli programlama, algoritmalar ve temel dil yapılarına odaklanan Java pratik projeleri koleksiyonu.", + }, + role: { + en: "Java Developer", + tr: "Java Developer", + }, + year: "2024", + type: { + en: "Learning Repository", + tr: "Öğrenme Deposu", + }, + status: { + en: "Repository", + tr: "Repository", + }, + image: "assets/java.png", + gallery: ["assets/java.png"], + stack: ["Java", "OOP", "Algorithms", "Console Apps"], + links: [ + { + label: { + en: "Open GitHub", + tr: "GitHub'da Aç", + }, + url: "https://github.com/UAJOP/My-java-projects", + }, + ], + overview: { + en: "A collection of Java practice projects focused on object-oriented programming, algorithms and core language fundamentals.", + tr: "Nesne yönelimli programlama, algoritmalar ve temel dil yapılarına odaklanan Java pratik projeleri koleksiyonu.", + }, + challenge: { + en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", + tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", + }, + solution: { + en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", + tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", + }, + features: { + en: [ + "Java fundamentals", + "OOP practice", + "Algorithm exercises", + "Learning repository structure", + "Core programming logic", + ], + tr: [ + "Java temelleri", + "OOP pratiği", + "Algoritma egzersizleri", + "Öğrenme deposu yapısı", + "Temel programlama mantığı", + ], + }, + }, + "agency-db": { + category: { + en: "Data / Backend", + tr: "Veri / Backend", + }, + title: { + en: "Agency DB", + tr: "Agency DB", + }, + subtitle: { + en: "A database-focused project for modeling agency-style records, relations and structured data operations.", + tr: "Ajans tarzı kayıtları, ilişkileri ve yapılandırılmış veri işlemlerini modellemeye odaklanan veritabanı projesi.", + }, + role: { + en: "Database Developer", + tr: "Database Developer", + }, + year: "2024", + type: { + en: "Database Project", + tr: "Veritabanı Projesi", + }, + status: { + en: "Repository", + tr: "Repository", + }, + image: "assets/agency_db_cover.webp", + gallery: ["assets/agency_db_cover.webp"], + stack: ["SQL", "Database Design", "Data Modeling", "ER Logic"], + links: [ + { + label: { + en: "Open GitHub", + tr: "GitHub'da Aç", + }, + url: "https://github.com/UAJOP/Agency-Db", + }, + ], + overview: { + en: "A database-focused project for modeling agency-style records, relations and structured data operations.", + tr: "Ajans tarzı kayıtları, ilişkileri ve yapılandırılmış veri işlemlerini modellemeye odaklanan veritabanı projesi.", + }, + challenge: { + en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", + tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", + }, + solution: { + en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", + tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", + }, + features: { + en: [ + "Relational data modeling", + "SQL practice", + "Agency record structure", + "Database normalization concept", + "Data operation planning", + ], + tr: [ + "İlişkisel veri modelleme", + "SQL pratiği", + "Ajans kayıt yapısı", + "Veritabanı normalizasyon konsepti", + "Veri operasyon planlama", + ], + }, + }, + "mandelas-web-site-project": { + category: { + en: "Web Development", + tr: "Web Geliştirme", + }, + title: { + en: "Mandelas Website Project", + tr: "Mandelas Website Project", + }, + subtitle: { + en: "A website project focused on content structure, frontend layout and static page development.", + tr: "İçerik yapısı, frontend layout ve statik sayfa geliştirmeye odaklanan web sitesi projesi.", + }, + role: { + en: "Web Developer", + tr: "Web Developer", + }, + year: "2024", + type: { + en: "Website Project", + tr: "Web Sitesi Projesi", + }, + status: { + en: "Repository", + tr: "Repository", + }, + image: "assets/images (1).png", + gallery: ["assets/images (1).png"], + stack: ["HTML", "CSS", "JavaScript", "Static Website"], + links: [ + { + label: { + en: "Open GitHub", + tr: "GitHub'da Aç", + }, + url: "https://github.com/UAJOP/Mandelas-Web-site-Project", + }, + ], + overview: { + en: "A website project focused on content structure, frontend layout and static page development.", + tr: "İçerik yapısı, frontend layout ve statik sayfa geliştirmeye odaklanan web sitesi projesi.", + }, + challenge: { + en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", + tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", + }, + solution: { + en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", + tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", + }, + features: { + en: [ + "Static website layout", + "Content structure", + "Responsive page sections", + "Frontend practice", + "Web presentation fundamentals", + ], + tr: [ + "Statik web sitesi layout’u", + "İçerik yapısı", + "Responsive sayfa bölümleri", + "Frontend pratiği", + "Web sunum temelleri", + ], + }, + }, + "pyhton-projects": { + category: { + en: "Data / Automation", + tr: "Veri / Otomasyon", + }, + title: { + en: "Python Projects", + tr: "Python Projects", + }, + subtitle: { + en: "A Python practice repository containing learning projects around programming fundamentals, automation and data-oriented logic.", + tr: "Programlama temelleri, otomasyon ve veri odaklı mantık etrafında öğrenme projeleri içeren Python pratik deposu.", + }, + role: { + en: "Python Developer", + tr: "Python Developer", + }, + year: "2024", + type: { + en: "Learning Repository", + tr: "Öğrenme Deposu", + }, + status: { + en: "Repository", + tr: "Repository", + }, + image: "assets/Python-Symbol.png", + gallery: ["assets/Python-Symbol.png"], + stack: ["Python", "Automation", "Data Logic", "Scripts"], + links: [ + { + label: { + en: "Open GitHub", + tr: "GitHub'da Aç", + }, + url: "https://github.com/UAJOP/Pyhton-Projects", + }, + ], + overview: { + en: "A Python practice repository containing learning projects around programming fundamentals, automation and data-oriented logic.", + tr: "Programlama temelleri, otomasyon ve veri odaklı mantık etrafında öğrenme projeleri içeren Python pratik deposu.", + }, + challenge: { + en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", + tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", + }, + solution: { + en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", + tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", + }, + features: { + en: [ + "Python fundamentals", + "Script-based practice", + "Automation ideas", + "Data logic exercises", + "Learning project archive", + ], + tr: [ + "Python temelleri", + "Script tabanlı pratik", + "Otomasyon fikirleri", + "Veri mantığı egzersizleri", + "Öğrenme proje arşivi", + ], + }, + }, + "ic-supply": { + category: { + en: "Data / Backend", + tr: "Veri / Backend", + }, + title: { + en: "IC Supply", + tr: "IC Supply", + }, + subtitle: { + en: "A supply-oriented project focused on inventory-style data structure, tracking logic and backend thinking.", + tr: "Stok/envanter tarzı veri yapısı, takip mantığı ve backend düşüncesine odaklanan tedarik projesi.", + }, + role: { + en: "Backend / Data Developer", + tr: "Backend / Data Developer", + }, + year: "2024", + type: { + en: "Data System", + tr: "Veri Sistemi", + }, + status: { + en: "Repository", + tr: "Repository", + }, + image: "assets/ic_supply_cover.webp", + gallery: ["assets/ic_supply_cover.webp"], + stack: ["Database", "Backend Logic", "Inventory Flow", "Data Tracking"], + links: [ + { + label: { + en: "Open GitHub", + tr: "GitHub'da Aç", + }, + url: "https://github.com/UAJOP/Ic-Supply", + }, + ], + overview: { + en: "A supply-oriented project focused on inventory-style data structure, tracking logic and backend thinking.", + tr: "Stok/envanter tarzı veri yapısı, takip mantığı ve backend düşüncesine odaklanan tedarik projesi.", + }, + challenge: { + en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", + tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", + }, + solution: { + en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", + tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", + }, + features: { + en: [ + "Supply tracking concept", + "Inventory-style data structure", + "Backend workflow thinking", + "Operational data practice", + "Structured project logic", + ], + tr: [ + "Tedarik takip konsepti", + "Envanter tarzı veri yapısı", + "Backend iş akışı düşüncesi", + "Operasyonel veri pratiği", + "Yapılandırılmış proje mantığı", + ], + }, + }, + + "portfolio-website": { + category: { + en: "Web Development", + tr: "Web Geliştirme", + }, + title: { + en: "Portfolio Website", + tr: "Portfolio Website", + }, + subtitle: { + en: "The live personal portfolio repository combining project catalog, AI assistant, recruiter mode, request form and interactive mini game features.", + tr: "Proje kataloğu, AI asistan, İK modu, talep formu ve interaktif mini oyun özelliklerini birleştiren canlı kişisel portfolyo deposu.", + }, + role: { + en: "Web Developer", + tr: "Web Developer", + }, + year: "2026", + type: { + en: "Live Portfolio", + tr: "Canlı Portfolyo", + }, + status: { + en: "Repository", + tr: "Repository", + }, + image: "assets/portfolio_website_cover.webp", + gallery: ["assets/portfolio_website_cover.webp"], + stack: ["HTML", "CSS", "JavaScript", "Static Site", "Ajoop", "Mini Game"], + links: [ + { + label: { + en: "Open GitHub", + tr: "GitHub'da Aç", + }, + url: "https://github.com/UAJOP/portfolio", + }, + ], + overview: { + en: "The live personal portfolio repository combining project catalog, AI assistant, recruiter mode, request form and interactive mini game features.", + tr: "Proje kataloğu, AI asistan, İK modu, talep formu ve interaktif mini oyun özelliklerini birleştiren canlı kişisel portfolyo deposu.", + }, + challenge: { + en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", + tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", + }, + solution: { + en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", + tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", + }, + features: { + en: [ + "Live portfolio architecture", + "Dynamic project detail pages", + "Ajoop assistant integration", + "Recruiter mode and search palette", + "Interactive adventure mini game", + ], + tr: [ + "Canlı portfolyo mimarisi", + "Dinamik proje detay sayfaları", + "Ajoop asistan entegrasyonu", + "İK modu ve arama paleti", + "İnteraktif macera mini oyunu", + ], + }, + }, +}; + +Object.assign(projectDetailData, githubRepositoryProjectDetails); + +function translateProjectField(field, language) { + if (!field) return ""; + if (typeof field === "string") return field; + return field[language] || field.en || ""; +} + +function translateProjectDisplayLabel(label, language) { + if (language !== "tr") return label; + return i18nTranslations.tr[label] || label; +} + +function createProjectDetailUrl(slug) { + return `project-detail.html?project=${encodeURIComponent(slug)}`; +} + +function escapeProjectHtml(value) { + return String(value || "") + .replaceAll("&", "&") + .replaceAll("<", "<") + .replaceAll(">", ">") + .replaceAll('"', """) + .replaceAll("'", "'"); +} + +function renderProjectDetail(language = currentSiteLanguage || "en") { + const root = document.querySelector("[data-project-detail]"); + if (!root) return; + + const params = new URLSearchParams(window.location.search); + const slug = params.get("project") || "drivenfinity"; + const project = projectDetailData[slug]; + + if (!project) { + root.innerHTML = ` +
+

${language === "tr" ? "Proje Bulunamadı" : "Project Not Found"}

+

${language === "tr" ? "Bu proje için detay sayfası henüz hazırlanmadı." : "This project detail page is not available yet."}

+

${language === "tr" ? "Projeler sayfasına dönüp başka bir çalışma seçebilirsin." : "Go back to the works page and choose another project."}

+
${language === "tr" ? "Projelere Dön" : "Back to Works"}
+
+ `; + document.title = + language === "tr" + ? "Proje Bulunamadı | Kaan Balcı" + : "Project Not Found | Kaan Balcı"; + return; + } + + const projectEntries = Object.keys(projectDetailData); + const currentIndex = projectEntries.indexOf(slug); + const previousSlug = + projectEntries[ + (currentIndex - 1 + projectEntries.length) % projectEntries.length + ]; + const nextSlug = projectEntries[(currentIndex + 1) % projectEntries.length]; + const title = translateProjectField(project.title, language); + const subtitle = translateProjectField(project.subtitle, language); + const category = translateProjectField(project.category, language); + const role = translateProjectField(project.role, language); + const type = translateProjectField(project.type, language); + const status = translateProjectField(project.status, language); + const overview = translateProjectField(project.overview, language); + const challenge = translateProjectField(project.challenge, language); + const solution = translateProjectField(project.solution, language); + const features = project.features?.[language] || project.features?.en || []; + const links = project.links || []; + const gallery = project.gallery?.length ? project.gallery : [project.image]; + const impact = + translateProjectField(project.impact, language) || + (language === "tr" + ? "Bu proje; teknik pratiği, kullanıcı ihtiyacını ve ürün odaklı düşünmeyi birleştiren portföy çalışmalarımdan biridir." + : "This project represents my ability to combine technical practice, user needs and product-oriented thinking."); + const processSteps = project.process?.[language] || + project.process?.en || [ + { + title: language === "tr" ? "Analiz" : "Analysis", + text: + language === "tr" + ? "Projenin hedefini, kullanıcı ihtiyacını ve temel akışını netleştirdim." + : "Clarified the project goal, user need and core flow.", + }, + { + title: language === "tr" ? "Tasarım" : "Design", + text: + language === "tr" + ? "Sistem mantığını, ekranları veya gameplay yapısını planladım." + : "Planned the system logic, screens or gameplay structure.", + }, + { + title: language === "tr" ? "Geliştirme" : "Development", + text: + language === "tr" + ? "Teknik uygulamayı geliştirip temel özellikleri çalışır hale getirdim." + : "Built the technical implementation and made the core features work.", + }, + { + title: language === "tr" ? "İyileştirme" : "Iteration", + text: + language === "tr" + ? "Test, düzenleme ve sunum tarafını portföye uygun hale getirdim." + : "Refined the result through testing, cleanup and portfolio presentation.", + }, + ]; + + document.title = `${title} | Kaan Balcı`; + + root.innerHTML = ` +
+
+ ${language === "tr" ? "Projelere dön" : "Back to works"} +

${escapeProjectHtml(category)}

+

${escapeProjectHtml(title)}

+

${escapeProjectHtml(subtitle)}

+
+ ${links.map((link) => `${escapeProjectHtml(translateProjectField(link.label, language))}`).join("")} + ${language === "tr" ? "Benzer Proje İçin Yaz" : "Ask for Similar Work"} + +
+
+
+ ${escapeProjectHtml(title)} ${language === +
+
+ +
+
${language === "tr" ? "Rol" : "Role"}${escapeProjectHtml(role)}
+
${language === "tr" ? "Yıl" : "Year"}${escapeProjectHtml(project.year)}
+
${language === "tr" ? "Proje Türü" : "Project Type"}${escapeProjectHtml(type)}
+
${language === "tr" ? "Durum" : "Status"}${escapeProjectHtml(status)}
+
+ +
+
+
+

${language === "tr" ? "Genel Bakış" : "Overview"}

+

${language === "tr" ? "Proje Özeti" : "Project Overview"}

+

${escapeProjectHtml(overview)}

+
+ +
+

${language === "tr" ? "Problem" : "Challenge"}

+

${language === "tr" ? "Çözülmesi gereken taraf" : "The part that needed solving"}

+

${escapeProjectHtml(challenge)}

+
+ +
+

${language === "tr" ? "Çözüm" : "Solution"}

+

${language === "tr" ? "Nasıl ele aldım" : "How I approached it"}

+

${escapeProjectHtml(solution)}

+
+ +
+

${language === "tr" ? "Sonuç / Etki" : "Result / Impact"}

+

${language === "tr" ? "Projeye kattığı değer" : "The value created"}

+

${escapeProjectHtml(impact)}

+
+ +
+

${language === "tr" ? "Süreç" : "Process"}

+

${language === "tr" ? "Nasıl ilerledi" : "How the work moved forward"}

+
+ ${processSteps.map((step, index) => `
${String(index + 1).padStart(2, "0")}

${escapeProjectHtml(step.title)}

${escapeProjectHtml(step.text)}

`).join("")} +
+
+
+ + +
+ +
+
+

${language === "tr" ? "Görseller" : "Gallery"}

+

${language === "tr" ? "Projeden görsel alanı." : "Visual context from the project."}

+

${language === "tr" ? "Şimdilik mevcut portfolio görselleri kullanılıyor. Yeni ekran görüntüleri ekledikçe bu alan otomatik daha güçlü hale gelir." : "Current portfolio assets are used for now. As new screenshots are added, this area becomes stronger automatically."}

+
+
+ ${gallery.map((image) => `${escapeProjectHtml(title)} ${language === `).join("")} +
+
+ +
+ ${language === "tr" ? "Önceki Proje" : "Previous Project"} + ${language === "tr" ? "Tüm Projeler" : "All Works"} + ${language === "tr" ? "Sonraki Proje" : "Next Project"} +
+ `; +} + +const aiWorkflowDemoData = { + bank: { + title: { en: "Banking support chatbot", tr: "Banka destek chatbot'u" }, + description: { + en: "A safe flow for account-related questions, intent routing and escalation.", + tr: "Hesapla ilgili sorular, intent yönlendirme ve canlı desteğe aktarma için güvenli akış.", + }, + steps: { + en: [ + "Greet user", + "Detect intent", + "Verify safe request", + "Collect required info", + "Route to answer or agent", + "Confirm resolution", + ], + tr: [ + "Kullanıcıyı karşıla", + "Intent'i algıla", + "Güvenli talebi doğrula", + "Gerekli bilgiyi topla", + "Yanıt veya temsilciye yönlendir", + "Çözümü onayla", + ], + }, + }, + municipality: { + title: { + en: "Municipality service assistant", + tr: "Belediye hizmet asistanı", + }, + description: { + en: "A flow for citizens to find service information, create requests and track status.", + tr: "Vatandaşların hizmet bilgisi bulması, talep oluşturması ve durum takip etmesi için akış.", + }, + steps: { + en: [ + "Ask service category", + "Clarify district/topic", + "Show required documents", + "Create request", + "Share tracking channel", + "Close with next step", + ], + tr: [ + "Hizmet kategorisini sor", + "İlçe/konuyu netleştir", + "Gerekli belgeleri göster", + "Talep oluştur", + "Takip kanalını paylaş", + "Sonraki adımla kapat", + ], + }, + }, + workshop: { + title: { + en: "Workshop reservation assistant", + tr: "Atölye rezervasyon asistanı", + }, + description: { + en: "A customer journey for package choice, date preference and reservation follow-up.", + tr: "Paket seçimi, tarih tercihi ve rezervasyon takibi için müşteri yolculuğu.", + }, + steps: { + en: [ + "Show packages", + "Select package", + "Collect contact info", + "Ask date/time", + "Send reservation summary", + "Trigger operation follow-up", + ], + tr: [ + "Paketleri göster", + "Paketi seçtir", + "İletişim bilgisini al", + "Tarih/saat sor", + "Rezervasyon özetini gönder", + "Operasyon takibini tetikle", + ], + }, + }, + ecommerce: { + title: { en: "E-commerce product support", tr: "E-ticaret ürün desteği" }, + description: { + en: "A flow for product discovery, order questions and return support.", + tr: "Ürün keşfi, sipariş soruları ve iade desteği için akış.", + }, + steps: { + en: [ + "Understand product need", + "Recommend category", + "Answer stock/delivery", + "Check order status", + "Handle return intent", + "Offer human support", + ], + tr: [ + "Ürün ihtiyacını anla", + "Kategori öner", + "Stok/teslimat yanıtla", + "Sipariş durumunu kontrol et", + "İade intent'ini yönet", + "İnsan desteği sun", + ], + }, + }, +}; + +let selectedAiWorkflowScenario = "bank"; + +function renderAiWorkflowDemo(language = currentSiteLanguage || "en") { + const stage = document.querySelector("[data-ai-demo-stage]"); + if (!stage) return; + const scenario = + aiWorkflowDemoData[selectedAiWorkflowScenario] || aiWorkflowDemoData.bank; + const title = translateProjectField(scenario.title, language); + const description = translateProjectField(scenario.description, language); + const steps = scenario.steps?.[language] || scenario.steps?.en || []; + + document.querySelectorAll("[data-ai-demo]").forEach((button) => { + const isSelected = button.dataset.aiDemo === selectedAiWorkflowScenario; + button.classList.toggle("active", isSelected); + button.setAttribute("aria-pressed", String(isSelected)); + }); + + stage.innerHTML = ` +
+ ${language === "tr" ? "Seçilen senaryo" : "Selected scenario"} +

${escapeProjectHtml(title)}

+

${escapeProjectHtml(description)}

+
+
+ ${steps.map((step, index) => `
${String(index + 1).padStart(2, "0")}${escapeProjectHtml(step)}
`).join("")} +
+ `; +} + +document.querySelectorAll("[data-ai-demo]").forEach((button) => { + button.addEventListener("click", () => { + selectedAiWorkflowScenario = button.dataset.aiDemo || "bank"; + renderAiWorkflowDemo(currentSiteLanguage || "en"); + }); +}); + +function setupProjectCardNavigation() { + document.querySelectorAll("[data-project-link]").forEach((card) => { + const slug = card.getAttribute("data-project-link"); + if (!slug) return; + const url = slug.endsWith(".html") ? slug : createProjectDetailUrl(slug); + + card.addEventListener("click", (event) => { + if (event.target.closest("a, button")) return; + window.location.href = url; + }); + + card.addEventListener("keydown", (event) => { + if (event.target.closest("a, button")) return; + if (event.key === "Enter" || event.key === " ") { + event.preventDefault(); + window.location.href = url; + } + }); + }); +} + +setupProjectCardNavigation(); + +const portfolioChatbotContent = { + en: { + launcher: "Ask Ajoop", + title: "Ajoop", + subtitle: "", + greeting: + "Hey, I am Ajoop. I can quickly explain Kaan's skills, projects, AI experience, Joyday work, CV and contact options. Choose a question or type a keyword.", + inputPlaceholder: "Ask about projects, AI, CV...", + sendLabel: "Send", + closeLabel: "Close chatbot", + openLabel: "Open portfolio chatbot", + quicks: [ + { id: "about", label: "Who is Kaan?" }, + { id: "ai", label: "AI / chatbot experience" }, + { id: "projects", label: "Best projects" }, + { id: "joyday", label: "Joyday website" }, + { id: "stack", label: "Tech stack" }, + { id: "cv", label: "CV & contact" }, + ], + answers: { + about: { + text: "Kaan Balcı is an AI Designer & Software Developer focused on conversational AI, solution engineering, LLM evaluation, workflow automation and user-centered software products. He has contributed to 50+ academic, personal, freelance and team-based projects.", + links: [ + { label: "About", url: "about.html" }, + { label: "Experience", url: "blog.html" }, + ], + }, + ai: { + text: "Kaan's AI direction is based on chatbot flow design, n8n-style automation logic, IVR and multi-channel workflows, LLM evaluation, prompt analysis and output review. At CBOT, he contributed to enterprise chatbot QA, stabilization, flow restructuring and an insurance claims intake POC.", + links: [ + { + label: "AI Case Study", + url: "project-detail.html?project=ai-chatbot-flow-design", + }, + { label: "Experience", url: "blog.html" }, + ], + }, + projects: { + text: "The strongest project areas are AI Chatbot Flow Design, Atölye Joyday Official Website, Hospital Appointment System, Hospital Form App, Drivenfinity and Cars Dataset Analysis. The Works page now combines selected case studies and the main public GitHub repository catalog with dynamic detail pages.", + links: [ + { label: "View Works", url: "works.html" }, + { + label: "View Atölye Joyday Case Study", + url: "atolye-joyday-case-study.html", + }, + ], + }, + joyday: { + text: "Atölye Joyday is a real business project. Kaan designed and developed the website experience, service pages, package flow and reservation journey. It shows practical product thinking because it connects customer experience with operational tracking.", + links: [ + { + label: "View Atölye Joyday Case Study", + url: "atolye-joyday-case-study.html", + }, + { + label: "Open Atölye Joyday Website", + url: "https://atolyejoyday.com/", + }, + ], + }, + stack: { + text: "Main stack: Python, C#/.NET, JavaScript, PHP, Java, Kotlin, C++, MySQL, MSSQL, Firebase, Unity, Unreal Engine, n8n, AI Flow and LLM evaluation workflows.", + links: [ + { label: "About", url: "about.html" }, + { label: "Works", url: "works.html" }, + ], + }, + cv: { + text: "You can view Kaan's CV, contact him by email, or reach him through LinkedIn and GitHub from the site footer. For AI Designer or Software Developer roles, the fastest path is CV + LinkedIn.", + links: [ + { label: "View Resume", url: resumeLink }, + { label: "Email", url: "mailto:kaanb8776@gmail.com" }, + { label: "LinkedIn", url: "https://www.linkedin.com/in/balcikaan/" }, + { label: "GitHub", url: "https://github.com/UAJOP" }, + ], + }, + availability: { + text: "Kaan is positioned for AI Designer, Software Developer, AI Workflow Designer, Chatbot Designer, Automation Builder, Web Developer and junior/mid-level software roles depending on the scope.", + links: [ + { label: "Contact", url: "mailto:kaanb8776@gmail.com" }, + { label: "Experience", url: "blog.html" }, + ], + }, + certificates: { + text: "Kaan has 25+ certifications across Udemy, Cisco and related platforms. The Certificates page shows a clean gallery with preview modal support.", + links: [{ label: "Certificates", url: "single-work.html" }], + }, + default: { + text: "I could not match that exactly, but I can help with Kaan's AI experience, projects, tech stack, Joyday work, CV, certificates or contact details. Try one of the quick questions below.", + links: [ + { label: "Works", url: "works.html" }, + { label: "About", url: "about.html" }, + ], + }, + }, + }, + tr: { + launcher: "Ajoop'a Sor", + title: "Ajoop", + subtitle: "", + greeting: + "Selam, ben Ajoop. Kaan'ın yeteneklerini, projelerini, AI deneyimini, Joyday çalışmalarını, CV ve iletişim seçeneklerini hızlıca anlatabilirim. Bir soru seçebilir veya anahtar kelime yazabilirsin.", + inputPlaceholder: "Proje, AI, CV hakkında sor...", + sendLabel: "Gönder", + closeLabel: "Chatbot'u kapat", + openLabel: "Portfolio chatbot'u aç", + quicks: [ + { id: "about", label: "Kaan kim?" }, + { id: "ai", label: "AI / chatbot deneyimi" }, + { id: "projects", label: "En iyi projeler" }, + { id: "joyday", label: "Joyday web sitesi" }, + { id: "stack", label: "Tech stack" }, + { id: "cv", label: "CV & iletişim" }, + ], + answers: { + about: { + text: "Kaan Balcı; conversational AI, solution engineering, LLM değerlendirme, workflow otomasyonu ve kullanıcı odaklı yazılım ürünlerine odaklanan bir AI Designer & Software Developer. 50+ akademik, kişisel, freelance ve ekip projesine katkı sağladı.", + links: [ + { label: "Hakkımda", url: "about.html" }, + { label: "Deneyim", url: "blog.html" }, + ], + }, + ai: { + text: "Kaan'ın AI tarafı chatbot akış tasarımı, n8n tarzı otomasyon mantığı, IVR ve çok kanallı workflow'lar, LLM değerlendirme, prompt analizi ve çıktı inceleme üzerine kurulu. CBOT'ta kurumsal chatbot QA, stabilizasyon, akış yeniden yapılandırma ve sigorta hasar başvuru POC çalışmalarına katkı sağladı.", + links: [ + { + label: "AI Case Study", + url: "project-detail.html?project=ai-chatbot-flow-design", + }, + { label: "Deneyim", url: "blog.html" }, + ], + }, + projects: { + text: "En güçlü proje alanları: AI Chatbot Flow Design, Atölye Joyday Official Website, Hospital Appointment System, Hospital Form App, Drivenfinity ve Cars Dataset Analysis. Projeler sayfası artık seçili case study’leri ve ana public GitHub repository kataloğunu dinamik detay sayfalarıyla birlikte topluyor.", + links: [ + { label: "Projeleri Gör", url: "works.html" }, + { + label: "Atölye Joyday Vaka Çalışmasını Gör", + url: "atolye-joyday-case-study.html", + }, + ], + }, + joyday: { + text: "Atölye Joyday gerçek bir işletme projesi. Kaan web deneyimini, hizmet sayfalarını, paket akışını ve rezervasyon yolculuğunu tasarlayıp geliştirdi. Müşteri deneyimini operasyon takibiyle bağladığı için güçlü bir canlı işletme vaka çalışması olarak duruyor.", + links: [ + { + label: "Atölye Joyday Vaka Çalışmasını Gör", + url: "atolye-joyday-case-study.html", + }, + { + label: "Atölye Joyday Canlı Sitesini Aç", + url: "https://atolyejoyday.com/", + }, + ], + }, + stack: { + text: "Ana stack: Python, C#/.NET, JavaScript, PHP, Java, Kotlin, C++, MySQL, MSSQL, Firebase, Unity, Unreal Engine, n8n, AI Flow ve LLM değerlendirme iş akışları.", + links: [ + { label: "Hakkımda", url: "about.html" }, + { label: "Projeler", url: "works.html" }, + ], + }, + cv: { + text: "Kaan'ın CV'sini görüntüleyebilir, mail atabilir veya LinkedIn/GitHub üzerinden ulaşabilirsin. AI Designer ya da Software Developer rolleri için en hızlı yol CV + LinkedIn.", + links: [ + { label: "CV'yi Görüntüle", url: resumeLink }, + { label: "E-posta", url: "mailto:kaanb8776@gmail.com" }, + { label: "LinkedIn", url: "https://www.linkedin.com/in/balcikaan/" }, + { label: "GitHub", url: "https://github.com/UAJOP" }, + ], + }, + availability: { + text: "Kaan; AI Designer, Software Developer, AI Workflow Designer, Chatbot Designer, Automation Builder, Web Developer ve kapsamına göre junior/mid-level yazılım rolleri için konumlanıyor.", + links: [ + { label: "İletişim", url: "mailto:kaanb8776@gmail.com" }, + { label: "Deneyim", url: "blog.html" }, + ], + }, + certificates: { + text: "Kaan'ın Udemy, Cisco ve benzeri platformlardan 25+ sertifikası var. Certificates sayfasında modern galeri ve büyük önizleme modalı bulunuyor.", + links: [{ label: "Sertifikalar", url: "single-work.html" }], + }, + default: { + text: "Bunu tam eşleştiremedim ama Kaan'ın AI deneyimi, projeleri, tech stack'i, Joyday çalışmaları, CV'si, sertifikaları veya iletişim bilgileri hakkında yardımcı olabilirim. Aşağıdaki hazır sorulardan birini deneyebilirsin.", + links: [ + { label: "Projeler", url: "works.html" }, + { label: "Hakkımda", url: "about.html" }, + ], + }, + }, + }, +}; + +const chatbotKeywordMap = [ + { + id: "joyday", + keywords: [ + "joyday", + "atolye", + "atölye", + "reservation", + "rezervasyon", + "workshop", + "action painting", + "paket", + ], + }, + { + id: "ai", + keywords: [ + "ai", + "yapay", + "chatbot", + "bot", + "cbot", + "n8n", + "llm", + "prompt", + "ivr", + "automation", + "otomasyon", + "flow", + "akış", + ], + }, + { + id: "projects", + keywords: [ + "project", + "projects", + "proje", + "projeler", + "work", + "works", + "portfolio", + "portfolyo", + "github", + "hospital", + "hastane", + ], + }, + { + id: "stack", + keywords: [ + "stack", + "tech", + "technology", + "teknoloji", + "python", + "c#", + "javascript", + "php", + "unity", + "unreal", + "mysql", + "firebase", + ], + }, + { + id: "cv", + keywords: [ + "cv", + "resume", + "mail", + "email", + "contact", + "iletişim", + "linkedin", + "ulaş", + ], + }, + { + id: "availability", + keywords: [ + "available", + "iş", + "job", + "role", + "rol", + "pozisyon", + "hiring", + "hire", + "uygun", + ], + }, + { + id: "certificates", + keywords: [ + "certificate", + "certificates", + "sertifika", + "sertifikalar", + "udemy", + "cisco", + ], + }, + { + id: "about", + keywords: ["kaan", "kim", "who", "about", "hakkında", "hakkımda", "mezun"], + }, +]; + +function enhanceAjoopDialogDepth() { + const linkSets = { + en: { + about: [ + { label: "About", url: "about.html" }, + { label: "Experience", url: "blog.html" }, + ], + projects: [ + { label: "View Works", url: "works.html" }, + { + label: "View Atölye Joyday Case Study", + url: "atolye-joyday-case-study.html", + }, + { + label: "View Hospital System Case Study", + url: "hospital-system-case-study.html", + }, + { + label: "Open Hospital System Source Archive", + url: "https://github.com/UAJOP/Hospital-System", + }, + { label: "GitHub", url: "https://github.com/UAJOP" }, + ], + ai: [ + { + label: "AI Case Study", + url: "project-detail.html?project=ai-chatbot-flow-design", + }, + { label: "Experience", url: "blog.html" }, + ], + contact: [ + { label: "Email", url: "mailto:kaanb8776@gmail.com" }, + { label: "LinkedIn", url: "https://www.linkedin.com/in/balcikaan/" }, + { label: "GitHub", url: "https://github.com/UAJOP" }, + ], + }, + tr: { + about: [ + { label: "Hakkımda", url: "about.html" }, + { label: "Deneyim", url: "blog.html" }, + ], + projects: [ + { label: "Projeleri Gör", url: "works.html" }, + { + label: "Atölye Joyday Vaka Çalışmasını Gör", + url: "atolye-joyday-case-study.html", + }, + { + label: "Hospital System Vaka Çalışmasını Gör", + url: "hospital-system-case-study.html", + }, + { + label: "Hospital System Kaynak Arşivini Aç", + url: "https://github.com/UAJOP/Hospital-System", + }, + { label: "GitHub", url: "https://github.com/UAJOP" }, + ], + ai: [ + { + label: "AI Case Study", + url: "project-detail.html?project=ai-chatbot-flow-design", + }, + { label: "Deneyim", url: "blog.html" }, + ], + contact: [ + { label: "E-posta", url: "mailto:kaanb8776@gmail.com" }, + { label: "LinkedIn", url: "https://www.linkedin.com/in/balcikaan/" }, + { label: "GitHub", url: "https://github.com/UAJOP" }, + ], + }, + }; + + portfolioChatbotContent.en.greeting = [ + "Hey, I am Ajoop. I can explain Kaan's AI, software, projects, CV and contact options. Pick a quick question or type naturally.", + "Hi! Ajoop here. Ask me about Kaan's AI Designer profile, CBOT experience, Joyday project, tech stack or best portfolio projects.", + "Welcome. I can give you a quick recruiter-style summary of Kaan or guide you to the right project page.", + "Hey there. I know Kaan's portfolio structure, strongest projects, AI experience and contact routes. What should we open first?", + "Hello! You can ask me about AI workflows, automation, web projects, game projects, CV, certificates or role fit.", + ]; + portfolioChatbotContent.tr.greeting = [ + "Selam, ben Ajoop. Kaan'ın AI, yazılım, projeler, CV ve iletişim tarafını hızlıca anlatabilirim. Hazır sorulardan seçebilir ya da direkt yazabilirsin.", + "Hoş geldin. Kaan'ın AI Designer profili, CBOT deneyimi, Joyday projesi, teknoloji stack'i ve güçlü projeleri hakkında yardımcı olurum.", + "Merhaba, Ajoop burada. İstersen sana Kaan'ın profilini İK gözüyle özetleyeyim, istersen direkt proje sayfalarına yönlendireyim.", + "Selam! Kaan'ın portfolyo yapısını, en güçlü projelerini, AI deneyimini ve iletişim yollarını biliyorum. Nereden başlayalım?", + "Hey, burada portfolyo asistanı var. AI workflow, otomasyon, web projeleri, oyun projeleri, CV, sertifikalar veya role uygunluk sorabilirsin.", + ]; + + portfolioChatbotContent.en.quicks = [ + { id: "about", label: "Who is Kaan?" }, + { id: "ai", label: "AI experience" }, + { id: "experience", label: "Work history" }, + { id: "projects", label: "Best projects" }, + { id: "roles", label: "Role fit" }, + { id: "joyday", label: "Joyday" }, + { id: "weather", label: "Weather?" }, + { id: "cv", label: "CV & contact" }, + ]; + portfolioChatbotContent.tr.quicks = [ + { id: "about", label: "Kaan kim?" }, + { id: "ai", label: "AI deneyimi" }, + { id: "experience", label: "İş geçmişi" }, + { id: "projects", label: "En iyi projeler" }, + { id: "roles", label: "Role uygunluk" }, + { id: "joyday", label: "Joyday" }, + { id: "weather", label: "Hava?" }, + { id: "cv", label: "CV & iletişim" }, + ]; + + Object.assign(portfolioChatbotContent.en.answers, { + greeting: { + text: portfolioChatbotContent.en.greeting, + links: linkSets.en.about, + }, + about: { + text: [ + "Kaan Balcı is an AI Designer & Software Developer focused on AI workflows, chatbot logic, automation, backend, web/mobile products and game development. He has experience contributing to 50+ academic, personal, freelance and team-based projects and a Computer Programming background.", + "Kaan combines software development with AI workflow design. His profile is strongest where chatbot systems, automation logic, backend thinking and usable web products meet.", + "Kaan is positioned as a practical AI and software builder: he can design flows, build interfaces, evaluate LLM outputs and connect business needs to technical solutions.", + "In one line: Kaan builds practical AI workflows and software systems, with experience across CBOT, Outlier AI, Joyday, backend tools and game prototypes.", + "Kaan's profile is not only coding. It also includes client communication, operations, product thinking and turning business requirements into usable digital flows.", + ], + links: linkSets.en.about, + }, + ai: { + text: [ + "Kaan's AI side covers chatbot flow design, AI Flow logic, n8n-style automation, IVR awareness, LLM response evaluation, prompt review and code-output QA.", + "At CBOT, Kaan contributed to enterprise chatbot QA, stabilization, channel configuration, large-scale flow restructuring and multi-channel automation. He designed and built the insurance claims intake POC he directly owned.", + "His AI experience is strongest on the product-flow side: understanding the user journey, mapping intents, planning fallback paths and keeping automation maintainable.", + "Kaan also evaluates LLM outputs through Outlier-style AI training work: reasoning quality, prompt behavior, code responses and multimodal interactions.", + "For AI Designer roles, the strongest evidence is his mix of CBOT AI Flow work, LLM evaluation tasks and real product workflows such as Joyday.", + ], + links: linkSets.en.ai, + }, + projects: { + text: [ + "The strongest projects are AI Chatbot Flow Design, Atölye Joyday Official Website, Hospital Appointment System, Hospital Form App, Drivenfinity and Cars Dataset Analysis.", + "Hospital System, shown on the portfolio card as Hospital Form App, is a 2024 academic C# Windows Forms and SQL Server project preserved as a source archive.", + "Hospital Appointment System is a separate Python, Tkinter and MySQL implementation; it is not evidence for the C# Hospital System case study.", + "For recruiters, I would open these first: Joyday Official Website for real product value, AI Chatbot Flow Design for AI direction, and Hospital System for C#/.NET desktop and database logic.", + "Kaan's projects show range: enterprise chatbot logic, a live business website, reservation workflows, C# desktop/database workflows, Python data analysis, Unity and Unreal prototypes.", + "Best project evidence depends on the role: AI role → Chatbot Flow Design; web/product role → Joyday; software/backend role → Hospital Form App and dashboard/data projects.", + ], + links: linkSets.en.projects, + }, + experience: { + text: [ + "Kaan's experience includes CBOT as AI Designer, Outlier AI as AI Training Specialist, Atölye Joyday as Co-Founder & Digital Product Developer, and earlier operations/software responsibilities at Punto and Ocean's Team.", + "The career path is hybrid but useful: operations gave client/process awareness, software projects gave implementation skill, and AI work shaped his current AI Designer direction.", + "CBOT is the most direct AI Designer experience; Joyday is the strongest real product ownership example; Outlier AI supports LLM evaluation and quality-review experience.", + "Kaan has worked across client-facing operations, chatbot flow design, LLM evaluation, web development and reservation workflows. That mix is good for solution-oriented AI/software roles.", + "His experience page is useful if you want the timeline: it lists AI work, freelance AI evaluation, Joyday, Punto, Ocean's Team, Gameathon and Mobidictum.", + ], + links: [ + { label: "Experience", url: "blog.html" }, + { + label: "CV", + url: resumeLink, + }, + ], + }, + roles: { + text: [ + "Strong role fit: AI Designer, Software Developer, AI Workflow Designer, Automation Builder, Chatbot Designer, Web Developer and junior/mid-level product-focused software roles.", + "Kaan is especially strong for roles that require both technical logic and communication with business/client teams.", + "For a pure backend senior role he would need deeper production-scale proof, but for AI workflow, solution engineering, chatbot and automation roles the match is much stronger.", + "Best-fit environments: AI product teams, chatbot/agent platforms, automation teams, solution engineering teams and small product teams where broad execution matters.", + "If the job mixes AI flows, customer requirements, integrations, dashboards and web/product thinking, Kaan's profile fits well.", + ], + links: [ + { label: "Experience", url: "blog.html" }, + { label: "Contact", url: "mailto:kaanb8776@gmail.com" }, + ], + }, + weather: { + text: [ + "I cannot fetch live weather inside this static portfolio, but I can guide you around the site without needing an umbrella.", + "Weather mode is not connected to a live API here. For now I can help with Kaan's AI experience, projects, CV or contact routes.", + "No live weather feed in Ajoop yet. But if this becomes an agent feature, it could be added with a weather API and user location permission.", + "I am portfolio-focused, not meteorology-focused. Ask me about projects, AI workflows or Kaan's role fit and I will be much more useful.", + "Live weather is outside my current static-site scope. Site navigation, CV, projects and recruiter summary are fully in scope.", + ], + links: [ + { label: "Projects", url: "works.html" }, + { label: "About", url: "about.html" }, + ], + }, + cv: { + text: [ + "You can view Kaan's CV, reach him by email, or check LinkedIn and GitHub. For hiring, CV + LinkedIn + Joyday case study is the fastest review path.", + "Best contact route: email for direct reach, LinkedIn for professional profile, GitHub for code/projects, and the CV button for full background.", + "For AI Designer or Software Developer roles, I recommend reviewing the CV, AI Chatbot Flow Design and Joyday project together.", + "Kaan's CV highlights AI Designer work, LLM evaluation, 50+ academic, personal, freelance and team-based projects, C#/.NET, Python, JavaScript, PHP/MySQL, Unity and Unreal Engine.", + "Need the shortest route? Open CV, then Works, then email Kaan. That gives both proof and contact.", + ], + links: linkSets.en.contact, + }, + default: { + text: [ + "I did not match that exactly, but I can answer about Kaan's AI experience, projects, CV, tech stack, certificates, Joyday work or contact details.", + "I may not have that exact intent yet. Try asking with words like AI, project, CV, Joyday, experience, stack, contact or role fit.", + "Good question. I am still rule-based, so I work best with portfolio topics: AI workflows, software projects, certificates, CV and contact.", + "I could not map that perfectly. I can still take you to Works, About or Email if you want the fastest route.", + "That is outside my current answer set, but I can expand. For now, ask me about Kaan's projects, AI background, work history or availability.", + ], + links: [ + { label: "Works", url: "works.html" }, + { label: "About", url: "about.html" }, + ], + }, + }); + + Object.assign(portfolioChatbotContent.tr.answers, { + greeting: { + text: portfolioChatbotContent.tr.greeting, + links: linkSets.tr.about, + }, + about: { + text: [ + "Kaan Balcı; AI workflow, chatbot mantığı, otomasyon, backend, web/mobil ürünler ve oyun geliştirme alanlarına odaklanan bir AI Designer & Software Developer. 50+ akademik, kişisel, freelance ve ekip projesine katkı deneyimi ve Bilgisayar Programcılığı altyapısı var.", + "Kaan yazılım geliştirme ile AI workflow tasarımını birleştiriyor. En güçlü tarafı chatbot sistemleri, otomasyon mantığı, backend düşüncesi ve kullanılabilir web ürünlerinin kesişimi.", + "Kaan pratik AI ve yazılım geliştiren bir profil: akış tasarlayabiliyor, arayüz geliştirebiliyor, LLM çıktılarını değerlendirebiliyor ve iş ihtiyacını teknik çözüme çevirebiliyor.", + "Tek cümleyle: Kaan; CBOT, Outlier AI, Joyday, backend araçları ve oyun prototiplerinden gelen deneyimle pratik AI workflow ve yazılım sistemleri geliştiriyor.", + "Kaan'ın profili sadece kod değil; müşteri iletişimi, operasyon, ürün düşüncesi ve iş gereksinimini dijital akışa çevirme tarafı da güçlü.", + ], + links: linkSets.tr.about, + }, + ai: { + text: [ + "Kaan'ın AI tarafı chatbot akış tasarımı, AI Flow mantığı, n8n tarzı otomasyon, IVR farkındalığı, LLM yanıt değerlendirme, prompt inceleme ve kod çıktısı kalite kontrolünü kapsıyor.", + "CBOT'ta kurumsal chatbot QA, stabilizasyon, kanal yapılandırması, büyük ölçekli akış yeniden yapılandırma ve çok kanallı otomasyona katkı sağladı. Doğrudan sahip olduğu sigorta hasar başvuru POC'sini tasarlayıp geliştirdi.", + "AI deneyiminde en güçlü taraf ürün-akış mantığı: kullanıcı yolculuğunu anlama, intentleri haritalama, fallback yolları planlama ve otomasyonu sürdürülebilir tutma.", + "Outlier tarzı AI training çalışmalarında LLM çıktılarının akıl yürütme kalitesi, prompt davranışı, kod cevapları ve multimodal etkileşimlerini değerlendirdi.", + "AI Designer rolleri için en güçlü kanıtlar: CBOT AI Flow deneyimi, LLM değerlendirme işleri ve Joyday gibi gerçek ürün akışları.", + ], + links: linkSets.tr.ai, + }, + projects: { + text: [ + "En güçlü projeler: AI Chatbot Akış Tasarımı, Atölye Joyday Resmi Web Sitesi, Hospital Appointment System, Hospital Form App, Drivenfinity ve Cars Dataset Analysis.", + "Portfolio kartında Hospital Form App adıyla gösterilen Hospital System, kaynak arşivi olarak korunan 2024 tarihli akademik C# Windows Forms ve SQL Server projesidir.", + "Hospital Appointment System ayrı bir Python, Tkinter ve MySQL uygulamasıdır; C# Hospital System vaka çalışmasının kanıtı değildir.", + "İK gözüyle ilk açılacak üçlü: gerçek ürün değeri için Joyday, AI yönü için Chatbot Flow Design, C#/.NET masaüstü ve veritabanı mantığı için Hospital System.", + "Kaan'ın projeleri genişlik gösteriyor: kurumsal chatbot mantığı, canlı işletme sitesi, rezervasyon akışı, C# masaüstü/veritabanı iş akışları, Python veri analizi, Unity ve Unreal prototipleri.", + "Rol bazlı en iyi kanıt değişir: AI rolü için Chatbot Flow Design, web/product için Joyday, yazılım/backend için Hospital Form App ve dashboard/veri projeleri.", + ], + links: linkSets.tr.projects, + }, + experience: { + text: [ + "Kaan'ın deneyiminde CBOT AI Designer, Outlier AI Training Specialist, Atölye Joyday Co-Founder & Digital Product Developer ve önceki Punto/Ocean's Team operasyon-yazılım işleri var.", + "Kariyer yolu hibrit ama avantajlı: operasyon tarafı müşteri/süreç farkındalığı verdi, yazılım projeleri uygulama gücü kazandırdı, AI işleri güncel yönünü oluşturdu.", + "CBOT en direkt AI Designer deneyimi; Joyday en güçlü gerçek ürün sahipliği örneği; Outlier AI ise LLM değerlendirme ve kalite inceleme tarafını destekliyor.", + "Kaan; client-facing operasyon, chatbot akış tasarımı, LLM değerlendirme, web geliştirme ve rezervasyon workflow taraflarında çalıştı. Bu karışım solution odaklı AI/yazılım rolleri için iyi duruyor.", + "Zaman çizelgesi için Deneyim sayfası iyi: AI işleri, freelance AI evaluation, Joyday, Punto, Ocean's Team, Gameathon ve Mobidictum yer alıyor.", + ], + links: [ + { label: "Deneyim", url: "blog.html" }, + { + label: "CV", + url: resumeLink, + }, + ], + }, + roles: { + text: [ + "Güçlü rol uyumu: AI Designer, Software Developer, AI Workflow Designer, Automation Builder, Chatbot Designer, Web Developer ve ürün odaklı junior/mid-level yazılım rolleri.", + "Kaan özellikle teknik mantık ile iş/müşteri iletişiminin birlikte gerektiği rollerde güçlü duruyor.", + "Saf senior backend rolü için daha derin production-scale kanıt gerekebilir; ama AI workflow, solution engineering, chatbot ve otomasyon rolleri için eşleşme daha güçlü.", + "En uygun ortamlar: AI ürün ekipleri, chatbot/agent platformları, otomasyon ekipleri, solution engineering takımları ve geniş sorumluluk isteyen küçük ürün ekipleri.", + "İş AI akışı, müşteri gereksinimi, entegrasyon, dashboard ve web/product düşüncesini karıştırıyorsa Kaan'ın profili iyi oturur.", + ], + links: [ + { label: "Deneyim", url: "blog.html" }, + { label: "İletişim", url: "mailto:kaanb8776@gmail.com" }, + ], + }, + weather: { + text: [ + "Bu statik portfolyo içinde canlı hava durumu çekemiyorum ama site içinde seni şemsiyesiz gezdiririm.", + "Hava durumu modu canlı API'ye bağlı değil. Şimdilik Kaan'ın AI deneyimi, projeleri, CV'si veya iletişim yollarında yardımcı olabilirim.", + "Ajoop'ta canlı hava durumu yok ama ileride agent özelliği olarak hava durumu API'si ve konum izniyle eklenebilir.", + "Meteoroloji tarafında değilim, portfolyo tarafında iyiyim. Proje, AI workflow veya Kaan'ın role uygunluğunu sorarsan daha iyi cevap veririm.", + "Canlı hava durumu şu an statik site kapsamının dışında. Site navigasyonu, CV, projeler ve İK özeti tamamen kapsamımda.", + ], + links: [ + { label: "Projeler", url: "works.html" }, + { label: "Hakkımda", url: "about.html" }, + ], + }, + cv: { + text: [ + "Kaan'ın CV'sini görebilir, mail atabilir veya LinkedIn/GitHub üzerinden ulaşabilirsin. İşe alım için en hızlı inceleme yolu CV + LinkedIn + Joyday case study.", + "En iyi iletişim rotası: direkt ulaşmak için e-posta, profesyonel profil için LinkedIn, kod/projeler için GitHub, tam geçmiş için CV butonu.", + "AI Designer ya da Software Developer rolleri için CV, AI Chatbot Flow Design ve Joyday projesini birlikte incelemeni öneririm.", + "Kaan'ın CV'sinde AI Designer deneyimi, LLM değerlendirme, 50+ akademik, kişisel, freelance ve ekip projesi, C#/.NET, Python, JavaScript, PHP/MySQL, Unity ve Unreal Engine öne çıkıyor.", + "En kısa yol: CV'yi aç, sonra Projeler'e bak, sonra e-posta gönder. Hem kanıtı hem iletişimi hızlı alırsın.", + ], + links: linkSets.tr.contact, + }, + default: { + text: [ + "Bunu tam eşleştiremedim ama Kaan'ın AI deneyimi, projeleri, CV'si, tech stack'i, sertifikaları, Joyday çalışması veya iletişim bilgileri hakkında cevap verebilirim.", + "Bu intent henüz net değil. AI, proje, CV, Joyday, deneyim, stack, iletişim veya role uygunluk gibi kelimelerle sorarsan daha iyi yakalarım.", + "Güzel soru ama ben hâlâ rule-based çalışıyorum. En iyi çalıştığım konular: AI workflow, yazılım projeleri, sertifikalar, CV ve iletişim.", + "Bunu kusursuz haritalayamadım. İstersen seni Projeler, Hakkımda veya E-posta yoluna hızlıca götürebilirim.", + "Bu cevap setimin biraz dışında kaldı ama genişletilebilir. Şimdilik Kaan'ın projeleri, AI geçmişi, iş deneyimi veya uygunluğu hakkında sorabilirsin.", + ], + links: [ + { label: "Projeler", url: "works.html" }, + { label: "Hakkımda", url: "about.html" }, + ], + }, + }); + + const upsertKeywords = (id, keywords) => { + const existing = chatbotKeywordMap.find((item) => item.id === id); + if (existing) { + existing.keywords = Array.from( + new Set([...keywords, ...existing.keywords]), + ); + } else { + chatbotKeywordMap.unshift({ id, keywords }); + } + }; + upsertKeywords("greeting", [ + "selam", + "merhaba", + "mrb", + "naber", + "nasılsın", + "gunaydin", + "günaydın", + "iyi akşamlar", + "hello", + "hi", + "hey", + ]); + upsertKeywords("weather", [ + "hava", + "hava durumu", + "weather", + "yağmur", + "rain", + "sıcak", + "soğuk", + "istanbul hava", + "izmir hava", + ]); + upsertKeywords("experience", [ + "deneyim", + "experience", + "iş geçmişi", + "work history", + "cbot", + "outlier", + "punto", + "ocean", + "staj", + "intern", + ]); + upsertKeywords("roles", [ + "role", + "roles", + "rol", + "pozisyon", + "uygun", + "fit", + "işe uygun", + "hangi iş", + "hangi rol", + "solution", + "developer", + ]); + upsertKeywords("education", [ + "education", + "eğitim", + "okul", + "üniversite", + "university", + "mezun", + ]); +} + +enhanceAjoopDialogDepth(); + +(function extendAjoopExtraAnswers() { + Object.assign(portfolioChatbotContent.en.answers, { + joyday: { + text: [ + "Atölye Joyday is Kaan's strongest real-business proof: a live workshop-studio website with service pages, package discovery and reservation CTAs.", + "Joyday shows product ownership. Kaan did not only build a page; he connected service presentation, package logic, forms and operational follow-up.", + "The Joyday project is useful for recruiters because it is a real customer-facing product rather than only a school or demo project.", + "Joyday has one main case view now: the official website case. It still shows UX, frontend and business-process thinking through the live site and reservation-oriented customer journey.", + "For web/product roles, Joyday is one of the best examples because it combines brand, mobile UX, package structure and reservation flow.", + ], + links: [ + { + label: "View Atölye Joyday Case Study", + url: "atolye-joyday-case-study.html", + }, + { + label: "Open Atölye Joyday Website", + url: "https://atolyejoyday.com/", + }, + ], + }, + stack: { + text: [ + "Main stack: Python, C#/.NET, JavaScript, PHP, Java, Kotlin, C++, MySQL, MSSQL, Firebase, Unity, Unreal Engine, n8n, AI Flow and LLM evaluation workflows.", + "Kaan's stack is broad: AI workflow design and LLM evaluation on one side; C#/.NET, Python, PHP/MySQL and JavaScript implementation on the other.", + "For AI and automation: AI Flow, n8n-style logic, prompt review and LLM output evaluation. For software: Python, C#, JavaScript, PHP/MySQL and Firebase.", + "For games and interactive work, Kaan uses Unity with C# and Unreal Engine with C++/Blueprints.", + "The practical stack is strongest around AI flows, web interfaces, database-backed systems, automation and game prototypes.", + ], + links: [ + { label: "About", url: "about.html" }, + { label: "Works", url: "works.html" }, + ], + }, + availability: { + text: [ + "Kaan is open for AI Designer, Software Developer, AI Workflow Designer, Chatbot Designer, Automation Builder and web/software roles depending on scope.", + "The strongest fit is a role mixing AI flows, user needs, automation logic and practical software development.", + "Kaan is positioned for opportunities where business needs must be translated into chatbot, automation or software workflows.", + "For pure senior-only roles, more production-scale proof may be needed; for AI/product/solution-oriented junior-mid roles, the profile is strong.", + "If the team needs someone who can understand users, map logic and build working outputs, Kaan's profile fits well.", + ], + links: [ + { label: "Contact", url: "mailto:kaanb8776@gmail.com" }, + { label: "Experience", url: "blog.html" }, + ], + }, + certificates: { + text: [ + "Kaan has 25+ certifications across Udemy, Cisco and related platforms, covering software, networking, Linux, web, C#, SQL and game development topics.", + "The Certificates page includes a gallery with preview modal support, useful for quick validation of learning areas.", + "Certificates support the profile, but the strongest evidence is still the project portfolio plus CBOT, Outlier and Joyday experience.", + "For technical breadth, certificates add context around C#, Java, SQL, Linux, web design, Cisco networking and Unreal/Unity learning.", + "I would treat the certificates as supporting proof; the project case studies are the main proof.", + ], + links: [{ label: "Certificates", url: "single-work.html" }], + }, + education: { + text: [ + "Kaan graduated from Izmir University of Economics Computer Programming and continues Visual Communication Design at Anadolu University.", + "His education combines software foundations with an ongoing visual/design direction, which helps with product and portfolio presentation.", + "The Computer Programming background supports C#, Python, Java, database and web-development work.", + "The design education side is useful because Kaan's work often mixes technical logic with user-facing interfaces.", + "Education summary: Computer Programming graduate with ongoing Visual Communication Design studies.", + ], + links: [ + { label: "About", url: "about.html" }, + { + label: "CV", + url: resumeLink, + }, + ], + }, + }); + + Object.assign(portfolioChatbotContent.tr.answers, { + joyday: { + text: [ + "Atölye Joyday, Kaan'ın en güçlü gerçek işletme kanıtlarından biri: canlı workshop stüdyosu sitesi, hizmet sayfaları, paket keşfi ve rezervasyon CTA'ları var.", + "Joyday ürün sahipliği gösteriyor. Kaan sadece sayfa yapmadı; hizmet sunumu, paket mantığı, form akışı ve operasyon takibini birbirine bağladı.", + "Joyday projesi İK açısından değerli çünkü yalnızca okul/demo projesi değil, gerçek müşteriye dokunan canlı bir ürün.", + "Joyday için artık tek ana vaka var: resmi web sitesi. Canlı site ve rezervasyon odaklı müşteri yolculuğu üzerinden UX, frontend ve iş süreci düşüncesini gösteriyor.", + "Web/product rolleri için Joyday en iyi örneklerden biri; marka, mobil UX, paket yapısı ve rezervasyon akışını birleştiriyor.", + ], + links: [ + { + label: "Atölye Joyday Vaka Çalışmasını Gör", + url: "atolye-joyday-case-study.html", + }, + { + label: "Atölye Joyday Canlı Sitesini Aç", + url: "https://atolyejoyday.com/", + }, + ], + }, + stack: { + text: [ + "Ana stack: Python, C#/.NET, JavaScript, PHP, Java, Kotlin, C++, MySQL, MSSQL, Firebase, Unity, Unreal Engine, n8n, AI Flow ve LLM değerlendirme iş akışları.", + "Kaan'ın stack'i geniş: bir tarafta AI workflow tasarımı ve LLM değerlendirme, diğer tarafta C#/.NET, Python, PHP/MySQL ve JavaScript uygulama tarafı var.", + "AI ve otomasyon tarafında AI Flow, n8n tarzı mantık, prompt inceleme ve LLM çıktı değerlendirme öne çıkıyor. Yazılımda Python, C#, JavaScript, PHP/MySQL ve Firebase var.", + "Oyun ve interaktif işler için Unity tarafında C#, Unreal Engine tarafında C++/Blueprints kullanıyor.", + "Pratik stack en çok AI akışları, web arayüzleri, veritabanı destekli sistemler, otomasyon ve oyun prototiplerinde güçleniyor.", + ], + links: [ + { label: "Hakkımda", url: "about.html" }, + { label: "Projeler", url: "works.html" }, + ], + }, + availability: { + text: [ + "Kaan; AI Designer, Software Developer, AI Workflow Designer, Chatbot Designer, Automation Builder ve web/yazılım rolleri için kapsamına göre açık.", + "En güçlü uyum; AI akışları, müşteri gereksinimleri, otomasyon mantığı ve pratik yazılım geliştirmenin birleştiği roller.", + "Kaan iş ihtiyaçlarını chatbot, otomasyon veya yazılım workflow'una çevirmek gereken fırsatlar için konumlanıyor.", + "Sadece senior backend isteyen roller için daha fazla production-scale kanıt gerekebilir; AI/product/solution odaklı junior-mid roller için profil güçlü.", + "Ekip kullanıcıyı anlayan, mantığı haritalayan ve çalışan çıktı üreten birini arıyorsa Kaan'ın profili iyi oturur.", + ], + links: [ + { label: "İletişim", url: "mailto:kaanb8776@gmail.com" }, + { label: "Deneyim", url: "blog.html" }, + ], + }, + certificates: { + text: [ + "Kaan'ın Udemy, Cisco ve benzeri platformlardan 25+ sertifikası var; yazılım, networking, Linux, web, C#, SQL ve oyun geliştirme alanlarını kapsıyor.", + "Sertifikalar sayfasında modern galeri ve büyük önizleme modalı var; öğrenme alanlarını hızlı doğrulamak için iyi.", + "Sertifikalar profili destekliyor ama asıl güçlü kanıt proje portföyü + CBOT, Outlier ve Joyday deneyimi.", + "Teknik genişlik için sertifikalar C#, Java, SQL, Linux, web tasarım, Cisco networking ve Unreal/Unity öğrenimini destekliyor.", + "Sertifikaları destekleyici kanıt gibi okumak lazım; ana kanıt case study sayfaları.", + ], + links: [{ label: "Sertifikalar", url: "single-work.html" }], + }, + education: { + text: [ + "Kaan, İzmir Ekonomi Üniversitesi Bilgisayar Programcılığı mezunu ve Anadolu Üniversitesi Görsel İletişim Tasarımı'na devam ediyor.", + "Eğitim tarafı yazılım temeli ile devam eden görsel/tasarım yönünü birleştiriyor; bu da ürün ve portfolyo sunumuna katkı sağlıyor.", + "Bilgisayar Programcılığı altyapısı C#, Python, Java, veritabanı ve web geliştirme çalışmalarını destekliyor.", + "Tasarım eğitimi tarafı değerli çünkü Kaan'ın işleri teknik mantık ile kullanıcıya görünen arayüzü sık sık birleştiriyor.", + "Eğitim özeti: Bilgisayar Programcılığı mezuniyeti ve devam eden Görsel İletişim Tasarımı eğitimi.", + ], + links: [ + { label: "Hakkımda", url: "about.html" }, + { + label: "CV", + url: resumeLink, + }, + ], + }, + }); +})(); + +let portfolioChatbotState = { + initialized: false, + language: "en", + open: false, +}; + +function getPortfolioChatbotContent(language = currentSiteLanguage || "en") { + return portfolioChatbotContent[language === "tr" ? "tr" : "en"]; +} + +function detectChatbotIntent(message) { + const normalized = String(message || "").toLocaleLowerCase("tr-TR"); + const match = chatbotKeywordMap.find((item) => + item.keywords.some((keyword) => normalized.includes(keyword)), + ); + return match?.id || "default"; +} + +function createChatbotLinks(links = []) { + if (!links.length) return ""; + return `
${links.map((link) => `${escapeProjectHtml(link.label)}`).join("")}
`; +} + +function addChatbotMessage(type, text, links = []) { + const messageList = document.querySelector("[data-chatbot-messages]"); + if (!messageList) return; + const message = document.createElement("div"); + message.className = `chatbot-message ${type === "user" ? "user" : "bot"}`; + message.innerHTML = `

${escapeProjectHtml(text)}

${type === "bot" ? createChatbotLinks(links) : ""}`; + messageList.appendChild(message); + messageList.scrollTop = messageList.scrollHeight; +} + +function getRandomChatbotLine(value) { + if (Array.isArray(value) && value.length) { + return value[Math.floor(Math.random() * value.length)]; + } + return value || ""; +} + +function answerChatbotIntent(intentId) { + const content = getPortfolioChatbotContent(portfolioChatbotState.language); + const answer = content.answers[intentId] || content.answers.default; + addChatbotMessage("bot", getRandomChatbotLine(answer.text), answer.links); +} + +function renderChatbotQuickActions() { + const content = getPortfolioChatbotContent(portfolioChatbotState.language); + const quickContainer = document.querySelector("[data-chatbot-quicks]"); + if (!quickContainer) return; + quickContainer.innerHTML = content.quicks + .map( + (quick) => + ``, + ) + .join(""); + + quickContainer.querySelectorAll("[data-chatbot-intent]").forEach((button) => { + button.addEventListener("click", () => { + addChatbotMessage("user", button.textContent.trim()); + answerChatbotIntent(button.dataset.chatbotIntent || "default"); + }); + }); +} + +function resetChatbotMessages() { + const content = getPortfolioChatbotContent(portfolioChatbotState.language); + const messageList = document.querySelector("[data-chatbot-messages]"); + if (!messageList) return; + messageList.innerHTML = ""; + addChatbotMessage("bot", getRandomChatbotLine(content.greeting)); +} + +function updatePortfolioChatbotLanguage( + language = currentSiteLanguage || "en", +) { + portfolioChatbotState.language = language === "tr" ? "tr" : "en"; + const content = getPortfolioChatbotContent(portfolioChatbotState.language); + const launcherText = document.querySelector("[data-chatbot-launcher-text]"); + const title = document.querySelector("[data-chatbot-title]"); + const subtitle = document.querySelector("[data-chatbot-subtitle]"); + const input = document.querySelector("[data-chatbot-input]"); + const send = document.querySelector("[data-chatbot-send]"); + const toggle = document.querySelector("[data-chatbot-toggle]"); + const close = document.querySelector("[data-chatbot-close]"); + + if (launcherText) launcherText.textContent = content.launcher; + if (title) title.textContent = content.title; + if (subtitle) subtitle.textContent = content.subtitle; + if (input) { + input.placeholder = content.inputPlaceholder; + input.setAttribute("aria-label", content.inputPlaceholder); + } + if (send) send.setAttribute("aria-label", content.sendLabel); + if (toggle) toggle.setAttribute("aria-label", content.openLabel); + if (close) close.setAttribute("aria-label", content.closeLabel); + renderChatbotQuickActions(); + resetChatbotMessages(); +} + +function setChatbotOpen( + isOpen, + { restoreFocus = true, trigger = null } = {}, +) { + const widget = document.querySelector("[data-portfolio-chatbot]"); + const panel = document.querySelector("[data-chatbot-panel]"); + const toggle = document.querySelector("[data-chatbot-toggle]"); + if (!widget || !panel || !toggle) return; + const wasOpen = portfolioChatbotState.open; + + if (isOpen) { + closeMobileNavigation(); + setCommandPaletteOpen(false, { restoreFocus: false }); + setRecruiterMode(false, { restoreFocus: false }); + rememberOverlayTrigger(panel, trigger || toggle); + } + + portfolioChatbotState.open = isOpen; + widget.classList.toggle("is-open", isOpen); + panel.setAttribute("aria-hidden", String(!isOpen)); + toggle.setAttribute("aria-expanded", String(isOpen)); + if (isOpen) { + setBackgroundInert(widget); + setOverlayBodyState(true); + const input = document.querySelector("[data-chatbot-input]"); + setTimeout(() => input?.focus(), 80); + } else if (wasOpen) { + setBackgroundInert(); + setOverlayBodyState(false); + if (restoreFocus) restoreOverlayFocus(panel); + else overlayTriggerMap.delete(panel); + } +} + +function setupPortfolioChatbot() { + if ( + portfolioChatbotState.initialized || + document.querySelector("[data-portfolio-chatbot]") + ) + return; + portfolioChatbotState.initialized = true; + const content = getPortfolioChatbotContent(currentSiteLanguage || "en"); + const widget = document.createElement("aside"); + widget.className = "portfolio-chatbot"; + widget.setAttribute("data-portfolio-chatbot", ""); + widget.innerHTML = ` + + + `; + document.body.appendChild(widget); + + document + .querySelector("[data-chatbot-toggle]") + ?.addEventListener("click", (event) => + setChatbotOpen(!portfolioChatbotState.open, { + trigger: event.currentTarget, + }), + ); + document + .querySelector("[data-chatbot-close]") + ?.addEventListener("click", () => setChatbotOpen(false)); + document + .querySelector("[data-chatbot-form]") + ?.addEventListener("submit", (event) => { + event.preventDefault(); + const input = document.querySelector("[data-chatbot-input]"); + const value = input?.value.trim() || ""; + if (!value) return; + addChatbotMessage("user", value); + input.value = ""; + answerChatbotIntent(detectChatbotIntent(value)); + }); + + document.addEventListener("keydown", (event) => { + const panel = document.querySelector("[data-chatbot-panel]"); + if (!portfolioChatbotState.open || !panel) return; + if (event.key === "Escape") { + event.preventDefault(); + setChatbotOpen(false); + return; + } + trapFocus(event, panel); + }); + + updatePortfolioChatbotLanguage(currentSiteLanguage || "en"); +} + +setupPortfolioChatbot(); + +applyLanguage(localStorage.getItem("kaanbalci-site-language") || "en"); + +/* Ultimate portfolio enhancements: recruiter mode, command palette, project search and Ajoop navigation actions */ +const ultimateContent = { + en: { + recruiterLabel: "Recruiter Mode", + recruiterOpenLabel: "Open recruiter mode", + recruiterCloseLabel: "Close recruiter mode", + recruiterTitle: "Recruiter snapshot", + recruiterLead: + "A concise, evidence-based profile for conversational AI, solution engineering, LLM evaluation, workflow automation and software opportunities.", + availability: "Open for work", + skillsTitle: "Top skills", + projectsTitle: "Best evidence", + commandsTitle: "Search", + commandDialogLabel: "Search palette", + commandPlaceholder: "Search page, project or command...", + noResults: "No command found.", + projectSearchPlaceholder: "Search by project, technology or keyword...", + projectSearchLabel: "Search projects", + copyDone: "Copied", + commands: [ + { + id: "home", + label: "Go to Home", + hint: "Landing page", + keywords: "home landing", + type: "nav", + value: "index.html", + }, + { + id: "works", + label: "Open Works", + hint: "Project catalog", + keywords: "projects works portfolio", + type: "nav", + value: "works.html", + }, + { + id: "sinama-case-study", + label: "View SINAMA Case Study", + hint: "AI agent reliability lab case study", + keywords: + "sinama ai agent reliability lab regression evaluation case study", + type: "nav", + value: "sinama-case-study.html", + }, + { + id: "sinama-live", + label: "Open SINAMA Live Product", + hint: "Live AI agent reliability lab", + keywords: "sinama live product ai agent reliability lab", + type: "nav", + value: "https://sinama.kaanbalci.com", + external: true, + }, + { + id: "games", + label: "Open Games", + hint: "Playable mini games", + keywords: "games oyun mini web canvas", + type: "nav", + value: "games.html", + }, + { + id: "joyday-paint", + label: "Open Joyday Painting", + hint: "Virtual action painting game", + keywords: "joyday painting action canvas paint game png", + type: "nav", + value: "joyday-paint.html", + }, + { + id: "ai-flow-puzzle-play", + label: "Play AI Flow Puzzle", + hint: "n8n-style chatbot workflow game", + keywords: "ai flow puzzle n8n chatbot workflow automation game", + type: "nav", + value: "ai-flow-puzzle.html", + }, + { + id: "ai-flow-puzzle-case-study", + label: "View AI Flow Puzzle Case Study", + hint: "Design and technical case study", + keywords: "ai flow puzzle case study node validation fallback", + type: "nav", + value: "ai-flow-puzzle-case-study.html", + }, + { + id: "adventure", + label: "Open Adventure", + hint: "Career merge mini game", + keywords: "adventure game mini career merge job kaan", + type: "nav", + value: "adventure.html", + }, + { + id: "joyday-case-study", + label: "View Atölye Joyday Case Study", + hint: "Live business and digital product case study", + keywords: "atolye joyday case study reservation digital product", + type: "nav", + value: "atolye-joyday-case-study.html", + }, + { + id: "joyday-live", + label: "Open Atölye Joyday Website", + hint: "Live creative workshop website", + keywords: "atolye joyday live website business", + type: "nav", + value: "https://atolyejoyday.com/", + external: true, + }, + { + id: "hospital-system-case-study", + label: "View Hospital System Case Study", + hint: "2024 C# Windows Forms source-archive case study", + keywords: + "hospital system form app c# windows forms sql server case study", + type: "nav", + value: "hospital-system-case-study.html", + }, + { + id: "hospital-system-source", + label: "Open Hospital System Source Archive", + hint: "Public C# project archive", + keywords: "hospital system source archive github c# windows forms", + type: "nav", + value: "https://github.com/UAJOP/Hospital-System", + external: true, + }, + { + id: "cv", + label: "View Resume", + hint: "Google Drive CV", + keywords: "resume cv", + type: "resume", + }, + { + id: "github", + label: "Open GitHub", + hint: "UAJOP repositories", + keywords: "github repo code", + type: "nav", + value: "https://github.com/UAJOP", + external: true, + }, + { + id: "linkedin", + label: "Open LinkedIn", + hint: "Professional profile", + keywords: "linkedin contact", + type: "nav", + value: "https://www.linkedin.com/in/balcikaan/", + external: true, + }, + { + id: "theme", + label: "Switch Theme", + hint: "Dark / Light", + keywords: "theme dark light", + type: "theme", + }, + { + id: "language", + label: "Switch Language", + hint: "EN / TR", + keywords: "language tr en", + type: "language", + }, + { + id: "ajoop", + label: "Open Ajoop", + hint: "Portfolio assistant", + keywords: "bot assistant ajoop chat", + type: "chatbot", + }, + { + id: "recruiter", + label: "Toggle Recruiter Mode", + hint: "Compact hiring view", + keywords: "recruiter hiring mode", + type: "recruiter", + }, + { + id: "mathlab", + label: "Open 3D Math Lab", + hint: "Interactive canvas model", + keywords: "3d math canvas model rotate", + type: "scroll", + value: "algorithmic-3d-lab", + }, + { + id: "easter", + label: "Launch Easter Egg", + hint: "Fireworks surprise", + keywords: "easter egg fireworks surprise", + type: "easter", + }, + ], + }, + tr: { + recruiterLabel: "İK Modu", + recruiterOpenLabel: "Recruiter Mode’u aç", + recruiterCloseLabel: "Recruiter Mode’u kapat", + recruiterTitle: "İK özeti", + recruiterLead: + "Conversational AI, solution engineering, LLM değerlendirme, workflow otomasyonu ve yazılım fırsatları için kısa ve kanıt odaklı profil özeti.", + availability: "İşe açık", + skillsTitle: "Ana yetkinlikler", + projectsTitle: "Kanıt projeler", + commandsTitle: "Ara", + commandDialogLabel: "Arama paleti", + commandPlaceholder: "Sayfa, proje veya komut ara...", + noResults: "Komut bulunamadı.", + projectSearchPlaceholder: "Proje, teknoloji veya anahtar kelime ara...", + projectSearchLabel: "Projelerde ara", + copyDone: "Kopyalandı", + commands: [ + { + id: "home", + label: "Ana Sayfaya Git", + hint: "Landing page", + keywords: "home ana sayfa", + type: "nav", + value: "index.html", + }, + { + id: "works", + label: "Projeleri Aç", + hint: "Proje kataloğu", + keywords: "projeler portfolio works", + type: "nav", + value: "works.html", + }, + { + id: "sinama-case-study", + label: "SINAMA Vaka Çalışmasını Gör", + hint: "AI agent reliability lab vaka çalışması", + keywords: + "sinama ai agent reliability lab regression evaluation vaka çalışması", + type: "nav", + value: "sinama-case-study.html", + }, + { + id: "sinama-live", + label: "SINAMA Canlı Ürününü Aç", + hint: "Canlı AI agent reliability lab", + keywords: "sinama canlı ürün ai agent reliability lab", + type: "nav", + value: "https://sinama.kaanbalci.com", + external: true, + }, + { + id: "games", + label: "Oyunları Aç", + hint: "Oynanabilir mini oyunlar", + keywords: "oyunlar oyun mini web canvas", + type: "nav", + value: "games.html", + }, + { + id: "joyday-paint", + label: "Joyday Painting Aç", + hint: "Sanal action painting oyunu", + keywords: "joyday painting action canvas boya oyun png", + type: "nav", + value: "joyday-paint.html", + }, + { + id: "ai-flow-puzzle-play", + label: "AI Flow Puzzle Oyna", + hint: "n8n tarzı chatbot workflow oyunu", + keywords: "ai flow puzzle n8n chatbot workflow otomasyon oyun", + type: "nav", + value: "ai-flow-puzzle.html", + }, + { + id: "ai-flow-puzzle-case-study", + label: "AI Flow Puzzle Vaka Çalışmasını Gör", + hint: "Tasarım ve teknik vaka çalışması", + keywords: "ai flow puzzle vaka çalışması node doğrulama fallback", + type: "nav", + value: "ai-flow-puzzle-case-study.html", + }, + { + id: "adventure", + label: "Macera\'yı Aç", + hint: "Kariyer merge mini oyunu", + keywords: "macera oyun kariyer merge job iş kaan", + type: "nav", + value: "adventure.html", + }, + { + id: "joyday-case-study", + label: "Atölye Joyday Vaka Çalışmasını Gör", + hint: "Canlı işletme ve dijital ürün vaka çalışması", + keywords: "atölye joyday vaka çalışması rezervasyon dijital ürün", + type: "nav", + value: "atolye-joyday-case-study.html", + }, + { + id: "joyday-live", + label: "Atölye Joyday Canlı Sitesini Aç", + hint: "Canlı yaratıcı atölye web sitesi", + keywords: "atölye joyday canlı site işletme", + type: "nav", + value: "https://atolyejoyday.com/", + external: true, + }, + { + id: "hospital-system-case-study", + label: "Hospital System Vaka Çalışmasını Gör", + hint: "2024 C# Windows Forms kaynak arşivi vaka çalışması", + keywords: + "hospital system form app c# windows forms sql server vaka çalışması", + type: "nav", + value: "hospital-system-case-study.html", + }, + { + id: "hospital-system-source", + label: "Hospital System Kaynak Arşivini Aç", + hint: "Herkese açık C# proje arşivi", + keywords: "hospital system kaynak arşivi github c# windows forms", + type: "nav", + value: "https://github.com/UAJOP/Hospital-System", + external: true, + }, + { + id: "cv", + label: "CV'yi Görüntüle", + hint: "Google Drive CV", + keywords: "resume cv özgeçmiş", + type: "resume", + }, + { + id: "github", + label: "GitHub Aç", + hint: "UAJOP repository'leri", + keywords: "github repo kod", + type: "nav", + value: "https://github.com/UAJOP", + external: true, + }, + { + id: "linkedin", + label: "LinkedIn Aç", + hint: "Profesyonel profil", + keywords: "linkedin iletişim", + type: "nav", + value: "https://www.linkedin.com/in/balcikaan/", + external: true, + }, + { + id: "theme", + label: "Tema Değiştir", + hint: "Koyu / Açık", + keywords: "tema koyu açık", + type: "theme", + }, + { + id: "language", + label: "Dil Değiştir", + hint: "EN / TR", + keywords: "dil tr en", + type: "language", + }, + { + id: "ajoop", + label: "Ajoop'u Aç", + hint: "Portfolio asistanı", + keywords: "bot asistan ajoop chat", + type: "chatbot", + }, + { + id: "recruiter", + label: "İK Modunu Aç/Kapat", + hint: "Kompakt işe alım görünümü", + keywords: "ik insan kaynakları recruiter iş mod", + type: "recruiter", + }, + { + id: "mathlab", + label: "3D Matematik Labını Aç", + hint: "İnteraktif canvas modeli", + keywords: "3d matematik canvas model döndür", + type: "scroll", + value: "algorithmic-3d-lab", + }, + { + id: "easter", + label: "Easter Egg Başlat", + hint: "Havai fişek sürprizi", + keywords: "easter egg havai fişek sürpriz", + type: "easter", + }, + ], + }, +}; + +function getUltimateContent(language = currentSiteLanguage || "en") { + return ultimateContent[language === "tr" ? "tr" : "en"]; +} + +function getCatalogSearchLabels(language = currentSiteLanguage || "en") { + const base = getUltimateContent(language); + const path = (window.location.pathname || "").toLowerCase(); + const isGamesCatalog = path.includes("games.html") || path.endsWith("/games"); + if (!isGamesCatalog) + return { + label: base.projectSearchLabel, + placeholder: base.projectSearchPlaceholder, + }; + return language === "tr" + ? { + label: "Oyunlarda ara", + placeholder: "Oyun, kategori veya özellik ara...", + } + : { + label: "Search games", + placeholder: "Search by game, category or feature...", + }; +} + +function updateUltimateStaticLabels(language = currentSiteLanguage || "en") { + const content = getUltimateContent(language); + const catalogSearchLabels = getCatalogSearchLabels(language); + document.querySelectorAll("[data-recruiter-label]").forEach((node) => { + node.textContent = content.recruiterLabel; + }); + document.querySelectorAll("[data-recruiter-toggle]").forEach((button) => { + const isOpen = button.getAttribute("aria-expanded") === "true"; + const label = isOpen + ? content.recruiterCloseLabel + : content.recruiterOpenLabel; + button.setAttribute("aria-label", label); + button.setAttribute("title", label); + }); + document.querySelectorAll("[data-command-toggle]").forEach((button) => { + const label = + button.getAttribute("aria-expanded") === "true" + ? language === "tr" + ? "Arama paletini kapat" + : "Close search palette" + : content.commandsTitle; + button.setAttribute("aria-label", label); + button.setAttribute("title", label); + const visibleLabel = + button.querySelector("[data-command-label]") || + button.querySelector("span"); + if (visibleLabel) visibleLabel.textContent = content.commandsTitle; + }); + document + .querySelectorAll("[data-availability-badge] strong") + .forEach((node) => { + node.textContent = content.availability; + }); + document.querySelectorAll("[data-command-input]").forEach((node) => { + node.placeholder = content.commandPlaceholder; + node.setAttribute("aria-label", content.commandDialogLabel); + }); + document.querySelectorAll("[data-availability-badge]").forEach((node) => { + node.setAttribute( + "aria-label", + language === "tr" ? "Rollere açık" : "Available for roles", + ); + }); + document.querySelectorAll("[data-project-search]").forEach((node) => { + node.placeholder = catalogSearchLabels.placeholder; + }); + document.querySelectorAll("[data-project-search-label]").forEach((node) => { + node.textContent = catalogSearchLabels.label; + }); + renderRecruiterDrawer(language); + renderCommandPalette(language); +} + +function setupProjectSearch() { + const grid = document.querySelector(".catalog-grid"); + const filterBar = document.querySelector(".filter-bar"); + if (!grid || !filterBar || document.querySelector("[data-project-search]")) + return; + const content = getUltimateContent(); + const catalogSearchLabels = getCatalogSearchLabels(); + const searchWrap = document.createElement("div"); + searchWrap.className = "project-search-wrap reveal"; + searchWrap.innerHTML = ``; + filterBar.insertAdjacentElement("afterend", searchWrap); + const input = searchWrap.querySelector("[data-project-search]"); + + function applyEnhancedProjectFilter() { + const activeCategory = + document.querySelector("[data-filter-btn].active")?.dataset.filterBtn || + "all"; + const query = normalizeI18nText(input.value || "").toLowerCase(); + projectCards.forEach((card) => { + const categories = (card.dataset.category || "").split(" "); + const categoryMatch = + activeCategory === "all" || categories.includes(activeCategory); + const text = normalizeI18nText(card.textContent || "").toLowerCase(); + const keywordMatch = + !query || + text.includes(query) || + (card.dataset.projectLink || "").includes(query) || + (card.dataset.gameLink || "").includes(query); + card.classList.toggle("is-hidden", !(categoryMatch && keywordMatch)); + }); + updateProjectSectionVisibility(); + } + + input.addEventListener("input", applyEnhancedProjectFilter); + filterButtons.forEach((button) => + button.addEventListener("click", () => + setTimeout(applyEnhancedProjectFilter, 0), + ), + ); + applyEnhancedProjectFilter(); +} + +const recruiterItems = { + en: { + profile: "AI Designer & Software Developer", + focus: [ + "Conversational AI", + "Solution Engineering", + "LLM Evaluation", + "Workflow Automation", + ], + skills: [ + "Chatbot flow design, QA and stabilization", + "n8n-style multi-step workflow logic", + "LLM response, reasoning, code and multimodal evaluation", + "Python, C#/.NET, JavaScript, PHP and SQL", + "User-centered digital product development", + ], + roles: [ + "AI Designer", + "Conversational AI Designer", + "Solution Engineer", + "LLM Evaluator", + "Workflow Automation Specialist", + "Software Developer", + ], + proof: [ + "Enterprise conversational AI experience at CBOT across QA, stabilization, channel configuration and large-scale flow restructuring.", + "Designed, built, tested and presented an insurance claims intake POC with voice, phone verification, WhatsApp handoff and document collection.", + "Structured LLM evaluation and quality-assessment work covering reasoning, code and multimodal outputs.", + "Live digital product and reservation automation at Atölye Joyday using JavaScript, Google Forms, Sheets and Apps Script.", + ], + projects: [ + [ + "SINAMA — AI Agent Reliability Lab", + "Live Turkish-first AI agent reliability and regression testing lab", + "sinama-case-study.html", + "View Case Study", + ], + [ + "AI Chatbot Flow Design", + "Conversational AI and enterprise workflow evidence", + "project-detail.html?project=ai-chatbot-flow-design", + ], + [ + "AI Flow Puzzle", + "Live node-logic, fallback and validation demo", + "ai-flow-puzzle-case-study.html", + "View Case Study", + ], + [ + "Atölye Joyday Official Website", + "Live digital product and reservation journey", + "atolye-joyday-case-study.html", + "View Case Study", + ], + [ + "Hospital Form App", + "C# Windows Forms and SQL Server workflow project preserved as a source archive.", + "hospital-system-case-study.html", + "View Case Study", + ], + ], + buttons: { + cv: "View Resume", + contact: "Email Me", + linkedin: "LinkedIn", + close: "Close", + }, + }, + tr: { + profile: "AI Designer & Software Developer", + focus: [ + "Conversational AI", + "Solution Engineering", + "LLM Değerlendirme", + "Workflow Otomasyonu", + ], + skills: [ + "Chatbot akış tasarımı, QA ve stabilizasyon", + "n8n tarzı çok adımlı workflow mantığı", + "LLM yanıt, akıl yürütme, kod ve multimodal değerlendirme", + "Python, C#/.NET, JavaScript, PHP ve SQL", + "Kullanıcı odaklı dijital ürün geliştirme", + ], + roles: [ + "AI Designer", + "Conversational AI Designer", + "Solution Engineer", + "LLM Evaluator", + "Workflow Automation Specialist", + "Software Developer", + ], + proof: [ + "CBOT'ta QA, stabilizasyon, kanal yapılandırması ve büyük ölçekli akış yeniden yapılandırmayı kapsayan kurumsal conversational AI deneyimi.", + "Ses, telefon doğrulama, WhatsApp aktarımı ve belge toplama içeren sigorta hasar başvuru POC'sini tasarladı, geliştirdi, test etti ve sundu.", + "Akıl yürütme, kod ve multimodal çıktıları kapsayan yapılandırılmış LLM değerlendirme ve kalite çalışmaları.", + "JavaScript, Google Forms, Sheets ve Apps Script ile Atölye Joyday canlı dijital ürünü ve rezervasyon otomasyonu.", + ], + projects: [ + [ + "SINAMA — AI Agent Reliability Lab", + "Canlı, Türkçe öncelikli AI agent reliability ve regression test lab'ı", + "sinama-case-study.html", + "Vaka Çalışmasını Gör", + ], + [ + "AI Chatbot Akış Tasarımı", + "Conversational AI ve kurumsal workflow kanıtı", + "project-detail.html?project=ai-chatbot-flow-design", + ], + [ + "AI Flow Puzzle", + "Canlı node mantığı, fallback ve doğrulama demosu", + "ai-flow-puzzle-case-study.html", + "Vaka Çalışmasını Gör", + ], + [ + "Atölye Joyday Resmi Web Sitesi", + "Canlı dijital ürün ve rezervasyon yolculuğu", + "atolye-joyday-case-study.html", + "Vaka Çalışmasını Gör", + ], + [ + "Hospital Form App", + "Kaynak arşivi olarak korunan C# Windows Forms ve SQL Server iş akışı projesi.", + "hospital-system-case-study.html", + "Vaka Çalışmasını Gör", + ], + ], + buttons: { + cv: "CV'yi Görüntüle", + contact: "E-posta", + linkedin: "LinkedIn", + close: "Kapat", + }, + }, +}; + +function renderRecruiterDrawer(language = currentSiteLanguage || "en") { + const drawer = document.querySelector("[data-recruiter-drawer]"); + if (!drawer) return; + const hadFocus = drawer.contains(document.activeElement); + const content = getUltimateContent(language); + const data = recruiterItems[language === "tr" ? "tr" : "en"]; + drawer.innerHTML = ` +
+ +

${escapeProjectHtml(content.recruiterLabel)}

+

${escapeProjectHtml(content.recruiterTitle)}

+

${escapeProjectHtml(content.recruiterLead)}

+
${escapeProjectHtml(content.availability)}
+

${language === "tr" ? "Ana kimlik" : "Primary profile"}

+
${escapeProjectHtml(data.profile)}
+

${language === "tr" ? "Odak" : "Focus"}

+
${data.focus.map((item) => `${escapeProjectHtml(item)}`).join("")}
+

${escapeProjectHtml(content.skillsTitle)}

+
${data.skills.map((item) => `${escapeProjectHtml(item)}`).join("")}
+

${language === "tr" ? "Rol uyumu" : "Role fit"}

+
${data.roles.map((item) => `${escapeProjectHtml(item)}`).join("")}
+

${language === "tr" ? "Deneyim kanıtları" : "Experience evidence"}

+
    ${data.proof.map((item) => `
  • ${escapeProjectHtml(item)}
    • `).join("")}
+

${escapeProjectHtml(content.projectsTitle)}

+
${data.projects.map((item) => `${escapeProjectHtml(item[0])}${escapeProjectHtml(item[1])}${item[3] ? `${escapeProjectHtml(item[3])}` : ""}`).join("")}
+
+ + ${escapeProjectHtml(data.buttons.contact)} + ${escapeProjectHtml(data.buttons.linkedin)} +
+
`; + drawer + .querySelector("[data-recruiter-close]") + ?.addEventListener("click", () => setRecruiterMode(false)); + if (hadFocus) drawer.querySelector("[data-recruiter-close]")?.focus(); +} + +function setRecruiterMode( + isOpen, + { restoreFocus = true, trigger = null } = {}, +) { + const drawer = document.querySelector("[data-recruiter-drawer]"); + if (!drawer) return; + const wasOpen = document.body.classList.contains("recruiter-mode-active"); + + if (isOpen) { + closeMobileNavigation(); + setChatbotOpen(false, { restoreFocus: false }); + setCommandPaletteOpen(false, { restoreFocus: false }); + rememberOverlayTrigger( + drawer, + trigger || document.querySelector("[data-recruiter-toggle]"), + ); + } + + document.body.classList.toggle("recruiter-mode-active", Boolean(isOpen)); + drawer.hidden = !isOpen; + drawer.setAttribute("aria-hidden", String(!isOpen)); + document.querySelectorAll("[data-recruiter-toggle]").forEach((button) => { + button.setAttribute("aria-expanded", String(isOpen)); + }); + + if (isOpen) { + setBackgroundInert(drawer); + setOverlayBodyState(true); + updateUltimateStaticLabels(currentSiteLanguage || "en"); + setTimeout(() => drawer.querySelector("[data-recruiter-close]")?.focus(), 0); + } else if (wasOpen) { + setBackgroundInert(); + setOverlayBodyState(false); + updateUltimateStaticLabels(currentSiteLanguage || "en"); + if (restoreFocus) restoreOverlayFocus(drawer); + else overlayTriggerMap.delete(drawer); + } +} + +function setupRecruiterMode() { + if (document.querySelector("[data-recruiter-drawer]")) return; + const drawer = document.createElement("div"); + drawer.className = "recruiter-drawer"; + drawer.id = "recruiter-dialog"; + drawer.setAttribute("data-recruiter-drawer", ""); + drawer.setAttribute("aria-hidden", "true"); + drawer.setAttribute("role", "dialog"); + drawer.setAttribute("aria-modal", "true"); + drawer.setAttribute("aria-labelledby", "recruiter-dialog-title"); + drawer.setAttribute("aria-describedby", "recruiter-dialog-description"); + drawer.hidden = true; + document.body.appendChild(drawer); + renderRecruiterDrawer(); + document.querySelectorAll("[data-recruiter-toggle]").forEach((button) => { + button.setAttribute("aria-controls", drawer.id); + button.setAttribute("aria-expanded", "false"); + button.addEventListener("click", (event) => + setRecruiterMode( + !document.body.classList.contains("recruiter-mode-active"), + { trigger: event.currentTarget }, + ), + ); + }); + drawer.addEventListener("click", (event) => { + if (event.target === drawer) setRecruiterMode(false); + }); + document.addEventListener("keydown", (event) => { + if (!document.body.classList.contains("recruiter-mode-active")) return; + if (event.key === "Escape") { + event.preventDefault(); + setRecruiterMode(false); + return; + } + trapFocus(event, drawer); + }); +} + +function executeCommand(command) { + if (!command) return; + setCommandPaletteOpen(false); + if (command.type === "nav") { + if (command.external) + window.open(command.value, "_blank", "noopener,noreferrer"); + else window.location.href = command.value; + } else if (command.type === "resume") { + openDrivePreviews(); + } else if (command.type === "theme") { + applySiteTheme(siteThemeState.current === "light" ? "dark" : "light"); + } else if (command.type === "language") { + applyLanguage((currentSiteLanguage || "en") === "tr" ? "en" : "tr"); + } else if (command.type === "chatbot") { + setChatbotOpen(true); + } else if (command.type === "recruiter") { + setRecruiterMode( + !document.body.classList.contains("recruiter-mode-active"), + ); + } else if (command.type === "scroll") { + document + .getElementById(command.value) + ?.scrollIntoView({ behavior: "smooth", block: "start" }); + } else if (command.type === "easter") { + launchEasterEgg(); + } +} + +function renderCommandPalette(language = currentSiteLanguage || "en") { + const palette = document.querySelector("[data-command-palette]"); + if (!palette) return; + const content = getUltimateContent(language); + const query = + palette.querySelector("[data-command-input]")?.value?.toLowerCase() || ""; + const results = content.commands + .filter((cmd) => + `${cmd.label} ${cmd.hint} ${cmd.keywords}`.toLowerCase().includes(query), + ) + .slice(0, 18); + const list = palette.querySelector("[data-command-results]"); + const title = palette.querySelector("[data-command-title]"); + const input = palette.querySelector("[data-command-input]"); + if (title) title.textContent = content.commandsTitle; + if (input) { + input.placeholder = content.commandPlaceholder; + input.setAttribute("aria-label", content.commandDialogLabel); + } + if (!list) return; + list.innerHTML = results.length + ? results + .map( + (cmd) => + ``, + ) + .join("") + : `

${escapeProjectHtml(content.noResults)}

`; + list.querySelectorAll("[data-command-id]").forEach((button) => { + button.addEventListener("click", () => + executeCommand( + content.commands.find((cmd) => cmd.id === button.dataset.commandId), + ), + ); + }); +} + +function setCommandPaletteOpen( + isOpen, + { restoreFocus = true, trigger = null } = {}, +) { + const palette = document.querySelector("[data-command-palette]"); + if (!palette) return; + const wasOpen = palette.classList.contains("is-open"); + + if (isOpen) { + closeMobileNavigation(); + setChatbotOpen(false, { restoreFocus: false }); + setRecruiterMode(false, { restoreFocus: false }); + rememberOverlayTrigger( + palette, + trigger || document.querySelector("[data-command-toggle]"), + ); + } + + palette.classList.toggle("is-open", Boolean(isOpen)); + palette.hidden = !isOpen; + palette.setAttribute("aria-hidden", String(!isOpen)); + document.querySelectorAll("[data-command-toggle]").forEach((button) => { + button.setAttribute("aria-expanded", String(isOpen)); + }); + if (isOpen) { + setBackgroundInert(palette); + setOverlayBodyState(true); + const input = palette.querySelector("[data-command-input]"); + input.value = ""; + renderCommandPalette(); + setTimeout(() => input.focus(), 40); + } else if (wasOpen) { + setBackgroundInert(); + setOverlayBodyState(false); + if (restoreFocus) restoreOverlayFocus(palette); + else overlayTriggerMap.delete(palette); + } + updateUltimateStaticLabels(currentSiteLanguage || "en"); +} + +function setupCommandPalette() { + if (document.querySelector("[data-command-palette]")) return; + const content = getUltimateContent(); + const palette = document.createElement("div"); + palette.className = "command-palette"; + palette.id = "command-palette"; + palette.setAttribute("data-command-palette", ""); + palette.setAttribute("aria-hidden", "true"); + palette.hidden = true; + palette.innerHTML = ``; + document.body.appendChild(palette); + palette + .querySelector("[data-command-input]") + ?.addEventListener("input", () => renderCommandPalette()); + palette.addEventListener("click", (event) => { + if (event.target === palette) setCommandPaletteOpen(false); + }); + document.querySelectorAll("[data-command-toggle]").forEach((button) => { + button.setAttribute("aria-controls", palette.id); + button.setAttribute("aria-expanded", "false"); + button.addEventListener("click", (event) => + setCommandPaletteOpen(true, { trigger: event.currentTarget }), + ); + }); + document.addEventListener("keydown", (event) => { + const tag = document.activeElement?.tagName; + const isTyping = ["INPUT", "TEXTAREA", "SELECT"].includes(tag); + if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === "k") { + event.preventDefault(); + setCommandPaletteOpen(true, { trigger: document.activeElement }); + } + if ( + event.key === "Escape" && + document + .querySelector("[data-command-palette]") + ?.classList.contains("is-open") + ) { + event.preventDefault(); + setCommandPaletteOpen(false); + return; + } + const activePalette = document.querySelector( + "[data-command-palette].is-open [role='dialog']", + ); + if (activePalette) trapFocus(event, activePalette); + }); + renderCommandPalette(); +} + +function setupProjectCopyLink() { + document.addEventListener("click", async (event) => { + const button = event.target.closest("[data-copy-project-link]"); + if (!button) return; + const original = button.textContent; + const url = window.location.href; + try { + await navigator.clipboard.writeText(url); + } catch (error) { + const temp = document.createElement("textarea"); + temp.value = url; + document.body.appendChild(temp); + temp.select(); + document.execCommand("copy"); + temp.remove(); + } + button.textContent = getUltimateContent().copyDone; + setTimeout(() => { + button.textContent = original; + }, 1400); + }); +} + +function enhanceAjoopNavigationActions() { + if ( + !window.portfolioChatbotContent && + typeof portfolioChatbotContent === "undefined" + ) + return; + const resumeUrl = resumeLink; + ["en", "tr"].forEach((lang) => { + const content = portfolioChatbotContent[lang]; + if (!content || content.__enhancedActions) return; + content.__enhancedActions = true; + const labels = + lang === "tr" + ? { + works: "Projeler", + about: "Hakkımda", + cv: "CV", + mail: "E-posta", + joyday: "Atölye Joyday Vaka Çalışmasını Gör", + live: "Atölye Joyday Canlı Sitesini Aç", + hospitalCase: "Hospital System Vaka Çalışmasını Gör", + hospitalSource: "Hospital System Kaynak Arşivini Aç", + github: "GitHub", + recruiter: "İK Modu", + } + : { + works: "Works", + about: "About", + cv: "Resume", + mail: "Email", + joyday: "View Atölye Joyday Case Study", + live: "Open Atölye Joyday Website", + hospitalCase: "View Hospital System Case Study", + hospitalSource: "Open Hospital System Source Archive", + github: "GitHub", + recruiter: "Recruiter Mode", + }; + if (content.answers?.who) + content.answers.who.links = [ + { label: labels.about, url: "about.html" }, + { label: labels.cv, url: resumeLink }, + ]; + if (content.answers?.projects) + content.answers.projects.links = [ + { label: labels.works, url: "works.html" }, + { + label: labels.joyday, + url: "atolye-joyday-case-study.html", + }, + { + label: labels.hospitalCase, + url: "hospital-system-case-study.html", + }, + { + label: labels.hospitalSource, + url: "https://github.com/UAJOP/Hospital-System", + }, + { label: labels.github, url: "https://github.com/UAJOP" }, + ]; + if (content.answers?.joyday) + content.answers.joyday.links = [ + { + label: labels.joyday, + url: "atolye-joyday-case-study.html", + }, + { label: labels.live, url: "https://atolyejoyday.com/" }, + ]; + if (content.answers?.cv) + content.answers.cv.links = [ + { label: labels.cv, url: resumeLink }, + { label: labels.mail, url: "mailto:kaanb8776@gmail.com" }, + { label: "LinkedIn", url: "https://www.linkedin.com/in/balcikaan/" }, + { label: "GitHub", url: "https://github.com/UAJOP" }, + ]; + if (content.answers?.contact) + content.answers.contact.links = content.answers.cv?.links || []; + if (content.answers?.default) + content.answers.default.links = [ + { label: labels.works, url: "works.html" }, + { label: labels.about, url: "about.html" }, + { label: labels.mail, url: "mailto:kaanb8776@gmail.com" }, + ]; + }); +} + +document + .querySelectorAll("[data-open-chatbot]") + .forEach((button) => + button.addEventListener("click", () => setChatbotOpen(true)), + ); +setupProjectSearch(); +setupRecruiterMode(); +setupCommandPalette(); +setupProjectCopyLink(); +enhanceAjoopNavigationActions(); +updateUltimateStaticLabels(currentSiteLanguage || "en"); +document + .querySelectorAll("[data-lang-switch]") + .forEach((button) => + button.addEventListener("click", () => + setTimeout( + () => updateUltimateStaticLabels(currentSiteLanguage || "en"), + 0, + ), + ), + ); + +/* Creative final add-ons: easter egg, interactive 3D model and tiny performance pass */ +(function setupPortfolioOptimizationPass() { + document.querySelectorAll("img").forEach((img, index) => { + if (!img.hasAttribute("decoding")) img.setAttribute("decoding", "async"); + if (!img.hasAttribute("loading") && !img.closest(".hero")) + img.setAttribute("loading", "lazy"); + if (index === 0 || img.closest(".hero")) + img.setAttribute("fetchpriority", "high"); + }); +})(); + +function getCreativeText() { + const tr = (currentSiteLanguage || "en") === "tr"; + return tr + ? { + surprise: "Sürpriz", + title: "Tebrikler maceracı!", + body: "Bu kadar gezdiğine göre portfolyonun gizli köşesini de hak ettin. Kod, tasarım ve biraz kaos: hepsi burada.", + close: "Devam edelim", + hint: "Gizli sürprizi başlat", + } + : { + surprise: "Surprise", + title: "Congrats, explorer!", + body: "You explored deep enough to unlock the hidden corner of this portfolio. Code, design and a little chaos: all in one place.", + close: "Keep exploring", + hint: "Launch hidden surprise", + }; +} + +function setupEasterEgg() { + if (document.querySelector("[data-easter-trigger]")) return; + const text = getCreativeText(); + const trigger = document.createElement("button"); + trigger.className = "easter-trigger"; + trigger.type = "button"; + trigger.setAttribute("data-easter-trigger", ""); + trigger.setAttribute("aria-label", text.hint); + trigger.setAttribute("title", text.hint); + trigger.innerHTML = ''; + document.body.appendChild(trigger); + trigger.addEventListener("click", launchEasterEgg); + + let logoClicks = 0; + document.querySelectorAll(".brand img, .footer-brand img").forEach((logo) => { + logo.addEventListener("click", () => { + logoClicks += 1; + clearTimeout(logo.__easterTimer); + logo.__easterTimer = setTimeout(() => { + logoClicks = 0; + }, 1200); + if (logoClicks >= 3) { + logoClicks = 0; + launchEasterEgg(); + } + }); + }); +} + +function launchEasterEgg() { + const text = getCreativeText(); + let layer = document.querySelector("[data-easter-layer]"); + if (!layer) { + layer = document.createElement("div"); + layer.className = "easter-layer"; + layer.setAttribute("data-easter-layer", ""); + layer.innerHTML = + '

'; + document.body.appendChild(layer); + layer + .querySelector(".easter-close") + ?.addEventListener("click", () => closeEasterEgg(layer)); + } + + const canvas = layer.querySelector("canvas"); + const ctx = canvas.getContext("2d"); + const message = layer.querySelector("[data-easter-message]"); + message.querySelector("h2").textContent = text.title; + message.querySelector("p").textContent = text.body; + message.querySelector("button").textContent = text.close; + layer.classList.add("is-active"); + requestAnimationFrame(() => message.classList.add("is-visible")); + document.body.classList.remove("site-shake"); + void document.body.offsetWidth; + document.body.classList.add("site-shake"); + + const dpr = Math.min(window.devicePixelRatio || 1, 2); + const resize = () => { + canvas.width = Math.floor(window.innerWidth * dpr); + canvas.height = Math.floor(window.innerHeight * dpr); + canvas.style.width = `${window.innerWidth}px`; + canvas.style.height = `${window.innerHeight}px`; + ctx.setTransform(dpr, 0, 0, dpr, 0, 0); + }; + resize(); + + const particles = []; + const colors = [ + "#38bdf8", + "#22d3ee", + "#818cf8", + "#34d399", + "#fbbf24", + "#fb7185", + "#ffffff", + ]; + const burst = (x, y, amount = 86) => { + for (let i = 0; i < amount; i += 1) { + const angle = Math.random() * Math.PI * 2; + const speed = 2 + Math.random() * 7; + particles.push({ + x, + y, + vx: Math.cos(angle) * speed, + vy: Math.sin(angle) * speed, + life: 70 + Math.random() * 45, + age: 0, + size: 2 + Math.random() * 3, + color: colors[Math.floor(Math.random() * colors.length)], + }); + } + }; + + const positions = [0.18, 0.38, 0.62, 0.82]; + positions.forEach((pos, index) => + setTimeout( + () => + burst( + window.innerWidth * pos, + window.innerHeight * (0.24 + Math.random() * 0.42), + 74, + ), + index * 220, + ), + ); + const interval = setInterval( + () => + burst( + 80 + Math.random() * (window.innerWidth - 160), + 90 + Math.random() * (window.innerHeight * 0.5), + 54, + ), + 420, + ); + setTimeout(() => clearInterval(interval), 2200); + + const start = performance.now(); + function frame(now) { + ctx.clearRect(0, 0, window.innerWidth, window.innerHeight); + ctx.globalCompositeOperation = "lighter"; + for (let i = particles.length - 1; i >= 0; i -= 1) { + const p = particles[i]; + p.age += 1; + p.vy += 0.045; + p.vx *= 0.992; + p.vy *= 0.992; + p.x += p.vx; + p.y += p.vy; + const alpha = Math.max(0, 1 - p.age / p.life); + ctx.globalAlpha = alpha; + ctx.fillStyle = p.color; + ctx.beginPath(); + ctx.arc(p.x, p.y, p.size * alpha, 0, Math.PI * 2); + ctx.fill(); + if (p.age >= p.life) particles.splice(i, 1); + } + ctx.globalAlpha = 1; + ctx.globalCompositeOperation = "source-over"; + if (now - start < 5200 || particles.length) requestAnimationFrame(frame); + else closeEasterEgg(layer); + } + requestAnimationFrame(frame); + setTimeout(() => document.body.classList.remove("site-shake"), 900); +} + +function closeEasterEgg(layer = document.querySelector("[data-easter-layer]")) { + if (!layer) return; + layer.querySelector("[data-easter-message]")?.classList.remove("is-visible"); + setTimeout(() => layer.classList.remove("is-active"), 220); +} + +function setupAlgorithmic3DLab() { + const canvas = document.getElementById("math-3d-canvas"); + if (!canvas) return; + const ctx = canvas.getContext("2d"); + const state = { + rx: -0.62, + ry: 0.72, + rz: 0.05, + zoom: 1, + dragging: false, + lastX: 0, + lastY: 0, + visible: false, + raf: null, + t: 0, + }; + const prefersReducedMotion = window.matchMedia( + "(prefers-reduced-motion: reduce)", + ).matches; + + function resizeCanvas() { + const rect = canvas.getBoundingClientRect(); + const dpr = Math.min(window.devicePixelRatio || 1, 2); + canvas.width = Math.max(1, Math.floor(rect.width * dpr)); + canvas.height = Math.max(1, Math.floor(rect.height * dpr)); + ctx.setTransform(dpr, 0, 0, dpr, 0, 0); + } + + function pointFromBarycentric(i, j, n, time) { + const u = i / n; + const v = j / n; + const w = 1 - u - v; + const ax = -1.75, + ay = -1.12; + const bx = 1.75, + by = -1.12; + const cx = 0, + cy = 1.72; + const x = ax * w + bx * u + cx * v; + const y = ay * w + by * u + cy * v; + const z = + 0.46 * + Math.sin((u * 4.4 + time) * Math.PI) * + Math.cos((v * 3.8 - time * 0.7) * Math.PI) + + 0.18 * Math.sin((w * 5.2 + time * 0.5) * Math.PI); + return { x, y, z }; + } + + function rotate(p) { + const cx = Math.cos(state.rx), + sx = Math.sin(state.rx); + const cy = Math.cos(state.ry), + sy = Math.sin(state.ry); + const cz = Math.cos(state.rz), + sz = Math.sin(state.rz); + let y = p.y * cx - p.z * sx; + let z = p.y * sx + p.z * cx; + let x = p.x * cy + z * sy; + z = -p.x * sy + z * cy; + const x2 = x * cz - y * sz; + const y2 = x * sz + y * cz; + return { x: x2, y: y2, z }; + } + + function project(p, width, height) { + const camera = 5.2; + const scale = Math.min(width, height) * 0.31 * state.zoom; + const perspective = camera / (camera - p.z); + return { + x: width / 2 + p.x * scale * perspective, + y: height / 2 - p.y * scale * perspective, + z: p.z, + perspective, + }; + } + + function buildFaces(time) { + const n = 18; + const vertices = []; + const index = new Map(); + for (let i = 0; i <= n; i += 1) { + for (let j = 0; j <= n - i; j += 1) { + index.set(`${i},${j}`, vertices.length); + vertices.push(pointFromBarycentric(i, j, n, time)); + } + } + const faces = []; + const get = (i, j) => vertices[index.get(`${i},${j}`)]; + for (let i = 0; i < n; i += 1) { + for (let j = 0; j < n - i; j += 1) { + faces.push([get(i, j), get(i + 1, j), get(i, j + 1)]); + if (j < n - i - 1) + faces.push([get(i + 1, j), get(i + 1, j + 1), get(i, j + 1)]); + } + } + return faces; + } + + function drawAxes(width, height) { + const axes = [ + [{ x: 0, y: 0, z: 0 }, { x: 2.25, y: 0, z: 0 }, "X"], + [{ x: 0, y: 0, z: 0 }, { x: 0, y: 2.25, z: 0 }, "Y"], + [{ x: 0, y: 0, z: 0 }, { x: 0, y: 0, z: 1.8 }, "Z"], + ]; + ctx.save(); + ctx.lineWidth = 1.5; + ctx.font = "700 12px Inter, system-ui"; + axes.forEach(([a, b, label]) => { + const pa = project(rotate(a), width, height); + const pb = project(rotate(b), width, height); + ctx.strokeStyle = + label === "X" + ? "rgba(56,189,248,.75)" + : label === "Y" + ? "rgba(52,211,153,.75)" + : "rgba(251,191,36,.8)"; + ctx.fillStyle = ctx.strokeStyle; + ctx.beginPath(); + ctx.moveTo(pa.x, pa.y); + ctx.lineTo(pb.x, pb.y); + ctx.stroke(); + ctx.fillText(label, pb.x + 6, pb.y + 4); + }); + ctx.restore(); + } + + function draw() { + const rect = canvas.getBoundingClientRect(); + const width = rect.width; + const height = rect.height; + ctx.clearRect(0, 0, width, height); + const gradient = ctx.createRadialGradient( + width * 0.45, + height * 0.35, + 20, + width * 0.5, + height * 0.5, + Math.max(width, height) * 0.62, + ); + gradient.addColorStop(0, "rgba(56,189,248,.16)"); + gradient.addColorStop(1, "rgba(7,17,31,0)"); + ctx.fillStyle = gradient; + ctx.fillRect(0, 0, width, height); + + const faces = buildFaces(state.t) + .map((face) => { + const rp = face.map(rotate); + const pp = rp.map((p) => project(p, width, height)); + const depth = rp.reduce((sum, p) => sum + p.z, 0) / rp.length; + const heightValue = face.reduce((sum, p) => sum + p.z, 0) / face.length; + return { points: pp, depth, heightValue }; + }) + .sort((a, b) => a.depth - b.depth); + + drawAxes(width, height); + faces.forEach((face) => { + const light = Math.max(0, Math.min(1, (face.heightValue + 0.75) / 1.5)); + const alpha = 0.32 + light * 0.38; + ctx.beginPath(); + ctx.moveTo(face.points[0].x, face.points[0].y); + ctx.lineTo(face.points[1].x, face.points[1].y); + ctx.lineTo(face.points[2].x, face.points[2].y); + ctx.closePath(); + ctx.fillStyle = `rgba(${Math.round(50 + light * 80)}, ${Math.round(150 + light * 80)}, 248, ${alpha})`; + ctx.strokeStyle = "rgba(210, 235, 255, 0.15)"; + ctx.lineWidth = 0.8; + ctx.fill(); + ctx.stroke(); + }); + } + + function animate() { + if (!state.visible) return; + if (!state.dragging && !prefersReducedMotion) state.ry += 0.0025; + state.t += prefersReducedMotion ? 0 : 0.004; + draw(); + state.raf = requestAnimationFrame(animate); + } + + function start() { + if (state.visible) return; + state.visible = true; + resizeCanvas(); + animate(); + } + + function stop() { + state.visible = false; + if (state.raf) cancelAnimationFrame(state.raf); + } + + canvas.addEventListener("pointerdown", (event) => { + state.dragging = true; + state.lastX = event.clientX; + state.lastY = event.clientY; + canvas.setPointerCapture?.(event.pointerId); + }); + canvas.addEventListener("pointermove", (event) => { + if (!state.dragging) return; + const dx = event.clientX - state.lastX; + const dy = event.clientY - state.lastY; + state.ry += dx * 0.008; + state.rx += dy * 0.008; + state.lastX = event.clientX; + state.lastY = event.clientY; + draw(); + }); + canvas.addEventListener("pointerup", () => { + state.dragging = false; + }); + canvas.addEventListener("pointercancel", () => { + state.dragging = false; + }); + canvas.addEventListener( + "wheel", + (event) => { + event.preventDefault(); + state.zoom = Math.max( + 0.72, + Math.min(1.7, state.zoom + (event.deltaY > 0 ? -0.06 : 0.06)), + ); + draw(); + }, + { passive: false }, + ); + + window.addEventListener( + "resize", + () => { + resizeCanvas(); + draw(); + }, + { passive: true }, + ); + if ("IntersectionObserver" in window) { + const observer = new IntersectionObserver( + (entries) => { + entries.forEach((entry) => (entry.isIntersecting ? start() : stop())); + }, + { threshold: 0.12 }, + ); + observer.observe(canvas); + } else { + start(); + } +} + +function extendCreativeCommands() { + if (typeof ultimateContent === "undefined") return; + const hasCommand = (lang, id) => + ultimateContent[lang]?.commands?.some((command) => command.id === id); + if (!hasCommand("en", "mathlab")) + ultimateContent.en.commands.push({ + id: "mathlab", + label: "Open 3D Math Lab", + hint: "Interactive canvas model", + keywords: "3d math canvas model rotate", + type: "scroll", + value: "algorithmic-3d-lab", + }); + if (!hasCommand("en", "easter")) + ultimateContent.en.commands.push({ + id: "easter", + label: "Launch Easter Egg", + hint: "Fireworks surprise", + keywords: "easter egg fireworks surprise", + type: "easter", + }); + if (!hasCommand("tr", "mathlab")) + ultimateContent.tr.commands.push({ + id: "mathlab", + label: "3D Matematik Labını Aç", + hint: "İnteraktif canvas modeli", + keywords: "3d matematik canvas model döndür", + type: "scroll", + value: "algorithmic-3d-lab", + }); + if (!hasCommand("tr", "easter")) + ultimateContent.tr.commands.push({ + id: "easter", + label: "Easter Egg Başlat", + hint: "Havai fişek sürprizi", + keywords: "easter egg havai fişek sürpriz", + type: "easter", + }); +} + +extendCreativeCommands(); +setupEasterEgg(); +setupAlgorithmic3DLab(); + +/* Project request page and service inquiry flow */ +function getRequestFormText() { + const tr = (currentSiteLanguage || "en") === "tr"; + return tr + ? { + sending: "Talep gönderiliyor...", + success: + "Talebiniz form uç noktasına gönderildi. Tarayıcı bu cross-origin isteğin sunucu tarafında işlendiğini doğrulayamadığı için acil taleplerde e-posta kullanın.", + neutral: "Teşekkürler.", + fallback: + "Mail gönderim endpointi henüz bağlanmadığı için e-posta taslağı açıldı. Google Apps Script URL'si request-config.js içine eklenince form direkt mail atacak.", + error: + "Talep gönderilirken bir sorun oluştu. Lütfen tekrar dene veya e-posta butonunu kullan.", + consent: "Devam etmek için iletişim iznini onaylamalısın.", + subject: "Yeni proje talebi", + button: "Talebi Gönder", + } + : { + sending: "Sending request...", + success: + "Your request was submitted to the form endpoint. Because the browser cannot verify server-side processing for this cross-origin request, use email for urgent enquiries.", + neutral: "Thank you.", + fallback: + "The direct email endpoint is not connected yet, so an email draft was opened. After adding the Google Apps Script URL into request-config.js, the form will send emails directly.", + error: + "Something went wrong while sending the request. Please try again or use the email button.", + consent: "Please confirm the consent checkbox to continue.", + subject: "New project request", + button: "Send Request", + }; +} + +function setRequestStatus(type, message, { showEmail = false } = {}) { + const status = document.querySelector("[data-request-status]"); + if (!status) return; + status.className = `request-status is-visible ${type || ""}`.trim(); + status.replaceChildren(document.createTextNode(message)); + if (showEmail) { + const email = window.KAAN_REQUEST_FORM_EMAIL || "kaanb8776@gmail.com"; + const link = document.createElement("a"); + link.href = `mailto:${email}`; + link.textContent = email; + status.append(document.createTextNode(" "), link); + } +} + +function buildRequestMailto(payload) { + const owner = window.KAAN_REQUEST_FORM_EMAIL || "kaanb8776@gmail.com"; + const subject = `${getRequestFormText().subject}: ${payload.serviceType || "Portfolio"}`; + const body = [ + `Name: ${payload.name || ""}`, + `Email: ${payload.email || ""}`, + `Phone: ${payload.phone || ""}`, + `Company: ${payload.company || ""}`, + `Project Type: ${payload.serviceType || ""}`, + `Budget: ${payload.budget || ""}`, + `Timeline: ${payload.timeline || ""}`, + `Preferred Contact: ${payload.preferredContact || ""}`, + "", + "Project Details:", + payload.details || "", + "", + `Source: ${payload.source || "kaanbalci.com"}`, + ].join("\n"); + return `mailto:${encodeURIComponent(owner)}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`; +} + +function setupProjectRequestForm() { + const form = document.querySelector("[data-request-form]"); + if (!form || form.__requestFormReady) return; + form.__requestFormReady = true; + form.__requestFormStartedAt = Date.now(); + const submit = form.querySelector("[data-request-submit]"); + let requestSubmitting = false; + + form.addEventListener("submit", async (event) => { + event.preventDefault(); + if (requestSubmitting) return; + const text = getRequestFormText(); + + if (!form.checkValidity()) { + form.reportValidity(); + return; + } + + if (!form.querySelector('input[name="consent"]')?.checked) { + setRequestStatus("warning", text.consent); + return; + } + + const formData = new FormData(form); + const payload = Object.fromEntries(formData.entries()); + const honeypot = String(payload.company_website || "").trim(); + const completedTooQuickly = Date.now() - form.__requestFormStartedAt < 3000; + delete payload.company_website; + + if (honeypot || completedTooQuickly) { + form.reset(); + form.__requestFormStartedAt = Date.now(); + setRequestStatus("success", text.neutral); + return; + } + + payload.pageUrl = window.location.href; + payload.submittedAt = new Date().toISOString(); + + const endpoint = String(window.KAAN_REQUEST_FORM_ENDPOINT || "").trim(); + requestSubmitting = true; + form.setAttribute("aria-busy", "true"); + if (submit) { + submit.disabled = true; + submit.textContent = text.sending; + } + + try { + if ( + endpoint && + !endpoint.includes("PASTE") && + endpoint.startsWith("http") + ) { + await fetch(endpoint, { + method: "POST", + mode: "no-cors", + headers: { + "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8", + }, + body: new URLSearchParams(payload).toString(), + }); + form.reset(); + form.__requestFormStartedAt = Date.now(); + setRequestStatus("success", text.success, { showEmail: true }); + } else { + window.location.href = buildRequestMailto(payload); + setRequestStatus("warning", text.fallback); + } + } catch (error) { + console.error("Request form error", error); + setRequestStatus("error", text.error); + } finally { + requestSubmitting = false; + form.removeAttribute("aria-busy"); + if (submit) { + submit.disabled = false; + submit.textContent = text.button; + } + } + }); +} + +function setupGoogleFormLinks() { + const url = String(window.KAAN_GOOGLE_FORM_URL || "").trim(); + if (!url) return; + document.querySelectorAll("[data-google-form-link]").forEach((link) => { + link.setAttribute("href", url); + link.setAttribute("target", "_blank"); + link.setAttribute("rel", "noopener"); + }); +} + +function enhanceRequestCommandsAndAjoop() { + if (typeof ultimateContent !== "undefined") { + const addCommand = (lang, command) => { + if ( + !ultimateContent[lang]?.commands?.some((item) => item.id === command.id) + ) + ultimateContent[lang].commands.push(command); + }; + addCommand("en", { + id: "request", + label: "Request a Project", + hint: "Send a website, AI or automation request", + keywords: "request form project hire job service website ai automation", + type: "nav", + value: "request.html", + }); + addCommand("tr", { + id: "request", + label: "Proje Talebi Gönder", + hint: "Web, AI veya otomasyon talebi gönder", + keywords: "talep form proje iş hizmet web sitesi ai otomasyon", + type: "nav", + value: "request.html", + }); + } + + if (typeof portfolioChatbotContent !== "undefined") { + const en = portfolioChatbotContent.en; + const tr = portfolioChatbotContent.tr; + if (en && !en.quicks.some((item) => item.id === "request")) { + en.quicks.push({ id: "request", label: "Request a project" }); + en.answers.request = { + text: [ + "You can send a project request from the Request page for websites, AI workflows, chatbot flows, automation, dashboards and software work.", + "The Request page is the best place to describe a project idea, budget range, timeline and preferred contact method.", + "For new work, use the Request page first. It has direct website form logic plus Google Forms and email fallbacks.", + ], + links: [ + { label: "Open Request Form", url: "request.html" }, + { + label: "Online Form", + url: + window.KAAN_GOOGLE_FORM_URL || + "https://docs.google.com/forms/d/e/1FAIpQLSdaC7iDV1f6aU3S3kKhJfHTEue9n8KRtwj-j7k6cT0i98lbiQ/viewform?usp=dialog", + }, + { label: "Email", url: "mailto:kaanb8776@gmail.com" }, + ], + }; + } + if (tr && !tr.quicks.some((item) => item.id === "request")) { + tr.quicks.push({ id: "request", label: "Proje talebi" }); + tr.answers.request = { + text: [ + "Yeni Talep sayfasından web sitesi, AI workflow, chatbot akışı, otomasyon, dashboard ve benzeri yazılım işleri için proje talebi gönderebilirsin.", + "Bir proje fikri varsa en temiz yol Talep sayfası: kapsam, zaman planı, iletişim ve detayları tek akışta topluyor.", + "Talep sayfası direkt site formu, Google Forms fallback ve e-posta alternatifiyle çalışacak şekilde tasarlandı.", + ], + links: [ + { label: "Talep Formunu Aç", url: "request.html" }, + { + label: "Online Form", + url: + window.KAAN_GOOGLE_FORM_URL || + "https://docs.google.com/forms/d/e/1FAIpQLSdaC7iDV1f6aU3S3kKhJfHTEue9n8KRtwj-j7k6cT0i98lbiQ/viewform?usp=dialog", + }, + { label: "E-posta", url: "mailto:kaanb8776@gmail.com" }, + ], + }; + } + if (!chatbotKeywordMap.some((item) => item.id === "request")) + chatbotKeywordMap.unshift({ + id: "request", + keywords: [ + "request", + "talep", + "form", + "iş talebi", + "proje talebi", + "hire", + "service", + "hizmet", + "teklif", + ], + }); + updatePortfolioChatbotLanguage?.(currentSiteLanguage || "en"); + } +} + +enhanceRequestCommandsAndAjoop(); +setupGoogleFormLinks(); +setupProjectRequestForm(); +document + .querySelectorAll("[data-lang-switch]") + .forEach((button) => + button.addEventListener("click", () => + setTimeout(setupProjectRequestForm, 0), + ), + ); + +/* Career adventure page integration */ +function enhanceAdventureNavigation() { + if (typeof ultimateContent !== "undefined") { + const addCommand = (language, command) => { + if ( + !ultimateContent[language]?.commands?.some( + (item) => item.id === command.id, + ) + ) { + ultimateContent[language].commands.splice(2, 0, command); + } + }; + addCommand("en", { + id: "adventure", + label: "Open Adventure", + hint: "Career merge mini game", + keywords: "adventure game mini career merge job kaan", + type: "nav", + value: "adventure.html", + }); + addCommand("tr", { + id: "adventure", + label: "Macera'yı Aç", + hint: "Kariyer merge mini oyunu", + keywords: "macera oyun kariyer merge job iş kaan", + type: "nav", + value: "adventure.html", + }); + } + + if (typeof portfolioChatbotContent !== "undefined") { + const en = portfolioChatbotContent.en; + const tr = portfolioChatbotContent.tr; + if (en && !en.quicks.some((item) => item.id === "adventure")) { + en.quicks.splice(4, 0, { id: "adventure", label: "Mini game" }); + en.answers.adventure = { + text: [ + "Kaan's Career Adventure is an interactive merge mini game: learning objects become tools, tools become software skills, skills become portfolio proof and the final merge creates a Job Offer.", + "The Adventure page turns Kaan's career growth into a small web game. It is built with HTML, CSS, JavaScript and Canvas, so it also works as a playful frontend proof.", + "In the mini game, you merge books, keyboard, mouse, monitor, JavaScript, Python, C#, database, AI Flow, portfolio and interview steps until Job Offer appears.", + ], + links: [ + { label: "Play Adventure", url: "adventure.html" }, + { label: "View Works", url: "works.html" }, + ], + }; + } + if (tr && !tr.quicks.some((item) => item.id === "adventure")) { + tr.quicks.splice(4, 0, { id: "adventure", label: "Mini oyun" }); + tr.answers.adventure = { + text: [ + "Kaan'ın Kariyer Macerası interaktif bir merge mini oyunu: öğrenme nesneleri araçlara, araçlar yazılım becerilerine, beceriler portfolyo kanıtına ve finalde Job Offer'a dönüşüyor.", + "Macera sayfası Kaan'ın kariyer gelişimini küçük bir web oyununa çeviriyor. HTML, CSS, JavaScript ve Canvas ile çalıştığı için eğlenceli bir frontend kanıtı gibi de duruyor.", + "Mini oyunda kitap, klavye, mouse, monitör, JavaScript, Python, C#, veritabanı, AI Flow, portfolyo ve mülakat adımlarını birleştirerek Job Offer seviyesine ulaşıyorsun.", + ], + links: [ + { label: "Macera'yı Oyna", url: "adventure.html" }, + { label: "Projeleri Gör", url: "works.html" }, + ], + }; + } + if ( + typeof chatbotKeywordMap !== "undefined" && + !chatbotKeywordMap.some((item) => item.id === "adventure") + ) { + chatbotKeywordMap.unshift({ + id: "adventure", + keywords: [ + "adventure", + "macera", + "oyun", + "game", + "mini game", + "merge", + "kariyer oyunu", + "job offer", + ], + }); + } + updatePortfolioChatbotLanguage?.(currentSiteLanguage || "en"); + } +} + +enhanceAdventureNavigation(); + +/* Games catalog and Joyday Action Painting navigation helpers */ +function setupGameCards() { + document.querySelectorAll("[data-game-link]").forEach((card) => { + if (card.dataset.gameCardReady === "true") return; + card.dataset.gameCardReady = "true"; + const openGame = () => { + const url = card.dataset.gameLink; + if (url) window.location.href = url; + }; + card.addEventListener("click", (event) => { + if (event.target.closest("a, button")) return; + openGame(); + }); + card.addEventListener("keydown", (event) => { + if (event.target.closest("a, button")) return; + if (event.key === "Enter" || event.key === " ") { + event.preventDefault(); + openGame(); + } + }); + }); +} +setupGameCards(); + +function enhanceJoydayGameNavigation() { + if (typeof portfolioChatbotContent !== "undefined") { + const en = portfolioChatbotContent.en; + const tr = portfolioChatbotContent.tr; + if (en && !en.quicks.some((item) => item.id === "games")) { + en.quicks.splice(4, 0, { id: "games", label: "Games" }); + en.answers.games = { + text: [ + "The Games page collects small playable web experiments in the portfolio.", + "It includes Kaan's Career Adventure, Joyday Action Painting and AI Flow Puzzle, an n8n-style chatbot workflow logic game.", + ], + links: [ + { label: "Open Games", url: "games.html" }, + { label: "Play AI Flow Puzzle", url: "ai-flow-puzzle.html" }, + { + label: "View AI Flow Puzzle Case Study", + url: "ai-flow-puzzle-case-study.html", + }, + { label: "Play Joyday Painting", url: "joyday-paint.html" }, + ], + }; + } + if (tr && !tr.quicks.some((item) => item.id === "games")) { + tr.quicks.splice(4, 0, { id: "games", label: "Oyunlar" }); + tr.answers.games = { + text: [ + "Oyunlar sayfası portfolyodaki küçük oynanabilir web deneylerini topluyor.", + "İçinde Kaan'ın Kariyer Macerası, PNG çıktı alabilen Joyday Action Painting ve n8n mantıklı chatbot workflow oyunu AI Flow Puzzle yer alıyor.", + ], + links: [ + { label: "Oyunları Aç", url: "games.html" }, + { label: "AI Flow Puzzle Oyna", url: "ai-flow-puzzle.html" }, + { + label: "AI Flow Puzzle Vaka Çalışmasını Gör", + url: "ai-flow-puzzle-case-study.html", + }, + { label: "Joyday Painting Oyna", url: "joyday-paint.html" }, + ], + }; + } + if ( + typeof chatbotKeywordMap !== "undefined" && + !chatbotKeywordMap.some((item) => item.id === "games") + ) { + chatbotKeywordMap.unshift({ + id: "games", + keywords: [ + "games", + "oyunlar", + "oyun", + "joyday painting", + "action painting", + "paint", + "canvas", + "png", + "ai flow puzzle", + "n8n", + "workflow", + "chatbot", + ], + }); + } + updatePortfolioChatbotLanguage?.(currentSiteLanguage || "en"); + } +} +enhanceJoydayGameNavigation(); diff --git a/script.js b/script.js index e65d1cb..d25d0ee 100644 --- a/script.js +++ b/script.js @@ -1,6640 +1,66 @@ -const resumeLink = - "https://drive.google.com/file/d/1eERVaYoP-ICuP3xfbzpaDaCo5amwqA8u/view?usp=sharing"; - -document.querySelectorAll("[data-resume-link]").forEach((link) => { - link.href = resumeLink; -}); - -function openDrivePreviews() { - window.open(resumeLink, "_blank", "noopener,noreferrer"); -} - -const navToggle = document.querySelector(".nav-toggle"); -const navLinks = document.querySelector("[data-nav]"); - -const overlayTriggerMap = new WeakMap(); -let inertedBackgroundElements = []; - -function getFocusableElements(container) { - if (!container) return []; - return Array.from( - container.querySelectorAll( - 'a[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', - ), - ).filter( - (element) => - element.getAttribute("aria-hidden") !== "true" && - (element.offsetParent !== null || element === document.activeElement), - ); -} - -function trapFocus(event, container) { - if (event.key !== "Tab" || !container) return; - const focusableElements = getFocusableElements(container); - if (!focusableElements.length) { - event.preventDefault(); - container.focus?.(); - return; - } - - const first = focusableElements[0]; - const last = focusableElements[focusableElements.length - 1]; - if (event.shiftKey && document.activeElement === first) { - event.preventDefault(); - last.focus(); - } else if (!event.shiftKey && document.activeElement === last) { - event.preventDefault(); - first.focus(); - } -} - -function rememberOverlayTrigger(container, trigger = document.activeElement) { - if (container && trigger instanceof HTMLElement) { - overlayTriggerMap.set(container, trigger); - } -} - -function restoreOverlayFocus(container) { - const trigger = container ? overlayTriggerMap.get(container) : null; - if (trigger?.isConnected) trigger.focus(); - if (container) overlayTriggerMap.delete(container); -} - -function setBackgroundInert(activeRoot = null) { - inertedBackgroundElements.forEach(({ element, wasInert }) => { - element.inert = wasInert; - }); - inertedBackgroundElements = []; - - if (!activeRoot || !("inert" in HTMLElement.prototype)) return; - Array.from(document.body.children).forEach((element) => { - if ( - element === activeRoot || - element.contains(activeRoot) || - activeRoot.contains(element) || - element.tagName === "SCRIPT" - ) { - return; - } - inertedBackgroundElements.push({ element, wasInert: element.inert }); - element.inert = true; - }); -} - -function setOverlayBodyState(isOpen) { - document.body.classList.toggle("overlay-modal-open", Boolean(isOpen)); -} - -function closeMobileNavigation({ restoreFocus = false } = {}) { - if (!navToggle || !navLinks) return; - const wasOpen = navLinks.classList.contains("is-open"); - navLinks.classList.remove("is-open"); - navToggle.classList.remove("is-open"); - navToggle.setAttribute("aria-expanded", "false"); - navToggle.setAttribute( - "aria-label", - document.documentElement.lang === "tr" - ? "Navigasyonu aç" - : "Open navigation", - ); - if (restoreFocus && wasOpen) navToggle.focus(); -} - -if (navToggle && navLinks) { - navLinks.id = navLinks.id || "site-navigation"; - navToggle.setAttribute("aria-controls", navLinks.id); - - navToggle.addEventListener("click", () => { - const isOpen = !navLinks.classList.contains("is-open"); - if (isOpen) { - setChatbotOpen?.(false, { restoreFocus: false }); - setCommandPaletteOpen?.(false, { restoreFocus: false }); - setRecruiterMode?.(false, { restoreFocus: false }); - } - navLinks.classList.toggle("is-open", isOpen); - navToggle.classList.toggle("is-open", isOpen); - navToggle.setAttribute("aria-expanded", String(isOpen)); - navToggle.setAttribute( - "aria-label", - document.documentElement.lang === "tr" - ? isOpen - ? "Navigasyonu kapat" - : "Navigasyonu aç" - : isOpen - ? "Close navigation" - : "Open navigation", - ); - }); - - navLinks.querySelectorAll("a").forEach((link) => { - link.addEventListener("click", () => closeMobileNavigation()); - }); - - document.addEventListener("keydown", (event) => { - if (event.key === "Escape" && navLinks.classList.contains("is-open")) { - closeMobileNavigation({ restoreFocus: true }); - } - }); - - window.addEventListener("resize", () => { - if (window.innerWidth > 820) closeMobileNavigation(); - }); -} - -document.querySelectorAll("[data-year]").forEach((node) => { - node.textContent = new Date().getFullYear(); -}); - -const siteThemeState = { - current: "dark", -}; - -function getStoredSiteTheme() { - try { - return localStorage.getItem("kaanbalci-site-theme") === "light" - ? "light" - : "dark"; - } catch (error) { - return "dark"; - } -} - -function applySiteTheme(theme) { - const nextTheme = theme === "light" ? "light" : "dark"; - siteThemeState.current = nextTheme; - document.documentElement.setAttribute("data-theme", nextTheme); - - document.querySelectorAll("[data-theme-toggle]").forEach((button) => { - const icon = button.querySelector("i"); - const label = button.querySelector("[data-theme-label]"); - const isLight = nextTheme === "light"; - const isTurkish = (document.documentElement.lang || "en") === "tr"; - - if (icon) { - icon.className = isLight ? "bx bx-sun" : "bx bx-moon"; - } - - if (label) { - label.textContent = isLight - ? isTurkish - ? "Açık" - : "Light" - : isTurkish - ? "Koyu" - : "Dark"; - } - - button.setAttribute( - "aria-label", - isLight - ? isTurkish - ? "Koyu temaya geç" - : "Switch to dark theme" - : isTurkish - ? "Açık temaya geç" - : "Switch to light theme", - ); - button.setAttribute( - "title", - isLight - ? isTurkish - ? "Koyu temaya geç" - : "Switch to dark theme" - : isTurkish - ? "Açık temaya geç" - : "Switch to light theme", - ); - button.setAttribute("aria-pressed", String(isLight)); - }); - - try { - localStorage.setItem("kaanbalci-site-theme", nextTheme); - } catch (error) { - // Ignore storage errors. - } -} - -function setupSiteThemeToggle() { - applySiteTheme(getStoredSiteTheme()); - - document.querySelectorAll("[data-theme-toggle]").forEach((button) => { - button.addEventListener("click", () => { - applySiteTheme(siteThemeState.current === "light" ? "dark" : "light"); - }); - }); -} - -setupSiteThemeToggle(); - -function setupPortfolioImageFallbacks() { - document.addEventListener( - "error", - (event) => { - const image = event.target; - if ( - !image || - image.tagName !== "IMG" || - image.dataset.fallbackApplied === "true" - ) - return; - - image.dataset.fallbackApplied = "true"; - const currentSource = image.getAttribute("src") || ""; - const fallbackSource = currentSource.toLowerCase().includes("joyday") - ? "assets/joyday-homepage-preview.webp" - : "assets/KAAN BALCI-BÜYÜK LOGO PNG.png"; - - if (currentSource !== fallbackSource) { - image.src = fallbackSource; - } - }, - true, - ); -} - -setupPortfolioImageFallbacks(); - -const filterButtons = document.querySelectorAll("[data-filter-btn]"); -const projectCards = document.querySelectorAll(".project-card[data-category]"); - -function updateProjectSectionVisibility() { - document.querySelectorAll("[data-project-section]").forEach((section) => { - const hasVisibleCard = Array.from( - section.querySelectorAll(".project-card[data-category]"), - ).some((card) => !card.classList.contains("is-hidden")); - section.classList.toggle("is-hidden", !hasVisibleCard); - }); -} - -if (filterButtons.length && projectCards.length) { - filterButtons.forEach((button) => { - button.addEventListener("click", () => { - const selectedCategory = button.dataset.filterBtn; - - filterButtons.forEach((btn) => btn.classList.remove("active")); - button.classList.add("active"); - - projectCards.forEach((card) => { - const categories = card.dataset.category.split(" "); - const shouldShow = - selectedCategory === "all" || categories.includes(selectedCategory); - card.classList.toggle("is-hidden", !shouldShow); - }); - updateProjectSectionVisibility(); - }); - }); -} - -const modal = document.querySelector("[data-modal]"); -const modalImg = document.querySelector("[data-modal-img]"); -const modalClose = document.querySelector("[data-modal-close]"); -const certificatePreviewButtons = document.querySelectorAll("[data-cert]"); -let lastModalTrigger = null; -if (modal) modal.inert = true; - -function closeModal() { - if (!modal || !modalImg || !modal.classList.contains("is-open")) return; - modal.classList.remove("is-open"); - modal.setAttribute("aria-hidden", "true"); - modal.inert = true; - document.body.classList.remove("modal-open"); - modalImg.removeAttribute("src"); - modalImg.alt = "Certificate preview"; - lastModalTrigger?.focus(); -} - -if (modal && modalImg && certificatePreviewButtons.length) { - certificatePreviewButtons.forEach((button) => { - button.addEventListener("click", () => { - lastModalTrigger = button; - modalImg.src = button.dataset.cert; - modalImg.alt = button.dataset.certTitle || "Certificate preview"; - modal.classList.add("is-open"); - modal.inert = false; - modal.setAttribute("aria-hidden", "false"); - document.body.classList.add("modal-open"); - modalClose?.focus(); - }); - }); - - modal.addEventListener("click", (event) => { - if (event.target === modal) closeModal(); - }); - - if (modalClose) { - modalClose.addEventListener("click", closeModal); - } - - document.addEventListener("keydown", (event) => { - if (!modal.classList.contains("is-open")) return; - - if (event.key === "Escape") { - closeModal(); - } - - if (event.key === "Tab" && modalClose) { - event.preventDefault(); - modalClose.focus(); - } - }); -} - -const i18nTranslations = { - tr: { - Home: "Ana Sayfa", - Works: "Projeler", - Adventure: "Macera", - Experience: "Deneyim", - Certificates: "Sertifikalar", - About: "Hakkımda", - Request: "Talep", - Search: "Ara", - "Request a Project": "Proje Talebi Gönder", - "Project request": "Proje talebi", - "Tell me what you want to build.": "Ne geliştirmek istediğini anlat.", - "Fill out a short request form for AI workflows, automation, websites, dashboards or software projects. I will review the details and get back to you with the next steps.": - "AI iş akışları, otomasyon, web siteleri, dashboardlar veya yazılım projeleri için kısa talep formunu doldur. Detayları inceleyip sonraki adımlarla dönüş yapacağım.", - "How it works": "Nasıl çalışır", - "Simple request flow.": "Basit talep akışı.", - "Share the idea": "Fikri paylaş", - "Describe what you need, your goal, timeline and contact information.": - "Neye ihtiyacın olduğunu, hedefini, zaman planını ve iletişim bilgilerini anlat.", - "I review the scope": "Kapsamı incelerim", - "I check the technical direction, project type and possible next steps.": - "Teknik yönü, proje türünü ve olası sonraki adımları kontrol ederim.", - "You get a follow-up": "Geri dönüş alırsınız", - "After submission, I review your request and follow up using your preferred contact method.": - "Gönderimden sonra talebinizi inceler ve tercih ettiğiniz iletişim yöntemiyle geri dönüş yaparım.", - "Good for": "Uygun alanlar", - "For urgent requests, you can also use the email and LinkedIn buttons after submitting the form.": - "Acil talepler için formu gönderdikten sonra e-posta ve LinkedIn butonlarını da kullanabilirsin.", - "Full Name *": "Ad Soyad *", - "Your name": "Adın soyadın", - "Email *": "E-posta *", - "Phone / WhatsApp": "Telefon / WhatsApp", - "Company / Brand": "Şirket / Marka", - Optional: "İsteğe bağlı", - "Project Type *": "Proje Türü *", - "Select a project type": "Proje türü seç", - "AI workflow / chatbot flow": "AI workflow / chatbot akışı", - "Website / portfolio / landing page": - "Web sitesi / portfolyo / landing page", - "Automation / n8n-style workflow": "Otomasyon / n8n tarzı iş akışı", - "Dashboard / data analysis": "Dashboard / veri analizi", - "Mobile / game prototype": "Mobil / oyun prototipi", - "Other software request": "Diğer yazılım talebi", - "Estimated Budget": "Tahmini Bütçe", - "Not sure yet": "Henüz emin değilim", - "Small scope": "Küçük kapsam", - "Medium scope": "Orta kapsam", - "Large scope": "Büyük kapsam", - "Need consultation": "Danışmamız gerekiyor", - Timeline: "Zaman Planı", - Flexible: "Esnek", - "1-2 weeks": "1-2 hafta", - "1 month": "1 ay", - "Long-term collaboration": "Uzun vadeli iş birliği", - "Preferred Contact": "Tercih Edilen İletişim", - "Project Details *": "Proje Detayları *", - "What do you want to build? What problem should it solve?": - "Ne geliştirmek istiyorsun? Hangi problemi çözmeli?", - "I agree that this information can be used to contact me about my request.": - "Bu bilgilerin talebim hakkında benimle iletişime geçmek için kullanılmasını kabul ediyorum.", - "Send Request": "Talebi Gönder", - "Email Instead": "E-posta ile Gönder", - - "View Resume": "CV'yi Görüntüle", - "AI Designer & Software Developer": "AI Designer & Software Developer", - "I design conversational AI workflows and build software products that turn": - "Conversational AI iş akışları tasarlıyor ve", - "complex needs into practical systems.": - "karmaşık ihtiyaçları pratik sistemlere dönüştüren yazılım ürünleri geliştiriyorum.", - "My work connects conversational AI, solution engineering, LLM evaluation, workflow automation and user-centered software development. I focus on building clear, practical and maintainable digital systems.": - "Çalışmalarım conversational AI, solution engineering, LLM değerlendirme, workflow otomasyonu ve kullanıcı odaklı yazılım geliştirmeyi bir araya getiriyor. Net, pratik ve sürdürülebilir dijital sistemler geliştirmeye odaklanıyorum.", - "Academic, personal, freelance & team projects": - "Akademik, kişisel, freelance ve ekip projeleri", - "Conversational AI": "Conversational AI", - "Chatbot flows and enterprise AI workflows": - "Chatbot akışları ve kurumsal AI iş akışları", - "LLM Evaluation": "LLM Değerlendirme", - "Response, reasoning, code and multimodal assessment": - "Yanıt, akıl yürütme, kod ve multimodal değerlendirme", - "Workflow Automation": "Workflow Otomasyonu", - "Multi-step logic, integrations and operational flows": - "Çok adımlı mantık, entegrasyonlar ve operasyonel akışlar", - "Software Products": "Yazılım Ürünleri", - "Web, desktop, mobile and database-backed applications": - "Web, masaüstü, mobil ve veritabanı destekli uygulamalar", - "Conversational AI & Flow Design": "Conversational AI & Akış Tasarımı", - "Chatbot flows, intent and response logic, QA, fallback paths, IVR and multi-channel interaction design.": - "Chatbot akışları, intent ve yanıt mantığı, QA, fallback yolları, IVR ve çok kanallı etkileşim tasarımı.", - "Multi-step business logic, forms, integrations, notifications, data collection and operational workflows.": - "Çok adımlı iş mantığı, formlar, entegrasyonlar, bildirimler, veri toplama ve operasyonel iş akışları.", - "Digital Product & User Experience": "Dijital Ürün & Kullanıcı Deneyimi", - "Responsive interfaces, reservation journeys and user-centered products shaped around real operational needs.": - "Gerçek operasyonel ihtiyaçlara göre şekillenen responsive arayüzler, rezervasyon yolculukları ve kullanıcı odaklı ürünler.", - "Digital Product & UX": "Dijital Ürün & UX", - "Customer-facing interfaces, reservation journeys, product flows and practical user experience improvements.": - "Müşteriye dönük arayüzler, rezervasyon yolculukları, ürün akışları ve pratik kullanıcı deneyimi geliştirmeleri.", - "Building the studio’s website, reservation journey, automation workflows and digital product experience.": - "Stüdyonun web sitesini, rezervasyon yolculuğunu, otomasyon akışlarını ve dijital ürün deneyimini geliştiriyorum.", - "Contributed to enterprise chatbot QA, flow restructuring, multi-channel automation and an insurance claims intake POC.": - "Kurumsal chatbot QA, akış yeniden yapılandırma, çok kanallı otomasyon ve sigorta hasar başvuru POC çalışmalarına katkı sağladım.", - "Evaluated LLM responses, reasoning, code and multimodal outputs through structured quality-assessment tasks.": - "Yapılandırılmış kalite değerlendirme görevleriyle LLM yanıtlarını, akıl yürütmeyi, kod ve multimodal çıktıları değerlendirdim.", - "Atölye Joyday – Co-Founder & Digital Product Developer": - "Atölye Joyday – Kurucu Ortak & Dijital Ürün Geliştirici", - "A recruiter-focused case study covering enterprise chatbot QA, stabilization, flow restructuring and multi-channel workflow logic.": - "Kurumsal chatbot QA, stabilizasyon, akış yeniden yapılandırma ve çok kanallı workflow mantığını kapsayan recruiter odaklı case study.", - "A live n8n-inspired browser game demonstrating chatbot flow structure, fallback logic, validation and user journey thinking.": - "Chatbot akış yapısı, fallback mantığı, doğrulama ve kullanıcı yolculuğu düşüncesini gösteren canlı, n8n ilhamlı tarayıcı oyunu.", - "Play Live": "Canlı Oyna", - "A live customer-facing website with package-based reservation journeys, application forms and operational automation.": - "Paket bazlı rezervasyon yolculukları, başvuru formları ve operasyonel otomasyon içeren canlı, müşteriye dönük web sitesi.", - "A database-backed desktop appointment automation system with multi-form workflows and operational logic.": - "Çok formlu iş akışları ve operasyonel mantık içeren veritabanı destekli masaüstü randevu otomasyon sistemi.", - "A database-backed C# Windows Forms project demonstrating patient, doctor, secretary and appointment workflows.": - "Hasta, doktor, sekreter ve randevu iş akışlarını gösteren veritabanı destekli C# Windows Forms projesi.", - "View Source Archive": "Kaynak Arşivini Gör", - "Desktop Application": "Masaüstü Uygulama", - "Source Archive": "Kaynak Arşivi", - "A Python-based analysis project focused on processing, exploring and presenting insights from automotive data.": - "Otomotiv verilerini işleme, keşfetme ve içgörüleri sunmaya odaklanan Python tabanlı analiz projesi.", - "Co-Founder & Digital Product Developer": - "Kurucu Ortak & Dijital Ürün Geliştirici", - "AI Training Specialist — Freelance / Project-Based": - "AI Eğitim Uzmanı — Freelance / Proje Bazlı", - "Software Development Intern": "Yazılım Geliştirme Stajyeri", - "Event Operations Supervisor — Part-Time": - "Etkinlik Operasyonları Süpervizörü — Yarı Zamanlı", - "Event Operations Specialist — Part-Time": - "Etkinlik Operasyonları Uzmanı — Yarı Zamanlı", - "Co-founded a creative workshop studio and developed its digital product and operational experience. Built the responsive website, package-based reservation journey, application forms and automated notification workflows using HTML, CSS, JavaScript, Google Forms, Google Sheets and Apps Script.": - "Yaratıcı bir workshop stüdyosunun kurucu ortağı oldum ve dijital ürün ile operasyon deneyimini geliştirdim. HTML, CSS, JavaScript, Google Forms, Google Sheets ve Apps Script kullanarak responsive web sitesini, paket bazlı rezervasyon yolculuğunu, başvuru formlarını ve otomatik bildirim akışlarını oluşturdum.", - "Worked on enterprise conversational AI projects across banking, insurance, municipal services and employee benefits. Contributed to live-chat QA, chatbot stabilization, channel configuration, large-scale flow restructuring and multi-channel automation processes. Designed, built, tested and presented an insurance claims intake POC involving voice interaction, phone verification, WhatsApp handoff, photo and document collection, and workflow coordination.": - "Bankacılık, sigorta, belediye hizmetleri ve çalışan yan hakları alanlarındaki kurumsal conversational AI projelerinde çalıştım. Live-chat QA, chatbot stabilizasyonu, kanal yapılandırması, büyük ölçekli akış yeniden yapılandırma ve çok kanallı otomasyon süreçlerine katkı sağladım. Sesli etkileşim, telefon doğrulama, WhatsApp aktarımı, fotoğraf ve belge toplama ile workflow koordinasyonu içeren bir sigorta hasar başvuru POC’sini tasarladım, geliştirdim, test ettim ve sundum.", - "Evaluated LLM responses, reasoning, code outputs and multimodal interactions through structured AI training and quality-assessment tasks, focusing on correctness, clarity, instruction following and user relevance.": - "Yapılandırılmış AI eğitim ve kalite değerlendirme görevleriyle LLM yanıtlarını, akıl yürütmeyi, kod çıktılarını ve multimodal etkileşimleri; doğruluk, açıklık, talimat takibi ve kullanıcıya uygunluk açısından değerlendirdim.", - "Developed a web-based event-management dashboard using PHP, JavaScript, HTML, CSS and MySQL. Built a database-backed interface for event creation, editing, tracking and reporting during a software development internship.": - "Yazılım geliştirme stajı sırasında PHP, JavaScript, HTML, CSS ve MySQL kullanarak web tabanlı bir etkinlik yönetim paneli geliştirdim; etkinlik oluşturma, düzenleme, takip ve raporlama için veritabanı destekli bir arayüz oluşturdum.", - "Coordinated on-site event operations, team supervision, logistics, customer experience and time-sensitive execution for congresses, seminars, corporate meetings and product launches.": - "Kongre, seminer, kurumsal toplantı ve ürün lansmanlarında saha operasyonları, ekip yönetimi, lojistik, müşteri deneyimi ve zaman kritik uygulama süreçlerini koordine ettim.", - "Supported event logistics, on-site coordination, task distribution and team supervision in fast-paced corporate event environments.": - "Hızlı tempolu kurumsal etkinlik ortamlarında lojistik, saha koordinasyonu, görev dağılımı ve ekip yönetimini destekledim.", - "Activities & Industry Events": "Aktiviteler & Sektör Etkinlikleri", - "Additional learning, competition and community experience.": - "Ek öğrenme, yarışma ve topluluk deneyimi.", - "These activities support my technical development but are separate from the professional experience timeline.": - "Bu aktiviteler teknik gelişimimi destekliyor ancak profesyonel deneyim zaman çizelgesinden ayrı tutuluyor.", - "Led a four-person team during a 24-hour competition, supporting game mechanics, Git workflows and rapid Unreal Engine prototyping. The team placed 4th among 15 teams.": - "24 saatlik yarışmada dört kişilik ekibe liderlik ettim; oyun mekanikleri, Git iş akışları ve hızlı Unreal Engine prototiplemesini destekledim. Ekip 15 takım arasında 4. oldu.", - "Attended game-industry sessions focused on development tools, game economy and studio operations, expanding practical industry awareness and professional connections.": - "Geliştirme araçları, oyun ekonomisi ve stüdyo operasyonlarına odaklanan sektör oturumlarına katılarak pratik sektör farkındalığımı ve profesyonel bağlantılarımı geliştirdim.", - "Building practical AI workflows and user-centered software products.": - "Pratik AI iş akışları ve kullanıcı odaklı yazılım ürünleri geliştiriyorum.", - "I am an AI Designer and Software Developer focused on conversational AI, workflow automation, LLM evaluation and user-centered software products. My background combines software development with AI flow design, product thinking and practical digital operations.": - "Conversational AI, workflow otomasyonu, LLM değerlendirme ve kullanıcı odaklı yazılım ürünlerine odaklanan bir AI Designer ve Software Developer’ım. Yazılım geliştirme altyapımı AI akış tasarımı, ürün düşüncesi ve pratik dijital operasyon deneyimiyle birleştiriyorum.", - "At CBOT, I worked on enterprise conversational AI projects involving chatbot QA, flow restructuring, multi-channel automation and an insurance claims intake POC. My work included testing, stabilization, channel configuration, voice and WhatsApp transitions, document collection and multi-step workflow logic.": - "CBOT’ta chatbot QA, akış yeniden yapılandırma, çok kanallı otomasyon ve sigorta hasar başvuru POC’si içeren kurumsal conversational AI projelerinde çalıştım. Çalışmalarım test, stabilizasyon, kanal yapılandırması, ses ve WhatsApp geçişleri, belge toplama ve çok adımlı workflow mantığını kapsadı.", - "Through project-based AI training work, I evaluated LLM responses, reasoning, code and multimodal outputs. As a co-founder of Atölye Joyday, I also built a live website, package-based reservation journey and automated operational workflows for a real customer-facing business.": - "Proje bazlı AI eğitim çalışmalarında LLM yanıtlarını, akıl yürütmeyi, kod ve multimodal çıktıları değerlendirdim. Atölye Joyday’in kurucu ortağı olarak gerçek müşterilere hizmet veren bir işletme için canlı web sitesi, paket bazlı rezervasyon yolculuğu ve otomatik operasyon akışları geliştirdim.", - "I am currently interested in AI Designer, Conversational AI, Solution Engineering, LLM Evaluation, Workflow Automation and software development opportunities.": - "AI Designer, Conversational AI, Solution Engineering, LLM Evaluation, Workflow Automation ve yazılım geliştirme fırsatlarıyla ilgileniyorum.", - "Event operations foundations": "Etkinlik operasyonları temeli", - "Built practical experience in logistics, on-site coordination, team supervision and time-sensitive execution.": - "Lojistik, saha koordinasyonu, ekip yönetimi ve zaman kritik uygulama süreçlerinde pratik deneyim kazandım.", - "Digital product ownership": "Dijital ürün sahipliği", - "Co-founded Atölye Joyday and built its website, reservation journey and operational automation workflows.": - "Atölye Joyday’in kurucu ortağı oldum; web sitesini, rezervasyon yolculuğunu ve operasyonel otomasyon akışlarını geliştirdim.", - "Digital Products & Additional Capabilities": - "Dijital Ürünler & Ek Yetkinlikler", - "Responsive websites and user journeys": - "Responsive web siteleri ve kullanıcı yolculukları", - "Reservation and application workflows": "Rezervasyon ve başvuru akışları", - "Interactive web and game prototypes": - "İnteraktif web ve oyun prototipleri", - "View Projects": "Projeleri Gör", - "Contact Me": "İletişime Geç", - "Open GitHub": "GitHub'da Aç", - "Open Website": "Siteyi Aç", - "View Experience": "Deneyimi Gör", - "View Details": "Detayları Gör", - "Online Form": "Online Form", - "If you prefer Google Forms, you can use the Online Form option as an alternative.": - "Google Forms üzerinden doldurmayı tercih edersen alternatif olarak Online Form seçeneğini kullanabilirsin.", - "Project Detail": "Proje Detayı", - "Loading project...": "Proje yükleniyor...", - "Please wait while the selected project details are prepared.": - "Seçilen proje detayları hazırlanırken lütfen bekle.", - "See Experience": "Deneyimi Gör", - "View All Works": "Tüm Projeleri Gör", - "Send Email": "E-posta Gönder", - LinkedIn: "LinkedIn", - Contact: "İletişim", - "Get in Touch": "İletişime Geç", - "Company Website": "Şirket Sitesi", - "Event Page": "Etkinlik Sayfası", - "Event Website": "Etkinlik Sitesi", - "AI Designer & Software Developer building practical AI workflows and scalable software systems.": - "Pratik AI iş akışları ve ölçeklenebilir yazılım sistemleri geliştiren AI Designer & Software Developer.", - "Kaan Balcı. All rights reserved.": "Kaan Balcı. Tüm hakları saklıdır.", - "AI Designer • Software Developer • Automation Builder": - "AI Designer • Software Developer • Otomasyon Geliştirici", - "I design AI workflows and build software products that turn ideas into": - "AI iş akışları tasarlıyor ve fikirleri", - "scalable systems.": - "ölçeklenebilir sistemlere dönüştüren yazılım ürünleri geliştiriyorum.", - "I am a result-oriented AI Designer and Software Developer with hands-on experience across AI, automation, backend systems, responsive web/mobile development, and game development. I focus on practical AI workflows, chatbot logic, clean software architecture, and product-oriented solutions.": - "AI, otomasyon, backend sistemleri, responsive web/mobil geliştirme ve oyun geliştirme alanlarında uygulamalı deneyime sahip, sonuç odaklı bir AI Designer ve Software Developer'ım. Pratik AI iş akışları, chatbot mantığı, temiz yazılım mimarisi ve ürün odaklı çözümler üzerine çalışıyorum.", - "Available for AI & Software roles": "AI & Software rolleri için uygun", - "Istanbul / Remote": "İstanbul / Remote", - Projects: "Proje", - "CBOT AI Designer experience": "CBOT AI Designer deneyimi", - "Chatbot, IVR and automation workflows": - "Chatbot, IVR ve otomasyon iş akışları", - "Web, backend, mobile and game systems": - "Web, backend, mobil ve oyun sistemleri", - "What I do": "Neler yapıyorum", - "From AI workflows to working software.": - "AI iş akışlarından çalışan yazılım ürünlerine.", - "I combine software logic, automation thinking, and practical AI experience to design systems that are clear, usable, and maintainable.": - "Net, kullanılabilir ve sürdürülebilir sistemler tasarlamak için yazılım mantığını, otomasyon bakış açısını ve pratik AI deneyimini birleştiriyorum.", - "AI Workflow Design": "AI İş Akışı Tasarımı", - "Chatbot flows, prompt logic, response quality evaluation, IVR and multi-channel automation design.": - "Chatbot akışları, prompt mantığı, yanıt kalitesi değerlendirmesi, IVR ve çok kanallı otomasyon tasarımı.", - "Software Development": "Yazılım Geliştirme", - "Backend logic, C#/.NET automation, Python workflows, PHP/MySQL systems and clean web interfaces.": - "Backend mantığı, C#/.NET otomasyonları, Python iş akışları, PHP/MySQL sistemleri ve temiz web arayüzleri.", - "Web & Mobile Products": "Web & Mobil Ürünler", - "Responsive websites, reservation flows, Android apps, data collection systems and product interfaces.": - "Responsive web siteleri, rezervasyon akışları, Android uygulamaları, veri toplama sistemleri ve ürün arayüzleri.", - "Game Development": "Oyun Geliştirme", - "Unity and Unreal Engine projects using C#, C++, Blueprints, gameplay systems and OOP principles.": - "C#, C++, Blueprints, gameplay sistemleri ve OOP prensipleriyle Unity ve Unreal Engine projeleri.", - "Recent experience": "Son deneyimler", - "AI, automation and product-focused work.": - "AI, otomasyon ve ürün odaklı çalışmalar.", - "My recent work is centered around AI-powered chatbot systems, LLM evaluation, automation flows, and real business websites.": - "Son çalışmalarım AI destekli chatbot sistemleri, LLM değerlendirme, otomasyon akışları ve gerçek işletme web siteleri üzerine yoğunlaşıyor.", - "Contributed to enterprise chatbot QA, flow restructuring, multi-channel automation and an insurance claims intake POC.": - "Kurumsal chatbot QA, akış yeniden yapılandırma, çok kanallı otomasyon ve sigorta hasar başvuru POC çalışmalarına katkı sağladım.", - "Evaluated LLM responses, reasoning, code and multimodal outputs through structured quality-assessment tasks.": - "Yapılandırılmış kalite değerlendirme görevleriyle LLM yanıtlarını, akıl yürütmeyi, kod ve multimodal çıktıları değerlendirdim.", - "Built the studio website and digital reservation workflow for package selection and customer tracking.": - "Paket seçimi ve müşteri takibi için stüdyo web sitesini ve dijital rezervasyon akışını geliştirdim.", - "Featured works": "Öne çıkan projeler", - "Selected projects with real product value.": - "Gerçek ürün değeri taşıyan seçili projeler.", - "A focused selection of AI, web, data, mobile and game projects that best represent my technical direction.": - "Teknik yönümü en iyi temsil eden AI, web, veri, mobil ve oyun projelerinden seçilmiş odaklı bir liste.", - "Mobile Game": "Mobil Oyun", - "A hyper-casual 3D mobile driving simulation game focused on score, reflexes and obstacle navigation.": - "Skor, refleks ve engellerden kaçınma üzerine kurulu hyper-casual 3D mobil sürüş simülasyonu.", - "A Windows Forms hospital appointment automation system with a complex multi-form structure.": - "Karmaşık çok formlu yapıya sahip Windows Forms hastane randevu otomasyon sistemi.", - "Cars Dataset Analysis": "Cars Veri Seti Analizi", - "A Python-based data analysis project exploring insights from the Cars dataset.": - "Cars veri setinden içgörüler çıkarmaya odaklanan Python tabanlı veri analizi projesi.", - "Let’s build something useful": "Gel işe yarar bir şey geliştirelim", - "Looking for an AI Designer or Software Developer?": - "AI Designer veya Software Developer mı arıyorsunuz?", - "I can contribute to AI workflow design, chatbot systems, automation logic, web products, backend tools and software development teams.": - "AI iş akışı tasarımı, chatbot sistemleri, otomasyon mantığı, web ürünleri, backend araçları ve yazılım geliştirme ekiplerine katkı sağlayabilirim.", - Portfolio: "Portfolyo", - "Works that show my range across AI, software and games.": - "AI, yazılım ve oyun alanlarındaki genişliğimi gösteren projeler.", - "A curated project catalog designed for recruiters and technical teams to quickly understand what I build, which technologies I use, and how each project fits into my long-term direction.": - "Recruiter'ların ve teknik ekiplerin ne geliştirdiğimi, hangi teknolojileri kullandığımı ve projelerin uzun vadeli yönüme nasıl oturduğunu hızlıca anlaması için hazırlanmış seçili proje kataloğu.", - All: "Tümü", - "AI & Automation": "AI & Otomasyon", - Web: "Web", - Game: "Oyun", - Mobile: "Mobil", - "Data / Backend": "Veri / Backend", - "AI Chatbot Flow Design": "AI Chatbot Akış Tasarımı", - "Enterprise conversational AI experience covering chatbot QA, stabilization, flow restructuring and multi-channel workflow logic.": - "Chatbot QA, stabilizasyon, akış yeniden yapılandırma ve çok kanallı workflow mantığını kapsayan kurumsal conversational AI deneyimi.", - - "Business website and digital reservation workflow for package selection, customer data collection and operational tracking.": - "Paket seçimi, müşteri veri toplama ve operasyon takibi için işletme web sitesi ve dijital rezervasyon akışı.", - "A hyper-casual 3D mobile driving simulation game focused on obstacle avoidance, score and reflex-based gameplay.": - "Engellerden kaçınma, skor ve refleks odaklı oynanışa sahip hyper-casual 3D mobil sürüş simülasyonu.", - "A 2D physics-based projectile game inspired by precision aiming, tower destruction and strategic shots.": - "Hassas nişan alma, kule yıkımı ve stratejik atışlardan ilham alan 2D fizik tabanlı fırlatma oyunu.", - "A Unity learning project containing multiple scenes, each focused on different gameplay fundamentals and mechanics.": - "Her biri farklı gameplay temellerine ve mekaniklere odaklanan çok sahneli Unity öğrenme projesi.", - "A third-person action shooter prototype with enemy AI, health management and combat-focused gameplay systems.": - "Düşman AI, sağlık yönetimi ve savaş odaklı gameplay sistemleri içeren üçüncü şahıs aksiyon shooter prototipi.", - "A third-person tank combat game prototype built with Unreal Engine, Blueprints, C++ and physics-based gameplay.": - "Unreal Engine, Blueprints, C++ ve fizik tabanlı gameplay ile geliştirilen üçüncü şahıs tank savaş oyunu prototipi.", - "A comprehensive appointment automation system written in C# with MSSQL and a complex multi-form structure.": - "C# ve MSSQL ile geliştirilmiş, karmaşık çok formlu yapıya sahip kapsamlı randevu otomasyon sistemi.", - "A Python-based dataset analysis project built to explore, process and present insights from automotive data.": - "Otomotiv verilerini keşfetmek, işlemek ve içgörü sunmak için geliştirilmiş Python tabanlı veri analizi projesi.", - "A JavaScript weather application that fetches forecast data and presents location-based weather information.": - "Hava durumu verilerini çeken ve konuma göre hava bilgisi sunan JavaScript uygulaması.", - "More code": "Daha fazla kod", - "Want to inspect the full repository list?": - "Tüm repository listesini incelemek ister misin?", - "My GitHub contains additional learning projects, school projects, experiments and archived builds.": - "GitHub hesabımda ek öğrenme projeleri, okul projeleri, deneyler ve arşivlenmiş çalışmalar bulunuyor.", - "Professional timeline shaped by AI, software, operations and product thinking.": - "AI, yazılım, operasyon ve ürün düşüncesiyle şekillenen profesyonel zaman çizelgesi.", - "I have worked across AI workflows, software development, event operations and entrepreneurship. This combination helps me understand both technical systems and real business processes.": - "AI iş akışları, yazılım geliştirme, etkinlik operasyonları ve girişimcilik alanlarında çalıştım. Bu kombinasyon hem teknik sistemleri hem de gerçek iş süreçlerini anlamamı sağlıyor.", - "Core direction": "Ana yönelim", - "My current career direction is AI Designer / Software Developer roles where I can design chatbot systems, automate workflows, evaluate LLM quality, and build useful software products.": - "Güncel kariyer yönelimim; chatbot sistemleri tasarlayabileceğim, iş akışlarını otomatikleştirebileceğim, LLM kalitesini değerlendirebileceğim ve faydalı yazılım ürünleri geliştirebileceğim AI Designer / Software Developer rolleri.", - "Istanbul | Sep 2025 – Oct 2025": "İstanbul | Eyl 2025 – Eki 2025", - - "n8n-based Logic": "n8n Tabanlı Mantık", - "Enterprise Chatbots": "Kurumsal Chatbotlar", - "Remote | Apr 2025 – Aug 2025": "Remote | Nis 2025 – Ağu 2025", - "Evaluated and improved AI-generated responses, voice interactions, prompts, and code outputs for modern LLM workflows. Focused on response quality assessment, reasoning accuracy, multimodal interaction review, and code output validation.": - "Modern LLM iş akışları için AI tarafından üretilen yanıtları, sesli etkileşimleri, promptları ve kod çıktılarını değerlendirdim ve iyileştirdim. Yanıt kalitesi, akıl yürütme doğruluğu, multimodal etkileşim ve kod çıktısı doğrulamasına odaklandım.", - "Prompt Review": "Prompt İnceleme", - "Code QA": "Kod QA", - "AI Quality": "AI Kalitesi", - "Istanbul | 2026 – Present": "İstanbul | 2026 – Günümüz", - "Co-founded a creative workshop studio offering action painting, creative drama, workshops, and private event experiences. Designed and developed the official website using HTML, CSS, JavaScript, and responsive web design principles while building a digital reservation workflow for package selection, customer data collection, and operational tracking.": - "Action painting, yaratıcı drama, workshoplar ve özel etkinlik deneyimleri sunan yaratıcı atölyenin kurucu ortaklarından biri oldum. HTML, CSS, JavaScript ve responsive web tasarım prensipleriyle resmi web sitesini tasarlayıp geliştirdim; paket seçimi, müşteri veri toplama ve operasyon takibi için dijital rezervasyon akışı kurdum.", - Entrepreneurship: "Girişimcilik", - Website: "Web Sitesi", - "Reservation Flow": "Rezervasyon Akışı", - Operations: "Operasyon", - Database: "Veritabanı", - "Izmir | Jul 2024 – Sep 2024": "İzmir | Tem 2024 – Eyl 2024", - "Built a web-based event tracking dashboard using PHP, JavaScript, HTML, CSS, and MySQL. Applied academic knowledge in a real-world context and gained hands-on experience in full-stack development and database management.": - "PHP, JavaScript, HTML, CSS ve MySQL kullanarak web tabanlı etkinlik takip dashboard'u geliştirdim. Akademik bilgimi gerçek iş ortamında uyguladım; full-stack geliştirme ve veritabanı yönetiminde uygulamalı deneyim kazandım.", - "Punto Organization – Event Operations Supervisor": - "Punto Organization – Event Operations Supervisor", - Leadership: "Liderlik", - "Client Management": "Müşteri Yönetimi", - "Istanbul | Jan 2020 – Jun 2022": "İstanbul | Oca 2020 – Haz 2022", - "Web Content": "Web İçeriği", - "Team Management": "Ekip Yönetimi", - "Izmir University of Economics | Dec 2023": - "İzmir Ekonomi Üniversitesi | Ara 2023", - "Gameathon – Game Development Hackathon": - "Gameathon – Oyun Geliştirme Hackathon'u", - "Led a team during a 24-hour game development competition. Focused on game logic, design, and presentation using visual scripting tools. Ranked 4th out of 15 teams.": - "24 saatlik oyun geliştirme yarışmasında ekibe liderlik ettim. Görsel scripting araçlarıyla oyun mantığı, tasarım ve sunuma odaklandım. 15 takım arasında 4. olduk.", - "Game Design": "Oyun Tasarımı", - "Team Lead": "Takım Liderliği", - "Izmir – May 2022 | Istanbul – Sep 2022": - "İzmir – May 2022 | İstanbul – Eyl 2022", - "Mobidictum Conference": "Mobidictum Konferansı", - "Participated in Turkey’s leading game development conferences, attended sessions on game economy, development tools, and studio management, and expanded my professional network in the game industry.": - "Türkiye'nin önde gelen oyun geliştirme konferanslarına katıldım; oyun ekonomisi, geliştirme araçları ve stüdyo yönetimi oturumlarını takip ederek oyun sektöründeki profesyonel ağımı genişlettim.", - "Game Industry": "Oyun Sektörü", - Networking: "Network", - Conference: "Konferans", - "Software logic, AI workflows and product thinking in one profile.": - "Yazılım mantığı, AI iş akışları ve ürün düşüncesi tek profilde.", - "I am building a career at the intersection of artificial intelligence, automation and software development. My strength is combining technical execution with practical business understanding.": - "Yapay zeka, otomasyon ve yazılım geliştirmenin kesişiminde bir kariyer inşa ediyorum. Güçlü tarafım teknik uygulamayı pratik iş anlayışıyla birleştirmek.", - "AI Designer & Software Developer": "AI Designer & Software Developer", - "Istanbul / Turkey": "İstanbul / Türkiye", - "Professional profile": "Profesyonel profil", - "Result-oriented developer focused on intelligent and scalable systems.": - "Akıllı ve ölçeklenebilir sistemlere odaklanan sonuç odaklı geliştirici.", - "My long-term goal is to build intelligent, scalable and impactful products that combine strong software architecture with practical AI capabilities.": - "Uzun vadeli hedefim güçlü yazılım mimarisini pratik AI yetenekleriyle birleştiren akıllı, ölçeklenebilir ve etkili ürünler geliştirmek.", - "Email Me": "E-posta Gönder", - "Capability map": "Yetkinlik haritası", - "The areas I can contribute to.": "Katkı sağlayabileceğim alanlar.", - "I can work across product logic, automation design, backend implementation, web interfaces and AI quality workflows.": - "Ürün mantığı, otomasyon tasarımı, backend geliştirme, web arayüzleri ve AI kalite iş akışlarında çalışabilirim.", - "Chatbot flow design": "Chatbot akışı tasarımı", - "n8n-based automation logic": "n8n tabanlı otomasyon mantığı", - "LLM response evaluation": "LLM yanıt değerlendirmesi", - "Prompt and code output review": "Prompt ve kod çıktısı inceleme", - "IVR and multi-channel flow awareness": - "IVR ve çok kanallı akış farkındalığı", - "Python data analysis and automation": "Python veri analizi ve otomasyon", - "C#/.NET Windows Forms systems": "C#/.NET Windows Forms sistemleri", - "PHP and MySQL web systems": "PHP ve MySQL web sistemleri", - "JavaScript interfaces": "JavaScript arayüzleri", - "Database design and dashboards": "Veritabanı tasarımı ve dashboardlar", - "Web, Mobile & Games": "Web, Mobil & Oyun", - "Responsive websites": "Responsive web siteleri", - "Android apps with Java/Kotlin": "Java/Kotlin ile Android uygulamaları", - "Unity development with C#": "C# ile Unity geliştirme", - "Unreal Engine with C++ and Blueprints": - "C++ ve Blueprints ile Unreal Engine", - "Product-oriented project presentation": "Ürün odaklı proje sunumu", - "How I work": "Nasıl çalışıyorum", - "I prefer clear requirements, testable logic and usable output.": - "Net gereksinimler, test edilebilir mantık ve kullanılabilir çıktı tercih ederim.", - "Whether it is a chatbot flow, a dashboard, a website or a game mechanic, my process is to understand the user, structure the logic, build the system and refine it through testing.": - "İster chatbot akışı, ister dashboard, ister web sitesi ya da oyun mekaniği olsun; sürecim kullanıcıyı anlamak, mantığı yapılandırmak, sistemi kurmak ve testlerle geliştirmek üzerine kurulu.", - "Understand the goal": "Hedefi anla", - "Clarify the user need, business requirement, data source and expected result.": - "Kullanıcı ihtiyacını, iş gereksinimini, veri kaynağını ve beklenen sonucu netleştir.", - "Design the logic": "Mantığı tasarla", - "Map the flow, system structure, edge cases and core interaction path.": - "Akışı, sistem yapısını, edge case'leri ve temel etkileşim yolunu haritala.", - "Build and improve": "Geliştir ve iyileştir", - "Implement, test, refine and keep the output maintainable for real usage.": - "Uygula, test et, iyileştir ve çıktıyı gerçek kullanım için sürdürülebilir tut.", - Toolbox: "Araç Kutusu", - "Technologies I use.": "Kullandığım teknolojiler.", - Languages: "Diller", - "Python, C#, JavaScript, PHP, Java, Kotlin, C++": - "Python, C#, JavaScript, PHP, Java, Kotlin, C++", - "ChatGPT, Gemini, LLaMA, Claude, Grok, n8n, AI Flow, prompt evaluation": - "ChatGPT, Gemini, LLaMA, Claude, Grok, n8n, AI Flow, prompt değerlendirme", - Databases: "Veritabanları", - "MySQL, MSSQL, SQLite, Firebase, Google Sheets workflows": - "MySQL, MSSQL, SQLite, Firebase, Google Sheets iş akışları", - "Game Engines": "Oyun Motorları", - "Unity, Unreal Engine, Blueprints, OOP, gameplay logic": - "Unity, Unreal Engine, Blueprints, OOP, gameplay mantığı", - "Continuous learning across software, game development and networking.": - "Yazılım, oyun geliştirme ve networking alanlarında sürekli öğrenme.", - "A cleaner certificate gallery grouped into modern cards. Click any certificate to preview it in a larger view.": - "Modern kartlara ayrılmış daha temiz bir sertifika galerisi. Herhangi bir sertifikaya tıklayarak büyük önizleme açabilirsin.", - "Web Design": "Web Tasarım", - "Linux Essentials": "Linux Essentials", - "Network Essentials": "Network Essentials", - "Packet Tracer": "Packet Tracer", - }, -}; - -Object.assign(i18nTranslations.tr, { - "Available for roles": "Roller için uygun", - "Recruiter Mode": "İK Modu", - "Milestone journey": "Dönüm noktaları", - "From operations to AI-driven software products.": - "Operasyondan AI odaklı yazılım ürünlerine.", - "My background combines field operations, software projects, AI workflow design and real business product experience.": - "Geçmişim saha operasyonları, yazılım projeleri, AI iş akışı tasarımı ve gerçek işletme ürün deneyimini birleştiriyor.", - "Worked on event operations, team coordination and digital content responsibilities.": - "Etkinlik operasyonları, ekip koordinasyonu ve dijital içerik sorumlulukları üzerinde çalıştım.", - "Software foundations": "Yazılım temelleri", - "Built university and personal projects across Java, Python, web interfaces and databases.": - "Java, Python, web arayüzleri ve veritabanları alanlarında üniversite ve kişisel projeler geliştirdim.", - "Backend, data and game systems": "Backend, veri ve oyun sistemleri", - "Focused on C#, MSSQL, Python data analysis and Unreal Engine / Unity prototypes.": - "C#, MSSQL, Python veri analizi ve Unreal Engine / Unity prototiplerine odaklandım.", - "AI Designer direction": "AI Designer yönelimi", - "Worked on chatbot flows, AI Flow logic, IVR awareness and LLM response quality evaluation.": - "Chatbot akışları, AI Flow mantığı, IVR farkındalığı ve LLM yanıt kalitesi değerlendirmesi üzerinde çalıştım.", - "Real product ownership": "Gerçek ürün sahipliği", - "Built Atölye Joyday web and reservation workflows while shaping a stronger AI portfolio.": - "Daha güçlü bir AI portföyü oluştururken Atölye Joyday web ve rezervasyon akışlarını geliştirdim.", - "This route is not deployed yet.": "Bu rota henüz yayında değil.", - "The page you are looking for may have moved, but the portfolio is still online. Use the shortcuts below or ask Ajoop.": - "Aradığın sayfa taşınmış olabilir ama portfolyo hâlâ yayında. Aşağıdaki kısayolları kullanabilir veya Ajoop'a sorabilirsin.", - "Go Home": "Ana Sayfaya Git", - "View Works": "Projeleri Gör", - "Ask Ajoop": "Ajoop'a Sor", - "Copy Project Link": "Proje Linkini Kopyala", - Copied: "Kopyalandı", -}); - -Object.assign(i18nTranslations.tr, { - "Algorithmic 3D lab": "Algoritmik 3D laboratuvarı", - "Drag the model and see code turn math into motion.": - "Modeli sürükle ve kodun matematiği harekete dönüştürmesini gör.", - "A lightweight canvas demo built with vanilla JavaScript. The shape is generated from a triangular parametric mesh and rendered with perspective projection, depth sorting and mouse-controlled rotation.": - "Vanilla JavaScript ile geliştirilmiş hafif bir canvas demosu. Şekil üçgensel parametrik mesh üzerinden üretilir; perspektif projeksiyon, derinlik sıralama ve mouse kontrollü dönüşle çizilir.", - "Drag to rotate • Scroll to zoom": - "Döndürmek için sürükle • Yakınlaşmak için kaydır", - "Vanilla JS": "Vanilla JS", - "Triangular surface generated by an algorithm.": - "Algoritma ile üretilen üçgensel yüzey.", - "The mesh is calculated with barycentric coordinates, animated through a wave function and projected onto the canvas without any external 3D library.": - "Mesh barycentric koordinatlarla hesaplanır, dalga fonksiyonu ile animasyonlanır ve harici 3D kütüphane olmadan canvas üzerine projekte edilir.", - Canvas: "Canvas", - "3D Projection": "3D Projeksiyon", - "Parametric Mesh": "Parametrik Mesh", - "Mouse Interaction": "Mouse Etkileşimi", -}); -Object.assign(i18nTranslations.tr, { - "Selected Work": "Seçili Projeler", - "Projects across AI, automation and software products.": - "AI, otomasyon ve yazılım ürünleri alanındaki projeler.", - "A focused selection of projects that demonstrate my work in conversational AI, workflow automation, software development, digital products and interactive systems.": - "Conversational AI, workflow otomasyonu, yazılım geliştirme, dijital ürünler ve interaktif sistemler alanındaki çalışmalarımı gösteren seçili bir proje koleksiyonu.", - "Selected Projects": "Seçili Projeler", - "Additional Projects": "Ek Projeler", - "Project Archive & Learning Builds": "Proje Arşivi ve Öğrenme Çalışmaları", - "Focused evidence across AI, software and digital products.": - "AI, yazılım ve dijital ürünler alanındaki odaklı çalışmalar.", - "More product, database and interactive work.": - "Diğer ürün, veritabanı ve interaktif çalışmalar.", - "Earlier university projects, technical exercises and small prototypes that document my learning process.": - "Öğrenme sürecimi belgeleyen önceki üniversite projeleri, teknik alıştırmalar ve küçük prototipler.", - Software: "Yazılım", - "Web & Product": "Web & Ürün", - Data: "Veri", - "Games & Interactive": "Oyunlar & İnteraktif", - Live: "Canlı", - Completed: "Tamamlandı", - Prototype: "Prototip", - "Learning Project": "Öğrenme Projesi", - Archive: "Arşiv", - "Play Live": "Canlı Oyna", - "Open GitHub": "GitHub'da Aç", - "Open Live Website": "Canlı Siteyi Aç", - "AI & Interactive": "AI & İnteraktif", - "AI Flow Puzzle": "AI Flow Puzzle", - "MyMuseum — Mobile Content App": "MyMuseum — Mobil İçerik Uygulaması", - "A case study based on enterprise conversational AI work involving chatbot QA, stabilization, large-scale flow restructuring, channel configuration and multi-channel automation logic.": - "Chatbot QA, stabilizasyon, büyük ölçekli akış yeniden yapılandırma, kanal yapılandırması ve çok kanallı otomasyon mantığını kapsayan kurumsal conversational AI çalışmalarına dayalı bir vaka çalışması.", - "A live n8n-inspired browser experience demonstrating chatbot flow structure, node validation, fallback paths and user journey thinking.": - "Chatbot akış yapısını, node doğrulamasını, fallback yollarını ve kullanıcı yolculuğu düşüncesini gösteren n8n ilhamlı canlı tarayıcı deneyimi.", - "A live digital product for a creative workshop studio combining service presentation, package-based reservation journeys, automated notifications and operational workflows.": - "Hizmet sunumu, paket bazlı rezervasyon yolculukları, otomatik bildirimler ve operasyonel akışları birleştiren yaratıcı atölye stüdyosu için canlı dijital ürün.", - "A C#/.NET Windows Forms application designed to manage hospital appointment and operational workflows through a database-backed multi-form structure.": - "Veritabanı destekli çok formlu yapı üzerinden hastane randevu ve operasyon akışlarını yönetmek için tasarlanmış C#/.NET Windows Forms uygulaması.", - "A Python and Tkinter hospital appointment application with patient, doctor and staff workflows, appointment-slot logic and MySQL-backed data operations.": - "Hasta, doktor ve personel akışları, randevu slot mantığı ve MySQL destekli veri işlemleri içeren Python ve Tkinter hastane randevu uygulaması.", - "A Python data project combining exploratory analysis and visualization with a small linear-regression experiment for car-price estimation.": - "Keşifsel analiz ve görselleştirmeyi araç fiyatı tahmini için küçük bir doğrusal regresyon deneyiyle birleştiren Python veri projesi.", - "A first-person environmental puzzle prototype featuring object manipulation, pressure plates, physics-based interactions and modular level design.": - "Nesne manipülasyonu, basınç plakaları, fizik tabanlı etkileşimler ve modüler bölüm tasarımı içeren birinci şahıs çevresel bulmaca prototipi.", - "An Android content-sharing application built with Kotlin and Firebase around mobile user flows and database-backed interactions.": - "Mobil kullanıcı akışları ve veritabanı destekli etkileşimler etrafında Kotlin ve Firebase ile geliştirilen Android içerik paylaşım uygulaması.", - "A PHP and MySQL based administration dashboard with database-backed management screens and operational control flows.": - "Veritabanı destekli yönetim ekranları ve operasyonel kontrol akışları içeren PHP ve MySQL tabanlı yönetim paneli.", - "A solo third-person platforming and escape prototype built with Unreal Engine 5, C++ and Blueprints.": - "Unreal Engine 5, C++ ve Blueprints ile geliştirilen solo üçüncü şahıs platform ve kaçış prototipi.", - "A relational database project covering normalized agency records, data modeling, stored procedures and triggers.": - "Normalize edilmiş ajans kayıtları, veri modelleme, stored procedure ve trigger yapılarını kapsayan ilişkisel veritabanı projesi.", - "A hyper-casual 3D mobile driving prototype focused on obstacle avoidance, score and reflex-based gameplay.": - "Engellerden kaçınma, skor ve refleks odaklı hyper-casual 3D mobil sürüş prototipi.", - "A third-person action shooter prototype with enemy behavior, health management and combat-focused gameplay systems.": - "Düşman davranışı, sağlık yönetimi ve savaş odaklı oynanış sistemleri içeren üçüncü şahıs aksiyon shooter prototipi.", - "A third-person tank combat prototype built with Unreal Engine, C++, Blueprints and physics-based gameplay.": - "Unreal Engine, C++, Blueprints ve fizik tabanlı oynanışla geliştirilen üçüncü şahıs tank savaş prototipi.", - "A 2D physics-based projectile learning prototype.": - "2D fizik tabanlı fırlatma mekaniğine odaklanan öğrenme prototipi.", - "Multiple scenes exploring gameplay fundamentals and mechanics.": - "Oynanış temellerini ve mekaniklerini keşfeden çoklu sahneler.", - "A location-based weather API learning application.": - "Konum tabanlı hava durumu API öğrenme uygulaması.", - "A mobile calculator exercise focused on interface structure and app logic.": - "Arayüz yapısı ve uygulama mantığına odaklanan mobil hesap makinesi alıştırması.", - "A DOM interaction and frontend state exercise.": - "DOM etkileşimi ve frontend durum yönetimi alıştırması.", - "A warehouse-themed combat and environment prototype.": - "Depo temalı savaş ve çevre prototipi.", - "A responsive portfolio and landing-page experiment.": - "Responsive portfolyo ve landing page deneyi.", - "A collection of Java programming exercises and console applications.": - "Java programlama alıştırmaları ve konsol uygulamaları koleksiyonu.", - "A static website and frontend layout exercise.": - "Statik web sitesi ve frontend layout alıştırması.", - "A repository of programming, automation and data-oriented exercises.": - "Programlama, otomasyon ve veri odaklı alıştırmalar içeren repository.", - "An inventory-style data structure and tracking exercise.": - "Envanter tarzı veri yapısı ve takip alıştırması.", - "AI Agent Evaluation": "AI Agent Değerlendirme", - "Regression Testing": "Regression Testi", - "Open Live Product": "Canlı Ürünü Aç", - "A live Turkish-first reliability lab for customer-service AI agents, combining multi-turn scenario execution, deterministic tool-call evaluation, regression detection and inspectable failure evidence.": - "Müşteri hizmetleri AI agent'larını çok turlu Türkçe senaryolar, deterministik tool-call değerlendirmesi, regression tespiti ve incelenebilir hata kanıtlarıyla test eden canlı bir AI Agent Reliability Lab.", - "Expanding SINAMA with persistent run history, V1 vs V2 agent comparison and more Turkish scenario packs.": - "SINAMA'yı kalıcı run geçmişi, V1'e karşı V2 agent karşılaştırması ve daha fazla Türkçe senaryo paketiyle genişletiyorum.", - "A Turkish-first reliability testing platform for customer-service AI agents, built around repeatable multi-turn scenarios, deterministic tool-call evaluation and inspectable regression evidence.": - "Müşteri hizmetleri AI agent'ları için tekrarlanabilir çok turlu senaryolar, deterministik tool-call değerlendirmesi ve incelenebilir regression kanıtları etrafında kurulan Türkçe öncelikli bir reliability test platformu.", - "Live MVP": "Canlı MVP", - "Product status": "Ürün Durumu", - "Tech stack": "Teknoloji Yığını", - "Core capability": "Temel Yetenek", -}); - -Object.assign(i18nTranslations.tr, { - Training: "Eğitimler", - "Training and course completions across software, technical systems and interactive technologies.": - "Yazılım, teknik sistemler ve interaktif teknolojiler alanındaki eğitimler ve kurs tamamlamaları.", - "A selection of completed courses and technical training that support my work in software development, databases, web technologies, game development, cybersecurity and networking fundamentals.": - "Yazılım geliştirme, veritabanları, web teknolojileri, oyun geliştirme, siber güvenlik ve ağ temelleri alanındaki çalışmalarımı destekleyen tamamlanmış kurs ve teknik eğitimlerden oluşan bir seçki.", - "Software Development": "Yazılım Geliştirme", - "Data & Database": "Veri & Veritabanı", - "Web Development": "Web Geliştirme", - "Game Development": "Oyun Geliştirme", - Cybersecurity: "Siber Güvenlik", - "Networking & Systems": "Ağ & Sistemler", - "Course Completion": "Kurs Tamamlama", - Instructor: "Eğitmen", - Instructors: "Eğitmenler", - Provider: "Sağlayıcı", - Academy: "Akademi", - Completed: "Tamamlanma", - Preview: "Önizle", - "View Credential": "Doğrulamayı Gör", - "Jan 24, 2025": "24 Ocak 2025", - "Jan 11, 2025": "11 Ocak 2025", - "Mar 29, 2024": "29 Mart 2024", - "Jan 3, 2024": "3 Ocak 2024", - "Dec 1, 2023": "1 Aralık 2023", -}); - -const i18nTitleTranslations = { - tr: { - "Kaan Balcı | AI Designer & Software Developer": - "Kaan Balcı | AI Designer & Software Developer", - "Works | Kaan Balcı": "Projeler | Kaan Balcı", - "Projects | Kaan Balcı": "Projeler | Kaan Balcı", - "Adventure | Kaan Balcı": "Macera | Kaan Balcı", - "Experience | Kaan Balcı": "Deneyim | Kaan Balcı", - "About | Kaan Balcı": "Hakkımda | Kaan Balcı", - "About Kaan Balcı | AI Designer & Software Developer": - "Kaan Balcı Hakkında | AI Designer & Software Developer", - "Certificates | Kaan Balcı": "Sertifikalar | Kaan Balcı", - "Project Detail | Kaan Balcı": "Proje Detayı | Kaan Balcı", - "Request a Project | Kaan Balcı": "Proje Talebi | Kaan Balcı", - "Games | Kaan Balcı": "Oyunlar | Kaan Balcı", - "Joyday Action Painting | Kaan Balcı": - "Joyday Action Painting | Kaan Balcı", - }, -}; -const i18nAttributeTranslations = { - tr: { - "Kaan Balcı home page": "Kaan Balcı ana sayfası", - "Kaan Balcı logo": "Kaan Balcı logosu", - "Open navigation": "Menüyü aç", - "Open details for AI Chatbot Flow Design": - "AI Chatbot Akış Tasarımı detaylarını aç", - - "Open details for Drivenfinity": "Drivenfinity detaylarını aç", - "Open details for Dunker Madness": "Dunker Madness detaylarını aç", - "Open details for Unity Essentials": "Unity Essentials detaylarını aç", - "Open details for Extract Shoot: Zero": - "Extract Shoot: Zero detaylarını aç", - "Open details for Tank Savage": "Tank Savage detaylarını aç", - "Open details for Hospital Form App": "Hospital Form App detaylarını aç", - "Open details for Cars Dataset Analysis": - "Cars Veri Seti Analizi detaylarını aç", - "Open details for Weather App": "Weather App detaylarını aç", - "Language selector": "Dil seçici", - "Profile highlight card": "Profil öne çıkan kartı", - "Core technologies": "Temel teknolojiler", - "Portfolio highlights": "Portfolyo öne çıkanlar", - "Drivenfinity project preview": "Drivenfinity proje önizlemesi", - "Hospital Form App preview": "Hospital Form App önizlemesi", - "Cars dataset analysis preview": "Cars veri seti analizi önizlemesi", - "Social links": "Sosyal bağlantılar", - }, -}; -Object.assign(i18nTranslations.tr, { - "Tech stack matrix": "Teknoloji matrisi", - "Tools I use across AI, web, data and games.": - "AI, web, veri ve oyun alanlarında kullandığım araçlar.", - "A quick matrix that shows where each technology fits in my workflow and how I use it in real projects.": - "Her teknolojinin iş akışımda nereye oturduğunu ve gerçek projelerde nasıl kullandığımı gösteren hızlı bir matris.", - "AI & Automation": "AI & Otomasyon", - "Chatbot flow design, AI Flow logic, n8n-style automation planning and LLM quality evaluation.": - "Chatbot akışı tasarımı, AI Flow mantığı, n8n tarzı otomasyon planlama ve LLM kalite değerlendirmesi.", - "Software & Backend": "Yazılım & Backend", - "Automation systems, database-backed applications, dashboards and backend logic.": - "Otomasyon sistemleri, veritabanı destekli uygulamalar, dashboardlar ve backend mantığı.", - "Web & Mobile": "Web & Mobil", - "Responsive websites, reservation flows, Android apps and product-focused interfaces.": - "Responsive web siteleri, rezervasyon akışları, Android uygulamaları ve ürün odaklı arayüzler.", - "Gameplay prototypes, OOP practice, physics logic, Unity projects and Unreal Engine systems.": - "Gameplay prototipleri, OOP pratiği, fizik mantığı, Unity projeleri ve Unreal Engine sistemleri.", - "Currently building": "Şu anda geliştirdiklerim", - "Active directions I am improving right now.": - "Şu anda geliştirdiğim aktif yönler.", - "I keep the portfolio alive by turning real business needs, AI workflow ideas and software experiments into structured projects.": - "Gerçek iş ihtiyaçlarını, AI iş akışı fikirlerini ve yazılım denemelerini düzenli projelere dönüştürerek portföyü canlı tutuyorum.", - "AI workflow portfolio projects": "AI workflow portföy projeleri", - "Designing sample chatbot and automation flows for recruiter-friendly AI Designer case studies.": - "Recruiter dostu AI Designer case study'leri için örnek chatbot ve otomasyon akışları tasarlıyorum.", - "Joyday data & reservation analysis": "Joyday veri & rezervasyon analizi", - "Planning dashboards around reservation data, package demand, customer flow and operational tracking.": - "Rezervasyon verisi, paket talebi, müşteri akışı ve operasyon takibi etrafında dashboardlar planlıyorum.", - "Web product improvements": "Web ürün iyileştirmeleri", - "Improving real websites with better UX, responsive layouts, form flows, SEO and performance checks.": - "Gerçek web sitelerini daha iyi UX, responsive düzenler, form akışları, SEO ve performans kontrolleriyle geliştiriyorum.", - "AI workflow demo": "AI workflow demosu", - "See how I think through chatbot flow logic.": - "Chatbot akış mantığını nasıl düşündüğümü gör.", - "Select a scenario and the page will generate a simple AI flow map. This is a lightweight demo of how I structure intents, steps and user journeys.": - "Bir senaryo seçtiğinde sayfa basit bir AI akış haritası oluşturur. Bu, kullanıcı amaçlarını, adımları ve kullanıcı yolculuklarını nasıl yapılandırdığımı gösteren hafif bir demodur.", - Bank: "Banka", - Municipality: "Belediye", - "Workshop Studio": "Atölye Stüdyosu", - "E-commerce": "E-ticaret", - "Featured case study": "Öne çıkan vaka çalışması", - "Atölye Joyday official website and reservation journey.": - "Atölye Joyday resmi web sitesi ve rezervasyon yolculuğu.", - "A real business project where I designed and built the website experience for a creative workshop studio. The project connects service presentation, package selection, reservation flow and operational tracking into one usable customer journey.": - "Yaratıcı atölye stüdyosu için web deneyimini tasarlayıp geliştirdiğim gerçek bir işletme projesi. Proje; hizmet anlatımı, paket seçimi, rezervasyon akışı ve operasyon takibini tek kullanılabilir müşteri yolculuğunda birleştirir.", - "Business website": "İşletme web sitesi", - Reservation: "Rezervasyon", - "Responsive Design": "Responsive Tasarım", - "UX Flow": "Kullanıcı Akışı", - "SEO Basics": "Temel SEO", - "Reservation CTA": "Rezervasyon CTA’sı", - "Test and polish": "Test ve İyileştirme", - "Frontend stack": "Frontend Teknolojileri", - "Project Type": "Proje Türü", - "Live Business Website": "Canlı İşletme Web Sitesi", - "Workflow Design": "Akış Tasarımı", - "Testing & Validation": "Test ve Doğrulama", - "Human Handoff": "İnsan Temsilciye Aktarım", - "Multi-channel Automation": "Çok Kanallı Otomasyon", - "Customer flow": "Müşteri akışı", - "View Case Study": "Vaka Çalışmasını Gör", - "Open Live Website": "Canlı Siteyi Aç", - "More experiments on GitHub": "GitHub'da daha fazla deney", - "Additional learning projects and archived builds.": - "Ek öğrenme projeleri ve arşivlenmiş çalışmalar.", - "The main catalog highlights selected projects, but my GitHub includes more practice repositories, university projects and experiments.": - "Ana katalog seçili projeleri öne çıkarıyor; GitHub hesabımda ise daha fazla pratik repository, üniversite projesi ve deney bulunuyor.", - "Java Projects": "Java Projeleri", - "University and OOP practice repositories.": - "Üniversite ve OOP pratik repository'leri.", - "Python Projects": "Python Projeleri", - "Automation, data and learning projects.": - "Otomasyon, veri ve öğrenme projeleri.", - "Calculator JS": "Calculator JS", - "Frontend logic and UI practice.": "Frontend mantığı ve UI pratiği.", - "JavaScript API and interface practice.": "JavaScript API ve arayüz pratiği.", - "Contact hub": "İletişim merkezi", - "Let’s talk about AI workflows, automation or software projects.": - "AI iş akışları, otomasyon veya yazılım projeleri hakkında konuşalım.", - "I am open to AI Designer, Software Developer and automation-focused roles where I can design useful flows and build practical software products.": - "Faydalı akışlar tasarlayabileceğim ve pratik yazılım ürünleri geliştirebileceğim AI Designer, Software Developer ve otomasyon odaklı rollere açığım.", - "Download CV": "CV'yi İndir", - "Atölye Joyday Official Website": "Atölye Joyday Resmi Web Sitesi", - "Live business website for a creative workshop studio with service pages, package presentation, responsive UX and reservation CTAs.": - "Yaratıcı atölye stüdyosu için hizmet sayfaları, paket sunumu, responsive UX ve rezervasyon CTA'ları içeren canlı işletme web sitesi.", - - "Dynamic reservation workflow for package selection, selected-package context, customer form data and operational tracking.": - "Paket seçimi, seçili paket bağlamı, müşteri form verisi ve operasyon takibi için dinamik rezervasyon akışı.", -}); -Object.assign(i18nAttributeTranslations.tr, { - "Open details for Atölye Joyday Official Website": - "Atölye Joyday Resmi Web Sitesi detaylarını aç", - "Open Atölye Joyday case study": "Atölye Joyday vaka çalışmasını aç", - - "AI workflow scenarios": "AI workflow senaryoları", - "Atölye Joyday package selection preview": - "Atölye Joyday paket seçimi önizlemesi", - "Atölye Joyday official website preview": - "Atölye Joyday resmi web sitesi önizlemesi", - "Atölye Joyday reservation workflow preview": - "Atölye Joyday rezervasyon akışı önizlemesi", - "Atölye Joyday official website preview": - "Atölye Joyday resmi web sitesi önizlemesi", - "Atölye Joyday reservation workflow preview": - "Atölye Joyday rezervasyon akışı önizlemesi", -}); - -/* GitHub project card translations */ -Object.assign(i18nTranslations.tr, { - "Want to inspect the complete project catalog?": - "Tüm proje kataloğunu incelemek ister misin?", - "This page now includes the main public GitHub repositories, selected case studies, learning projects and archived builds in one catalog.": - "Bu sayfa artık ana public GitHub repository’lerini, seçili case study’leri, öğrenme projelerini ve arşivlenmiş çalışmaları tek katalogda topluyor.", - "Control Panel": "Control Panel", - "A web-based control panel project focused on admin screens, interface structure and dashboard-style management flows.": - "Admin ekranları, arayüz yapısı ve dashboard tarzı yönetim akışlarına odaklanan web tabanlı kontrol paneli projesi.", - "Hospital Appointment System": "Hospital Appointment System", - "A Python and Tkinter hospital appointment automation system with MySQL-backed patient, doctor, staff and appointment workflows.": - "Python, Tkinter ve MySQL ile hasta, doktor, personel ve randevu akışlarını yöneten masaüstü hastane otomasyonu.", - - "Escape Island": "Escape Island", - "A game prototype focused on island escape mechanics, environment setup and gameplay exploration.": - "Ada kaçış mekanikleri, çevre kurulumu ve oynanış denemelerine odaklanan oyun prototipi.", - "Calculator Android Studio": "Calculator Android Studio", - "A mobile calculator app built in Android Studio to practice interface structure and basic app logic.": - "Arayüz yapısı ve temel uygulama mantığı pratiği için Android Studio’da geliştirilen mobil hesap makinesi uygulaması.", - "Calculator JavaScript": "Calculator JavaScript", - "A JavaScript calculator project focused on DOM interaction, UI state and basic frontend logic.": - "DOM etkileşimi, UI state ve temel frontend mantığına odaklanan JavaScript hesap makinesi projesi.", - "Warehouse War": "Warehouse War", - "A warehouse-themed game prototype exploring combat, environment layout and gameplay systems.": - "Savaş, çevre yerleşimi ve gameplay sistemlerini deneyen depo temalı oyun prototipi.", - "Legacy of the Lost": "Legacy of the Lost", - "A game prototype with a darker adventure atmosphere, built around exploration and scene presentation.": - "Keşif ve sahne sunumu etrafında geliştirilen, daha karanlık macera atmosferine sahip oyun prototipi.", - "Porto 25": "Porto 25", - "A Tailwind CSS portfolio / landing page experiment focused on responsive UI, modern layout and personal branding.": - "Tailwind CSS odaklı kişisel portfolyo / landing page denemesi; responsive arayüz, modern layout ve marka sunumu pratiği.", - "My Java Projects": "My Java Projects", - "A collection of Java practice projects focused on object-oriented programming, algorithms and core language fundamentals.": - "Nesne yönelimli programlama, algoritmalar ve temel dil yapılarına odaklanan Java pratik projeleri koleksiyonu.", - "Agency DB": "Agency DB", - "A database-focused project for modeling agency-style records, relations and structured data operations.": - "Ajans tarzı kayıtları, ilişkileri ve yapılandırılmış veri işlemlerini modellemeye odaklanan veritabanı projesi.", - "Mandelas Website Project": "Mandelas Website Project", - "A website project focused on content structure, frontend layout and static page development.": - "İçerik yapısı, frontend layout ve statik sayfa geliştirmeye odaklanan web sitesi projesi.", - "Python Projects": "Python Projects", - "A Python practice repository containing learning projects around programming fundamentals, automation and data-oriented logic.": - "Programlama temelleri, otomasyon ve veri odaklı mantık etrafında öğrenme projeleri içeren Python pratik deposu.", - "IC Supply": "IC Supply", - "A supply-oriented project focused on inventory-style data structure, tracking logic and backend thinking.": - "Stok/envanter tarzı veri yapısı, takip mantığı ve backend düşüncesine odaklanan tedarik projesi.", - - "The GitHub repository side of the Atölye Joyday website work, focused on real business presentation and reservation-oriented UX.": - "Atölye Joyday web sitesi çalışmasının GitHub depo tarafı; gerçek işletme sunumu ve rezervasyon odaklı UX üzerine kurulu.", - "Portfolio Website": "Portfolio Website", - "The live personal portfolio repository combining project catalog, AI assistant, recruiter mode, request form and interactive mini game features.": - "Proje kataloğu, AI asistan, İK modu, talep formu ve interaktif mini oyun özelliklerini birleştiren canlı kişisel portfolyo deposu.", -}); - -Object.assign(i18nAttributeTranslations.tr, { - Search: "Ara", - "Open details for Control Panel": "Control Panel detaylarını aç", - "Open details for Hospital Appointment System": - "Hospital Appointment System detaylarını aç", - "Open details for Escape Island": "Escape Island detaylarını aç", - "Open details for Calculator Android Studio": - "Calculator Android Studio detaylarını aç", - "Open details for Calculator JavaScript": - "Calculator JavaScript detaylarını aç", - "Open details for Warehouse War": "Warehouse War detaylarını aç", - "Open details for Legacy of the Lost": "Legacy of the Lost detaylarını aç", - "Open details for Porto 25": "Porto 25 detaylarını aç", - "Open details for My Java Projects": "My Java Projects detaylarını aç", - "Open details for Agency DB": "Agency DB detaylarını aç", - "Open details for Mandelas Website Project": - "Mandelas Website Project detaylarını aç", - "Open details for Python Projects": "Python Projects detaylarını aç", - "Open details for IC Supply": "IC Supply detaylarını aç", - - "Open details for Portfolio Website": "Portfolio Website detaylarını aç", -}); - -/* Games and Joyday Action Painting translations */ -Object.assign(i18nTranslations.tr, { - Games: "Oyunlar", - "Web games": "Web oyunları", - "Playable portfolio experiments about learning, projects and career growth.": - "Öğrenme, projeler ve kariyer gelişimi üzerine oynanabilir portfolyo deneyleri.", - "This page collects small web games that turn my personal journey into interactive experiences. Each game is designed to be lightweight, portfolio-friendly and playable directly in the browser.": - "Bu sayfa kişisel yolculuğumu interaktif deneyimlere dönüştüren küçük web oyunlarını toplar. Her oyun hafif, portfolyo dostu ve doğrudan tarayıcıda oynanabilir olacak şekilde tasarlanır.", - "Play Joyday Painting": "Joyday Painting Oyna", - "Play Career Adventure": "Career Adventure Oyna", - "Game catalog": "Oyun kataloğu", - "Minimal web games with a career-story angle.": - "Kariyer hikayesi açısına sahip minimal web oyunları.", - "The catalog now includes Career Adventure and Joyday Action Painting, and it can grow into a full interactive game shelf over time.": - "Katalog artık Career Adventure ve Joyday Action Painting oyunlarını içeriyor; zamanla tam bir interaktif oyun rafına dönüşebilir.", - Career: "Kariyer", - Creative: "Yaratıcı", - "Coming Soon": "Yakında", - Live: "Canlı", - Concept: "Konsept", - "Mini Game": "Mini Oyun", - "Career Journey": "Kariyer Yolculuğu", - Merge: "Birleştirme", - "Kaan's Career Adventure": "Kaan'ın Kariyer Macerası", - "Combine learning objects, software tools, AI workflow experience and portfolio proof until the final Job Offer object appears.": - "Öğrenme nesnelerini, yazılım araçlarını, AI workflow deneyimini ve portfolyo kanıtlarını final Job Offer nesnesi çıkana kadar birleştir.", - "Play Game": "Oyunu Oyna", - "Joyday Action Painting": "Joyday Action Painting", - "Choose a square, circle or rectangle canvas, pick colors and use virtual action painting tools to create a downloadable PNG artwork.": - "Kare, daire veya dikdörtgen tuval seç; renkleri belirle ve sanal action painting araçlarıyla indirilebilir PNG eser oluştur.", - "Action Painting": "Action Painting", - "PNG Export": "PNG Çıktı", - "AI Flow Puzzle": "AI Flow Puzzle", - "Interview Run": "Interview Run", - "A planned quick decision game about answering interview questions, managing time and choosing the strongest response path.": - "Mülakat sorularını cevaplama, zamanı yönetme ve en güçlü cevap yolunu seçme üzerine planlanan hızlı karar oyunu.", - "Ready as a future expansion idea.": "Gelecek genişletme fikri olarak hazır.", - "Next direction": "Sonraki yön", - "This page is designed to grow with new playable portfolio ideas.": - "Bu sayfa yeni oynanabilir portfolyo fikirleriyle büyüyecek şekilde tasarlandı.", - "New games can be added as separate pages, while this catalog stays as the main entry point for all interactive web game experiments.": - "Yeni oyunlar ayrı sayfalar olarak eklenebilir; bu katalog ise tüm interaktif web oyunları için ana giriş noktası olarak kalır.", - "Virtual studio game": "Sanal atölye oyunu", - "Joyday Action Painting experience.": "Joyday Action Painting deneyimi.", - "Choose a canvas, pick a color, select a tool and create your own action painting artwork directly in the browser.": - "Tuvalini seç, rengini belirle, ekipmanını seç ve kendi action painting eserini doğrudan tarayıcıda oluştur.", - "Start Painting": "Boyamaya Başla", - "Back to Games": "Oyunlara Dön", - "Touch Friendly": "Dokunmatik Uyumlu", - "Pick • Splash • Download": "Seç • Sıçrat • İndir", - "Action painting wall": "Action painting duvarı", - "Your canvas is ready.": "Tuvalin hazır.", - "50x50 Square Canvas": "50x50 Kare Tuval", - "Throw Bottle": "Fırlatma Şişesi", - Undo: "Geri Al", - Redo: "İleri Al", - Clear: "Temizle", - "Download PNG": "PNG İndir", - "Canvas type": "Tuval tipi", - "50x50 Square": "50x50 Kare", - "Classic Joyday canvas": "Klasik Joyday tuvali", - "52 cm Circle": "52 cm Daire", - "Round composition": "Yuvarlak kompozisyon", - "40x60 Rectangle": "40x60 Dikdörtgen", - "Vertical poster feel": "Dikey poster hissi", - "Color palette": "Renk paleti", - "Custom color": "Özel renk", - Equipment: "Ekipman", - "Pick a tool, then paint directly on the canvas.": - "Bir ekipman seç, sonra doğrudan tuvalin üzerinde boya.", - "Start with any color and equipment.": "İstediğin renk ve ekipmanla başla.", - "Choose your canvas, then use the toolbelt below to splash, spray, brush or burst color onto it.": - "Tuvalini seç, sonra alttaki ekipman barıyla sıçrat, püskürt, fırçala veya patlat.", - "Choose your canvas, then use the toolbelt below to draw paint lines, spray, brush or burst color onto it.": - "Tuvalini seç, sonra alttaki ekipman barıyla boya çizgisi çek, püskürt, fırçala veya patlat.", - "Quick tip": "Kısa ipucu", - "Choose your canvas, then use the toolbelt below to splash, spray, brush or burst color onto it. You can close this tip anytime.": - "Tuvalini seçtikten sonra alttaki ekipman barıyla sıçrat, püskürt, fırçala veya patlat. Bu bilgiyi istediğin zaman kapatabilirsin.", - "Choose your canvas, then use the toolbelt below. For the bottle, press and release to throw one clean paint line. You can close this tip anytime.": - "Tuvalini seçtikten sonra alttaki ekipman barını kullan. Şişede basıp bırakarak tuvale tek hamlede temiz bir boya çizgisi fırlat. Bu bilgiyi istediğin zaman kapatabilirsin.", - "Choose your canvas, then use the toolbelt below. For the bottle, press and release to throw one clean paint line.": - "Tuvalini seçtikten sonra alttaki ekipman barını kullan. Şişede basıp bırakarak tuvale tek hamlede temiz bir boya çizgisi fırlat.", - Spray: "Fısfıs", - Brush: "Fırça", - "Water Balloon": "Su Balonu", - "Medium splashes": "Orta sıçramalar", - "Straight paint line": "Düz boya çizgisi", - "One-shot paint throw": "Tek hamle boya atışı", - "Soft mist": "Yumuşak püskürtme", - "Drag strokes": "Sürükleme izleri", - "Large burst": "Büyük patlama", - "Stroke thickness": "İncelik ayarı", - Thin: "İnce", - Medium: "Orta", - Thick: "Kalın", - "How to play": "Nasıl oynanır", - "Choose a canvas and color, then click or drag on the canvas. Bottle and balloon create instant splashes, spray and brush work best while dragging.": - "Tuval ve renk seç, sonra tuvale tıkla veya sürükle. Şişe ve balon anlık sıçrama oluşturur; fısfıs ve fırça sürüklerken en iyi çalışır.", - "Choose a canvas and color, then click or drag on the canvas. Bottle draws a straight paint line, balloon creates a burst, and spray or brush work best while dragging.": - "Tuval ve renk seç, sonra tuvale tıkla veya sürükle. Şişe düz boya çizgisi çeker, balon patlama efekti verir; fısfıs ve fırça sürüklerken en iyi çalışır.", - "Choose a canvas and color, then click or drag on the canvas. Bottle creates a one-shot straight paint throw when you release, balloon creates a burst, and spray or brush work best while dragging.": - "Tuval ve renk seç, sonra tuvale tıkla veya sürükle. Şişe bırakınca tek hamlede düz boya atışı yapar, balon patlama efekti verir; fısfıs ve fırça sürüklerken en iyi çalışır.", - "Select a canvas type": "Tuval tipini seç", - "Then use colors and tools to paint.": - "Sonra renk ve ekipmanlarla boyamaya başla.", - "Sep 2025 – Oct 2025": "Eyl 2025 – Eki 2025", - "Apr 2025 – Aug 2025": "Nis 2025 – Ağu 2025", - "2026 – Present": "2026 – Günümüz", - "Outlier AI – AI Training Specialist": "Outlier AI – AI Eğitim Uzmanı", -}); -Object.assign(i18nAttributeTranslations.tr, { - "Open Joyday Action Painting game": "Joyday Action Painting oyununu aç", - "Joyday Action Painting game preview": - "Joyday Action Painting oyun önizlemesi", - "Joyday action painting preview": "Joyday action painting önizlemesi", - "Joyday game features": "Joyday oyun özellikleri", - "Virtual Joyday painting wall": "Sanal Joyday boyama duvarı", - "Canvas type": "Tuval tipi", - "Color palette": "Renk paleti", - "Action painting equipment": "Action painting ekipmanları", - "Joyday painting canvas": "Joyday boyama tuvali", - "Close hint": "İpucunu kapat", -}); - -Object.assign(i18nTranslations.tr, { - "Play AI Flow Puzzle": "AI Flow Puzzle Oyna", - "View AI Flow Puzzle Case Study": "AI Flow Puzzle Vaka Çalışmasını Gör", - "The catalog now includes Career Adventure, Joyday Action Painting and AI Flow Puzzle, and it can grow into a full interactive game shelf over time.": - "Katalog artık Career Adventure, Joyday Action Painting ve AI Flow Puzzle oyunlarını içeriyor; zamanla tam bir interaktif oyun rafına dönüşebilir.", - "Build n8n-inspired chatbot workflows by placing trigger, intent, response, fallback and automation nodes on a visual board.": - "Trigger, intent, response, fallback ve otomasyon node'larını görsel board üzerine yerleştirerek n8n mantıklı chatbot workflow'ları kur.", - "n8n Logic • JavaScript": "n8n Mantığı • JavaScript", - "Open AI Flow Puzzle game": "AI Flow Puzzle oyununu aç", - "AI Flow Puzzle game preview": "AI Flow Puzzle oyun önizlemesi", -}); -Object.assign(i18nTitleTranslations.tr, { - "AI Flow Puzzle | Kaan Balcı": "AI Flow Puzzle | Kaan Balcı", - "Training & Course Certifications | Kaan Balcı": - "Eğitimler ve Kurs Sertifikaları | Kaan Balcı", -}); -Object.assign(i18nAttributeTranslations.tr, { - "Open AI Flow Puzzle game": "AI Flow Puzzle oyununu aç", - "AI Flow Puzzle game preview": "AI Flow Puzzle oyun önizlemesi", - "Open AI Flow Puzzle case study": "AI Flow Puzzle vaka çalışmasını aç", - "AI Flow Puzzle case study preview": - "AI Flow Puzzle vaka çalışması önizlemesi", - "AI Chatbot Flow Design multi-channel conversational workflow cover": - "AI Chatbot Flow Design çok kanallı conversational workflow kapağı", - "AI Flow Puzzle node-based chatbot workflow cover": - "AI Flow Puzzle node tabanlı chatbot workflow kapağı", - "Hospital Form App appointment management interface cover": - "Hospital Form App randevu yönetimi arayüz kapağı", - "Open Hospital System case study": "Hospital System vaka çalışmasını aç", - "Control Panel PHP and MySQL administration dashboard cover": - "Control Panel PHP ve MySQL yönetim paneli kapağı", - "Agency DB relational database schema cover": - "Agency DB ilişkisel veritabanı şeması kapağı", - "Kaan Balcı portfolio website homepage cover": - "Kaan Balcı portfolyo web sitesi ana sayfa kapağı", - "Porto 25 responsive Tailwind landing page cover": - "Porto 25 responsive Tailwind açılış sayfası kapağı", - "IC Supply inventory tracking data system cover": - "IC Supply envanter takip veri sistemi kapağı", - "Kaan's Career Adventure career workflow cover": - "Kaan’ın Kariyer Macerası kariyer workflow kapağı", - "Certificate preview": "Sertifika önizlemesi", - "Close preview": "Önizlemeyi kapat", - "Open SINAMA case study": "SINAMA vaka çalışmasını aç", - "SINAMA wordmark on a dark cover card": - "Koyu kapak kartı üzerinde SINAMA logotype'ı", -}); - -/* Final bilingual content and accessibility consistency */ -Object.assign(i18nTranslations.tr, { - "A live digital product combining package-based reservation journeys, automated notifications and operational workflows.": - "Paket bazlı rezervasyon yolculuklarını, otomatik bildirimleri ve operasyonel iş akışlarını birleştiren canlı dijital ürün.", - "A Python data project combining exploratory analysis and visualization with a small linear-regression experiment.": - "Keşifsel analiz ve veri görselleştirmeyi küçük bir doğrusal regresyon deneyiyle birleştiren Python veri projesi.", - "AI Designer & Software Developer building practical AI workflows and software products.": - "Pratik yapay zekâ iş akışları ve yazılım ürünleri geliştiren AI Designer & Software Developer.", -}); - -Object.assign(i18nAttributeTranslations.tr, { - "Available for roles": "Rollere açık", - "Core specialties": "Temel uzmanlıklar", - "Project filters": "Proje filtreleri", - "Game filters": "Oyun filtreleri", - "Game themes": "Oyun temaları", - "Search palette": "Arama paleti", - "Open navigation": "Navigasyonu aç", - "Close navigation": "Navigasyonu kapat", - "Open recruiter mode": "Recruiter Mode’u aç", - "Close recruiter mode": "Recruiter Mode’u kapat", - "Kaan Balcı profile photo": "Kaan Balcı profil fotoğrafı", - "Open Career Adventure game": "Career Adventure oyununu aç", - "Interview Run game preview": "Interview Run oyun önizlemesi", - "Python Hospital Appointment System preview": - "Python Hospital Appointment System önizlemesi", - "Cars dataset analysis project preview": - "Cars veri seti analizi proje önizlemesi", - "Legacy of the Lost environmental puzzle preview": - "Legacy of the Lost çevresel bulmaca önizlemesi", - "Open details for MyMuseum Mobile Content App": - "MyMuseum mobil içerik uygulaması detaylarını aç", - "My Museum app preview": "My Museum uygulama önizlemesi", - "Open details for Extract Shoot Zero": - "Extract Shoot Zero detaylarını aç", - "Extract Shoot Zero project preview": - "Extract Shoot Zero proje önizlemesi", - "Escape Island Unreal Engine platforming preview": - "Escape Island Unreal Engine platform önizlemesi", - "Tank Savage Unreal Engine combat preview": - "Tank Savage Unreal Engine savaş önizlemesi", - "Dunker Madness project preview": "Dunker Madness proje önizlemesi", - "Unity Essentials project preview": "Unity Essentials proje önizlemesi", - "Weather App project preview": "Weather App proje önizlemesi", - "Calculator Android Studio project preview": - "Calculator Android Studio proje önizlemesi", - "Calculator JavaScript project preview": - "Calculator JavaScript proje önizlemesi", - "Warehouse War project preview": "Warehouse War proje önizlemesi", - "My Java Projects preview": "My Java Projects önizlemesi", - "Mandelas Website Project preview": - "Mandelas Website Project önizlemesi", - "Python Projects preview": "Python Projects önizlemesi", - "C sharp Udemy course completion certificate": - "C Sharp Udemy kurs tamamlama sertifikası", - "SQL Udemy course completion certificate": - "SQL Udemy kurs tamamlama sertifikası", - "HTML and CSS Udemy course completion certificate": - "HTML ve CSS Udemy kurs tamamlama sertifikası", - "Java Udemy course completion certificate": - "Java Udemy kurs tamamlama sertifikası", - "Ethical Hacker Udemy course completion certificate": - "Etik Hacker Udemy kurs tamamlama sertifikası", - "Unreal Engine Udemy course completion certificate": - "Unreal Engine Udemy kurs tamamlama sertifikası", - "Cisco Networking Essentials course completion certificate": - "Cisco Networking Essentials eğitim tamamlama sertifikası", - "Cisco Introduction to Packet Tracer course completion certificate": - "Cisco Introduction to Packet Tracer eğitim tamamlama sertifikası", - "NDG Linux Essentials training certificate": - "NDG Linux Essentials eğitim sertifikası", - "Open GitHub profile": "GitHub profilini aç", - "Open LinkedIn profile": "LinkedIn profilini aç", - "Open Instagram profile": "Instagram profilini aç", - "Open YouTube channel": "YouTube kanalını aç", - "Open X profile": "X profilini aç", -}); - -const originalDocumentTitle = document.title; - -function normalizeI18nText(value) { - return value.replace(/\s+/g, " ").trim(); -} - -function preserveWhitespace(originalValue, translatedValue) { - const leading = originalValue.match(/^\s*/)?.[0] || ""; - const trailing = originalValue.match(/\s*$/)?.[0] || ""; - return `${leading}${translatedValue}${trailing}`; -} - -function collectTranslatableTextNodes() { - const nodes = []; - const walker = document.createTreeWalker( - document.body, - NodeFilter.SHOW_TEXT, - { - acceptNode(node) { - const parent = node.parentElement; - if ( - !parent || - ["SCRIPT", "STYLE", "NOSCRIPT"].includes(parent.tagName) - ) { - return NodeFilter.FILTER_REJECT; - } - - const key = normalizeI18nText(node.nodeValue); - if (key && i18nTranslations.tr[key]) { - node.__i18nKey = key; - nodes.push(node); - } - return NodeFilter.FILTER_SKIP; - }, - }, - ); - - while (walker.nextNode()) {} - return nodes; -} - -const translatableTextNodes = collectTranslatableTextNodes(); -const translatableAttributes = []; - -["aria-label", "alt", "title", "placeholder"].forEach((attributeName) => { - document.querySelectorAll(`[${attributeName}]`).forEach((element) => { - const key = element.getAttribute(attributeName); - if (key && i18nAttributeTranslations.tr[key]) { - translatableAttributes.push({ element, attributeName, key }); - } - }); -}); - -let currentSiteLanguage = "en"; - -function applyLanguage(language) { - const activeLanguage = language === "tr" ? "tr" : "en"; - currentSiteLanguage = activeLanguage; - document.documentElement.lang = activeLanguage; - - translatableTextNodes.forEach((node) => { - const key = node.__i18nKey; - const nextValue = activeLanguage === "tr" ? i18nTranslations.tr[key] : key; - node.nodeValue = preserveWhitespace(node.nodeValue, nextValue); - }); - - translatableAttributes.forEach((item) => { - const nextValue = - activeLanguage === "tr" - ? i18nAttributeTranslations.tr[item.key] - : item.key; - item.element.setAttribute(item.attributeName, nextValue); - }); - - document.querySelectorAll("[data-training-type]").forEach((element) => { - element.textContent = activeLanguage === "tr" ? "Eğitim" : "Training"; - }); - - document.title = - activeLanguage === "tr" - ? i18nTitleTranslations.tr[originalDocumentTitle] || originalDocumentTitle - : originalDocumentTitle; - - document.querySelectorAll("[data-lang-switch]").forEach((button) => { - const isActive = button.dataset.langSwitch === activeLanguage; - button.classList.toggle("active", isActive); - button.setAttribute("aria-pressed", String(isActive)); - }); - - localStorage.setItem("kaanbalci-site-language", activeLanguage); - - if (typeof applySiteTheme === "function") { - applySiteTheme(siteThemeState.current); - } - - if (typeof renderProjectDetail === "function") { - renderProjectDetail(activeLanguage); - } - - if (typeof renderAiWorkflowDemo === "function") { - renderAiWorkflowDemo(activeLanguage); - } - - if (typeof updatePortfolioChatbotLanguage === "function") { - updatePortfolioChatbotLanguage(activeLanguage); - } - - if (typeof updateAiFlowPuzzleLanguage === "function") { - updateAiFlowPuzzleLanguage(activeLanguage); - } -} - -document.querySelectorAll("[data-lang-switch]").forEach((button) => { - button.addEventListener("click", () => - applyLanguage(button.dataset.langSwitch), - ); -}); - -const projectDetailData = { - "ai-chatbot-flow-design": { - category: { en: "AI & Automation", tr: "AI & Otomasyon" }, - title: { en: "AI Chatbot Flow Design", tr: "AI Chatbot Akış Tasarımı" }, - subtitle: { - en: "Enterprise conversational AI experience across QA, stabilization, channel configuration, flow restructuring and multi-channel automation.", - tr: "QA, stabilizasyon, kanal yapılandırması, akış yeniden yapılandırma ve çok kanallı otomasyonu kapsayan kurumsal conversational AI deneyimi.", - }, - role: { en: "AI Designer", tr: "AI Designer" }, - year: "2025", - type: { en: "Professional Experience", tr: "Profesyonel Deneyim" }, - status: { en: "Case Study", tr: "Vaka Çalışması" }, - image: "assets/ai_flow_chatbot_design_cover.webp", - gallery: ["assets/ai_flow_chatbot_design_cover.webp"], - stack: [ - "AI Flow", - "Chatbot Logic", - "IVR", - "Testing & Validation", - "Workflow Design", - "Human Handoff", - "Multi-channel Automation", - ], - links: [ - { - label: { en: "View Experience", tr: "Deneyimi Gör" }, - url: "blog.html", - }, - ], - overview: { - en: "Professional conversational AI experience covering chatbot and live-chat QA, intent and response organization, flow restructuring, human-handoff paths and multi-channel automation support.", - tr: "Chatbot ve live-chat QA, intent ve yanıt düzeni, akışların yeniden yapılandırılması, insan temsilciye aktarım yolları ve çok kanallı otomasyon desteğini kapsayan profesyonel conversational AI deneyimi.", - }, - challenge: { - en: "Enterprise chatbot transitions require reliable testing, stable channel configuration, maintainable large-scale flows and safe multi-channel handoffs.", - tr: "Kurumsal chatbot geçişleri güvenilir test, kararlı kanal yapılandırması, sürdürülebilir büyük ölçekli akışlar ve güvenli çok kanallı aktarımlar gerektirir.", - }, - solution: { - en: "I contributed to live-chat QA and stabilization, identified a channel configuration issue during a municipal transition, supported the restructuring of a large multi-step conversational workflow, and designed, built, tested and presented an insurance claims intake POC.", - tr: "Live-chat QA ve stabilizasyona katkı sağladım, belediye geçişinde bir kanal yapılandırma sorununu tespit ettim, büyük ve çok adımlı bir konuşma akışının yeniden yapılandırılmasına katkı sağladım ve sigorta hasar başvuru POC'sini tasarlayıp geliştirdim, test ettim ve sundum.", - }, - impact: { - en: "The experience strengthened my practical approach to conversational QA, workflow organization and safe human-handoff design.", - tr: "Bu deneyim conversational QA, akış organizasyonu ve güvenli insan temsilciye aktarım tasarımı konularındaki pratik yaklaşımımı güçlendirdi.", - }, - process: { - en: [ - { - title: "Workflow Analysis", - text: "Reviewed conversation goals, channel behavior and existing flow structure.", - }, - { - title: "Flow Restructuring", - text: "Supported the organization of intents, transitions, fallback behavior and human handoff paths.", - }, - { - title: "QA & Validation", - text: "Tested response behavior, routing logic and multi-channel conversational scenarios.", - }, - { - title: "Iteration Support", - text: "Contributed to issue tracking, flow improvements and transition processes.", - }, - ], - tr: [ - { - title: "Akış Analizi", - text: "Konuşma hedeflerini, kanal davranışlarını ve mevcut akış yapısını inceledim.", - }, - { - title: "Akışın Yeniden Yapılandırılması", - text: "Intent, geçiş, fallback ve insan temsilciye aktarım yollarının düzenlenmesine katkı sağladım.", - }, - { - title: "QA ve Doğrulama", - text: "Yanıt davranışını, yönlendirme mantığını ve çok kanallı konuşma senaryolarını test ettim.", - }, - { - title: "İyileştirme Desteği", - text: "Issue takibi, akış geliştirmeleri ve geçiş süreçlerine katkı sağladım.", - }, - ], - }, - features: { - en: [ - "Live-chat QA, validation and issue follow-up", - "Channel configuration and chatbot transition support", - "Supported the restructuring of a large multi-step conversational workflow", - "Voice interaction and phone verification for an insurance claims intake POC", - "WhatsApp handoff, photo and document collection for the same POC", - "Workflow coordination and multi-step workflow logic", - ], - tr: [ - "Live-chat QA, doğrulama ve issue takibi", - "Kanal yapılandırması ve chatbot geçiş desteği", - "Büyük ve çok adımlı bir konuşma akışının yeniden yapılandırılmasına katkı", - "Sigorta hasar başvuru POC'si için sesli etkileşim ve telefon doğrulama", - "Aynı POC için WhatsApp aktarımı, fotoğraf ve belge toplama", - "Workflow koordinasyonu ve çok adımlı akış mantığı", - ], - }, - }, - "atolye-joyday-official-website": { - category: { en: "Web Development", tr: "Web Geliştirme" }, - title: { - en: "Atölye Joyday Official Website", - tr: "Atölye Joyday Resmi Web Sitesi", - }, - subtitle: { - en: "A live business website for a creative workshop studio, built around service presentation, package discovery, reservation CTAs and mobile-first user experience.", - tr: "Yaratıcı atölye stüdyosu için hizmet anlatımı, paket keşfi, rezervasyon CTA'ları ve mobil öncelikli kullanıcı deneyimi etrafında geliştirilen canlı işletme web sitesi.", - }, - role: { - en: "Co-Founder & Digital Product Developer", - tr: "Kurucu Ortak & Dijital Ürün Geliştirici", - }, - year: "2026", - type: { en: "Live Business Website", tr: "Canlı İşletme Web Sitesi" }, - status: { en: "Live", tr: "Canlı" }, - image: "assets/joyday-homepage-preview.webp", - gallery: [ - "assets/joyday-homepage-preview.webp", - "assets/joyday-reservation-preview.webp", - "assets/joyday-brand-logo.webp", - ], - stack: [ - "HTML", - "CSS", - "JavaScript", - "Google Apps Script", - "Responsive Design", - "UX Flow", - "SEO Basics", - "Reservation CTA", - ], - links: [ - { - label: { en: "View Case Study", tr: "Vaka Çalışmasını Gör" }, - url: "atolye-joyday-case-study.html", - }, - { - label: { en: "Open Live Website", tr: "Canlı Siteyi Aç" }, - url: "https://atolyejoyday.com/", - }, - ], - overview: { - en: "Atölye Joyday is a real creative workshop studio website built to present services such as Action Painting, Creative Drama, Workshops and Private Events. The site turns a physical studio experience into a clear digital journey where visitors can discover services, compare packages and move toward reservation.", - tr: "Atölye Joyday; Action Painting, Yaratıcı Drama, Workshoplar ve Özel Etkinlikler gibi hizmetleri sunmak için geliştirilen gerçek bir yaratıcı atölye web sitesidir. Site, fiziksel stüdyo deneyimini ziyaretçilerin hizmetleri keşfedebileceği, paketleri karşılaştırabileceği ve rezervasyona ilerleyebileceği net bir dijital yolculuğa dönüştürür.", - }, - challenge: { - en: "The main challenge was presenting multiple service categories without confusing visitors, while keeping the reservation action visible and simple across desktop and mobile screens.", - tr: "Temel zorluk, birden fazla hizmet kategorisini ziyaretçiyi yormadan sunmak ve masaüstü/mobil ekranlarda rezervasyon aksiyonunu görünür ve basit tutmaktı.", - }, - solution: { - en: "I built a responsive multi-page structure with clear navigation, service-specific sections, package cards, visual hierarchy and reservation CTAs. The design keeps the brand colorful and friendly while maintaining a clean operational flow.", - tr: "Net navigasyon, hizmete özel bölümler, paket kartları, görsel hiyerarşi ve rezervasyon CTA'ları içeren responsive çok sayfalı bir yapı geliştirdim. Tasarım markanın renkli ve samimi karakterini korurken operasyonel akışı temiz tutar.", - }, - impact: { - en: "The website gave Atölye Joyday a professional digital presence and created a smoother path from discovery to reservation for real customers.", - tr: "Web sitesi Atölye Joyday'e profesyonel bir dijital varlık kazandırdı ve gerçek müşteriler için keşiften rezervasyona daha akıcı bir yol oluşturdu.", - }, - process: { - en: [ - { - title: "Service Architecture", - text: "Structured the studio’s experience areas, package information and customer entry points.", - }, - { - title: "Reservation Journey", - text: "Designed the journey from service discovery to package, date and contact selection.", - }, - { - title: "Frontend & Automation", - text: "Developed the responsive website and Google-based submission and notification workflows.", - }, - { - title: "Launch & Operations", - text: "Tested the customer journey, deployed the website and supported ongoing digital operations.", - }, - ], - tr: [ - { - title: "Hizmet Mimarisi", - text: "Atölyenin deneyim alanlarını, paket bilgilerini ve müşteri giriş noktalarını yapılandırdım.", - }, - { - title: "Rezervasyon Yolculuğu", - text: "Hizmet keşfinden paket, tarih ve iletişim seçimine uzanan yolculuğu tasarladım.", - }, - { - title: "Frontend ve Otomasyon", - text: "Responsive web sitesini ve Google tabanlı başvuru/bildirim akışlarını geliştirdim.", - }, - { - title: "Yayın ve Operasyon", - text: "Müşteri yolculuğunu test ettim, siteyi yayına aldım ve dijital operasyonları destekledim.", - }, - ], - }, - features: { - en: [ - "Live real-business website", - "Responsive service pages", - "Action Painting package presentation", - "Reservation-oriented customer journey", - "Clear brand and visual hierarchy", - ], - tr: [ - "Canlı gerçek işletme web sitesi", - "Responsive hizmet sayfaları", - "Action Painting paket sunumu", - "Rezervasyon odaklı müşteri yolculuğu", - "Net marka ve görsel hiyerarşi", - ], - }, - }, - drivenfinity: { - category: { en: "Game Development", tr: "Oyun Geliştirme" }, - title: { en: "Drivenfinity", tr: "Drivenfinity" }, - subtitle: { - en: "A hyper-casual 3D mobile driving simulation game focused on obstacle avoidance, reflexes and score improvement.", - tr: "Engellerden kaçınma, refleks ve skor geliştirme odaklı hyper-casual 3D mobil sürüş simülasyonu.", - }, - role: { en: "Unity Developer", tr: "Unity Developer" }, - year: "2025", - type: { en: "Mobile Game", tr: "Mobil Oyun" }, - status: { en: "Repository", tr: "Repository" }, - image: "assets/DrivenfinityPng.png", - gallery: ["assets/DrivenfinityPng.png"], - stack: ["Unity", "C#", "3D", "Mobile", "Gameplay Logic"], - links: [ - { - label: { en: "Open GitHub", tr: "GitHub'da Aç" }, - url: "https://github.com/UAJOP/Drivenfinity", - }, - ], - overview: { - en: "Drivenfinity is a mobile-focused driving game where the player tries to survive as long as possible and increase the score by avoiding obstacles.", - tr: "Drivenfinity, oyuncunun engellerden kaçarak mümkün olduğunca uzun süre hayatta kalmaya ve skorunu artırmaya çalıştığı mobil odaklı bir sürüş oyunudur.", - }, - challenge: { - en: "The main design challenge was to keep the gameplay simple enough for hyper-casual play while still making the loop feel responsive and replayable.", - tr: "Temel tasarım zorluğu, oynanışı hyper-casual kadar basit tutarken döngüyü akıcı ve tekrar oynanabilir hissettirmekti.", - }, - solution: { - en: "I structured the game around clear movement, obstacle navigation, scoring and fast restart logic to support short mobile sessions.", - tr: "Oyunu net hareket, engel navigasyonu, skor sistemi ve hızlı yeniden başlatma mantığı etrafında yapılandırdım.", - }, - features: { - en: [ - "3D driving gameplay", - "Obstacle avoidance loop", - "Score-based progression", - "Unity C# scripts", - "Mobile-friendly gameplay idea", - ], - tr: [ - "3D sürüş oynanışı", - "Engelden kaçınma döngüsü", - "Skor bazlı ilerleme", - "Unity C# scriptleri", - "Mobil dostu oyun fikri", - ], - }, - }, - "dunker-madness": { - category: { en: "Game Development", tr: "Oyun Geliştirme" }, - title: { en: "Dunker Madness", tr: "Dunker Madness" }, - subtitle: { - en: "A 2D physics-based projectile game inspired by aiming, tower destruction and strategic shots.", - tr: "Nişan alma, kule yıkımı ve stratejik atışlardan ilham alan 2D fizik tabanlı fırlatma oyunu.", - }, - role: { en: "Unity Developer", tr: "Unity Developer" }, - year: "2025", - type: { en: "2D Game", tr: "2D Oyun" }, - status: { en: "Repository", tr: "Repository" }, - image: "assets/Ekran görüntüsü 2025-02-25 202336.png", - gallery: ["assets/Ekran görüntüsü 2025-02-25 202336.png"], - stack: ["Unity", "C#", "2D Physics", "Projectile Logic"], - links: [ - { - label: { en: "Open GitHub", tr: "GitHub'da Aç" }, - url: "https://github.com/UAJOP/DunkerMadness", - }, - ], - overview: { - en: "Dunker Madness explores a physics-based shooting mechanic where the player launches projectiles to destroy enemy structures.", - tr: "Dunker Madness, oyuncunun düşman yapılarını yıkmak için fırlatma yaptığı fizik tabanlı bir atış mekaniğini araştırır.", - }, - challenge: { - en: "Physics games need satisfying feedback, readable trajectories and a balance between precision and fun.", - tr: "Fizik tabanlı oyunlarda tatmin edici geri bildirim, okunabilir atış yolları ve hassasiyet-eğlence dengesi gerekir.", - }, - solution: { - en: "The project focuses on simple projectile control, target interaction and structure destruction logic inside Unity.", - tr: "Proje Unity içinde basit fırlatma kontrolü, hedef etkileşimi ve yapı yıkım mantığına odaklanır.", - }, - features: { - en: [ - "2D projectile gameplay", - "Physics-based interactions", - "Enemy tower destruction", - "C# gameplay scripts", - "Angry Birds-style inspiration", - ], - tr: [ - "2D fırlatma oynanışı", - "Fizik tabanlı etkileşimler", - "Düşman kulesi yıkımı", - "C# gameplay scriptleri", - "Angry Birds tarzı ilham", - ], - }, - }, - "unity-essentials": { - category: { en: "Game Development", tr: "Oyun Geliştirme" }, - title: { en: "Unity Essentials", tr: "Unity Essentials" }, - subtitle: { - en: "A multi-scene Unity learning project focused on core mechanics and gameplay fundamentals.", - tr: "Temel mekanikler ve gameplay temellerine odaklanan çok sahneli Unity öğrenme projesi.", - }, - role: { en: "Unity Developer", tr: "Unity Developer" }, - year: "2025", - type: { en: "Learning Project", tr: "Öğrenme Projesi" }, - status: { en: "Repository", tr: "Repository" }, - image: "assets/converted_image.png", - gallery: ["assets/converted_image.png"], - stack: ["Unity 6", "C#", "Scenes", "Gameplay Fundamentals"], - links: [ - { - label: { en: "Open GitHub", tr: "GitHub'da Aç" }, - url: "https://github.com/UAJOP/UnityEssentials", - }, - ], - overview: { - en: "Unity Essentials is a learning-focused project containing multiple scenes that each explore a different Unity concept or mechanic.", - tr: "Unity Essentials, her biri farklı bir Unity konseptini veya mekaniğini araştıran çok sahneli öğrenme odaklı bir projedir.", - }, - challenge: { - en: "The goal was to strengthen Unity fundamentals by isolating mechanics into clear scenes and building them step by step.", - tr: "Amaç mekanikleri net sahnelere ayırarak Unity temellerini adım adım güçlendirmekti.", - }, - solution: { - en: "I structured the project as a practical learning environment with scene-based experimentation and reusable gameplay logic.", - tr: "Projeyi sahne bazlı denemeler ve tekrar kullanılabilir gameplay mantığıyla pratik bir öğrenme ortamı olarak yapılandırdım.", - }, - features: { - en: [ - "Multiple Unity scenes", - "Core mechanic experiments", - "C# implementation", - "Learning-focused structure", - "Gameplay fundamentals", - ], - tr: [ - "Çoklu Unity sahneleri", - "Temel mekanik denemeleri", - "C# uygulama", - "Öğrenme odaklı yapı", - "Gameplay temelleri", - ], - }, - }, - "extract-shoot-zero": { - category: { en: "Game Development", tr: "Oyun Geliştirme" }, - title: { en: "Extract Shoot: Zero", tr: "Extract Shoot: Zero" }, - subtitle: { - en: "A third-person action shooter prototype with enemy behavior, health management and combat-focused gameplay systems.", - tr: "Düşman davranışı, sağlık yönetimi ve savaş odaklı gameplay sistemleri içeren üçüncü şahıs aksiyon shooter prototipi.", - }, - role: { en: "Unreal Engine Developer", tr: "Unreal Engine Developer" }, - year: "2024", - type: { en: "Shooter Prototype", tr: "Shooter Prototipi" }, - status: { en: "Repository", tr: "Repository" }, - image: "assets/9b869e78-ccdd-41a1-b9bd-e2047dc7c245.jpg", - gallery: ["assets/9b869e78-ccdd-41a1-b9bd-e2047dc7c245.jpg"], - stack: [ - "Unreal Engine", - "C++", - "Blueprints", - "Enemy Behavior", - "Combat Systems", - ], - links: [ - { - label: { en: "Open GitHub", tr: "GitHub'da Aç" }, - url: "https://github.com/UAJOP/ExtractShoot-Zero", - }, - ], - overview: { - en: "Extract Shoot: Zero is a third-person action shooter prototype built to practice combat systems, enemy behavior and player health logic.", - tr: "Extract Shoot: Zero; savaş sistemleri, düşman davranışı ve oyuncu sağlık mantığını çalışmak için geliştirilmiş üçüncü şahıs aksiyon shooter prototipidir.", - }, - challenge: { - en: "A shooter prototype requires multiple systems to work together: movement, enemy behavior, health, damage and combat feedback.", - tr: "Bir shooter prototipinde hareket, düşman davranışı, sağlık, hasar ve savaş geri bildirimi gibi birçok sistem birlikte çalışmalıdır.", - }, - solution: { - en: "I built the project using Unreal Engine with C++ and Blueprints, focusing on clear game state and combat interaction logic.", - tr: "Projeyi Unreal Engine üzerinde C++ ve Blueprints ile geliştirerek net oyun durumu ve savaş etkileşimi mantığına odaklandım.", - }, - features: { - en: [ - "Third-person combat", - "Enemy behavior logic", - "Health and damage systems", - "Unreal Engine workflow", - "Blueprint and C++ usage", - ], - tr: [ - "Üçüncü şahıs savaş", - "Düşman davranış mantığı", - "Sağlık ve hasar sistemleri", - "Unreal Engine iş akışı", - "Blueprint ve C++ kullanımı", - ], - }, - }, - "tank-savage": { - category: { en: "Game Development", tr: "Oyun Geliştirme" }, - title: { en: "Tank Savage", tr: "Tank Savage" }, - subtitle: { - en: "A third-person tank combat prototype built with Unreal Engine, Blueprints, C++ and physics-based gameplay ideas.", - tr: "Unreal Engine, Blueprints, C++ ve fizik tabanlı gameplay fikirleriyle geliştirilen üçüncü şahıs tank savaş prototipi.", - }, - role: { en: "Unreal Engine Developer", tr: "Unreal Engine Developer" }, - year: "2024", - type: { en: "Combat Game Prototype", tr: "Savaş Oyunu Prototipi" }, - status: { en: "Repository", tr: "Repository" }, - image: "assets/maxresdefault.jpg", - gallery: ["assets/maxresdefault.jpg"], - stack: ["Unreal Engine", "C++", "Blueprints", "Physics", "Combat"], - links: [ - { - label: { en: "Open GitHub", tr: "GitHub'da Aç" }, - url: "https://github.com/UAJOP/TankSavage", - }, - ], - overview: { - en: "Tank Savage focuses on tank movement, combat interaction and Unreal Engine gameplay prototyping.", - tr: "Tank Savage; tank hareketi, savaş etkileşimi ve Unreal Engine gameplay prototiplemesine odaklanır.", - }, - challenge: { - en: "Vehicle-style combat requires different control feel, collision behavior and combat pacing compared to character-based games.", - tr: "Araç tabanlı savaş; karakter tabanlı oyunlara göre farklı kontrol hissi, çarpışma davranışı ve savaş temposu gerektirir.", - }, - solution: { - en: "I approached the project as a prototype for tank control, environment interaction and combat rules using Unreal workflows.", - tr: "Projeye Unreal iş akışlarıyla tank kontrolü, çevre etkileşimi ve savaş kuralları prototipi olarak yaklaştım.", - }, - features: { - en: [ - "Tank control logic", - "Combat prototype", - "Physics-based interaction", - "Blueprint/C++ workflow", - "Unreal Engine 5 practice", - ], - tr: [ - "Tank kontrol mantığı", - "Savaş prototipi", - "Fizik tabanlı etkileşim", - "Blueprint/C++ iş akışı", - "Unreal Engine 5 pratiği", - ], - }, - }, - "hospital-form-app": { - category: { en: "Software / Database", tr: "Yazılım / Veritabanı" }, - title: { en: "Hospital Form App", tr: "Hospital Form App" }, - subtitle: { - en: "A 2024 academic C# Windows Forms project demonstrating patient, doctor, secretary and appointment workflows through SQL Server and ADO.NET. The repository is preserved as a source archive.", - tr: "SQL Server ve ADO.NET üzerinden hasta, doktor, sekreter ve randevu iş akışlarını gösteren 2024 tarihli akademik C# Windows Forms projesi. Repository bir kaynak arşivi olarak korunuyor.", - }, - role: { en: "Software Developer", tr: "Yazılım Geliştirici" }, - year: "2024", - type: { - en: "Academic / Personal Software Project", - tr: "Akademik / Kişisel Yazılım Projesi", - }, - status: { en: "Source Archive", tr: "Kaynak Arşivi" }, - image: "assets/hospital_form_app_cover.webp", - gallery: [ - "assets/hospital-system-patient-workflow.webp", - "assets/hospital-system-secretary-workflow.webp", - "assets/hospital-system-doctor-workflow.webp", - "assets/hospital-system-database.webp", - "assets/hospital-system-registration.webp", - ], - stack: [ - "C#", - ".NET Framework", - "Windows Forms", - "SQL Server", - "ADO.NET", - "Database Design", - ], - links: [ - { - label: { en: "View Case Study", tr: "Vaka Çalışmasını Gör" }, - url: "hospital-system-case-study.html", - }, - { - label: { - en: "View Source Archive", - tr: "Kaynak Arşivini Gör", - }, - url: "https://github.com/UAJOP/Hospital-System", - }, - ], - overview: { - en: "Hospital Form App is the portfolio card name for Hospital System, an individual Visual Programming course project that combines three role-specific Windows Forms journeys with direct SQL Server operations. The repository preserves code excerpts, schema and interface evidence rather than a runnable build.", - tr: "Hospital Form App, üç role özel Windows Forms yolculuğunu doğrudan SQL Server işlemleriyle birleştiren bireysel Görsel Programlama dersi projesi Hospital System'ın portfolio kart adıdır. Repository çalıştırılabilir build yerine kod dökümlerini, şemayı ve arayüz kanıtlarını korur.", - }, - challenge: { - en: "The project required organizing 15 forms, three user journeys and direct database operations while keeping the patient, doctor and secretary workflows understandable.", - tr: "Proje; hasta, doktor ve sekreter iş akışlarını anlaşılır tutarken 15 formu, üç kullanıcı yolculuğunu ve doğrudan veritabanı işlemlerini düzenlemeyi gerektirdi.", - }, - solution: { - en: "I structured the academic desktop application around dedicated role forms, event-driven navigation and ADO.NET commands operating on a six-table SQL Server model.", - tr: "Akademik masaüstü uygulamayı role özel formlar, event-driven navigation ve altı tabloluk SQL Server modeli üzerinde çalışan ADO.NET komutları etrafında yapılandırdım.", - }, - process: { - en: [ - { - title: "Form Architecture", - text: "Structured the interface around dedicated patient, doctor and secretary forms.", - }, - { - title: "Role Workflows", - text: "Connected appointment and profile actions across the three role-specific journeys.", - }, - { - title: "ADO.NET Operations", - text: "Organized SQL Server create, read, update and delete operations through ADO.NET commands.", - }, - { - title: "Archive Documentation", - text: "Preserved code excerpts, schema and interface evidence for repository review.", - }, - ], - tr: [ - { - title: "Form Mimarisi", - text: "Arayüzü hasta, doktor ve sekreter için ayrılmış formlar etrafında yapılandırdım.", - }, - { - title: "Rol Akışları", - text: "Randevu ve profil işlemlerini role özel üç kullanıcı yolculuğu boyunca bağladım.", - }, - { - title: "ADO.NET İşlemleri", - text: "SQL Server oluşturma, okuma, güncelleme ve silme işlemlerini ADO.NET komutlarıyla düzenledim.", - }, - { - title: "Arşiv Dokümantasyonu", - text: "Repository incelemesi için kod dökümlerini, şemayı ve arayüz kanıtlarını korudum.", - }, - ], - }, - features: { - en: [ - "Three dedicated user workflows", - "Fifteen Windows Forms", - "Six SQL Server tables", - "Create, read, update and delete operations", - "Archived interface and schema evidence", - ], - tr: [ - "Üç ayrı kullanıcı iş akışı", - "On beş Windows Formu", - "Altı SQL Server tablosu", - "Oluşturma, okuma, güncelleme ve silme işlemleri", - "Arşivlenmiş arayüz ve şema kanıtları", - ], - }, - }, - "cars-dataset-analysis": { - category: { en: "Data Analysis", tr: "Veri Analizi" }, - title: { en: "Cars Dataset Analysis", tr: "Cars Veri Seti Analizi" }, - subtitle: { - en: "A Python data project combining exploratory analysis and visualization with a small linear-regression experiment for car-price estimation.", - tr: "Keşifsel analiz ve görselleştirmeyi araç fiyatı tahmini için küçük bir doğrusal regresyon deneyiyle birleştiren Python veri projesi.", - }, - role: { en: "Python Developer", tr: "Python Developer" }, - year: "2024", - type: { en: "Data Project", tr: "Veri Projesi" }, - status: { en: "Repository", tr: "Repository" }, - image: "assets/what-is-data-analyst.jpg", - gallery: ["assets/what-is-data-analyst.jpg"], - stack: [ - "Python", - "Pandas", - "NumPy", - "Matplotlib", - "Seaborn", - "scikit-learn", - "Linear Regression", - ], - links: [ - { - label: { en: "Open GitHub", tr: "GitHub'da Aç" }, - url: "https://github.com/UAJOP/Cars-Dataset-Analysis", - }, - ], - overview: { - en: "The project primarily explores, cleans and visualizes automotive data. It also includes a small scikit-learn Linear Regression experiment to examine basic car-price estimation in a controlled notebook workflow.", - tr: "Proje öncelikle otomotiv verilerini keşfeder, temizler ve görselleştirir. Ayrıca kontrollü bir notebook akışında temel araç fiyatı tahminini incelemek için küçük bir scikit-learn Linear Regression deneyi içerir.", - }, - challenge: { - en: "A data project needs clean exploration, understandable outputs and a structure that makes the analysis easy to follow.", - tr: "Bir veri projesi temiz keşif, anlaşılır çıktılar ve analizin kolay takip edilebilir olduğu bir yapı gerektirir.", - }, - solution: { - en: "I used Pandas, NumPy, Matplotlib and Seaborn for the main exploratory workflow, then added a small scikit-learn Linear Regression experiment as a secondary technical exercise.", - tr: "Ana keşifsel analiz akışında Pandas, NumPy, Matplotlib ve Seaborn kullandım; ardından ikincil bir teknik çalışma olarak küçük bir scikit-learn Linear Regression deneyi ekledim.", - }, - features: { - en: [ - "Exploratory data analysis", - "Data cleaning and preparation", - "Matplotlib and Seaborn visualizations", - "Automotive data observations", - "Small Linear Regression experiment", - ], - tr: [ - "Keşifsel veri analizi", - "Veri temizleme ve hazırlama", - "Matplotlib ve Seaborn görselleştirmeleri", - "Otomotiv verisi gözlemleri", - "Küçük Linear Regression deneyi", - ], - }, - }, - "my-museum": { - category: { en: "Mobile Development", tr: "Mobil Geliştirme" }, - title: { - en: "MyMuseum — Mobile Content App", - tr: "MyMuseum — Mobil İçerik Uygulaması", - }, - subtitle: { - en: "An Android content-sharing application built with Kotlin and Firebase around mobile user flows and database-backed interactions.", - tr: "Mobil kullanıcı akışları ve veritabanı destekli etkileşimler etrafında Kotlin ve Firebase ile geliştirilen Android içerik paylaşım uygulaması.", - }, - role: { en: "Android Developer", tr: "Android Developer" }, - year: "2023", - type: { en: "Android App", tr: "Android Uygulaması" }, - status: { en: "Repository", tr: "Repository" }, - image: "assets/insatagram.webp", - gallery: ["assets/insatagram.webp"], - stack: ["Kotlin", "Android Studio", "Firebase", "Mobile UI", "Database"], - links: [ - { - label: { en: "Open GitHub", tr: "GitHub'da Aç" }, - url: "https://github.com/UAJOP/MyMuseum", - }, - ], - overview: { - en: "MyMuseum is an Android content-sharing application focused on mobile user flows and Firebase-backed interactions.", - tr: "MyMuseum, mobil kullanıcı akışlarına ve Firebase destekli etkileşimlere odaklanan Android içerik paylaşım uygulamasıdır.", - }, - challenge: { - en: "The project required connecting mobile UI screens with Firebase-backed content logic.", - tr: "Proje, mobil UI ekranlarını Firebase destekli içerik mantığıyla bağlamayı gerektirdi.", - }, - solution: { - en: "I built the app using Kotlin in Android Studio, focusing on core mobile flow and Firebase integration.", - tr: "Uygulamayı Android Studio'da Kotlin ile geliştirerek temel mobil akışa ve Firebase entegrasyonuna odaklandım.", - }, - features: { - en: [ - "Kotlin Android app", - "Firebase database", - "Content-sharing flow", - "Mobile content flow", - "Android Studio workflow", - ], - tr: [ - "Kotlin Android uygulaması", - "Firebase veritabanı", - "İçerik paylaşım akışı", - "Mobil içerik akışı", - "Android Studio iş akışı", - ], - }, - }, - "weather-app": { - category: { en: "Web Development", tr: "Web Geliştirme" }, - title: { en: "Weather App", tr: "Weather App" }, - subtitle: { - en: "A JavaScript weather application that fetches forecast data and presents location-based weather information.", - tr: "Hava durumu verilerini çeken ve konuma göre hava bilgisi sunan JavaScript uygulaması.", - }, - role: { en: "Frontend Developer", tr: "Frontend Developer" }, - year: "2023", - type: { en: "Web App", tr: "Web Uygulaması" }, - status: { en: "Repository", tr: "Repository" }, - image: "assets/7477790.png", - gallery: ["assets/7477790.png"], - stack: ["HTML", "CSS", "JavaScript", "API", "Frontend"], - links: [ - { - label: { en: "Open GitHub", tr: "GitHub'da Aç" }, - url: "https://github.com/UAJOP/Wheather-App", - }, - ], - overview: { - en: "Weather App is a frontend project focused on retrieving weather data and presenting it through a simple user interface.", - tr: "Weather App, hava durumu verilerini alıp basit bir kullanıcı arayüzü üzerinden sunmaya odaklanan frontend projesidir.", - }, - challenge: { - en: "The main challenge was connecting user-facing UI with external weather data in a clear and usable way.", - tr: "Temel zorluk kullanıcı arayüzünü dış hava durumu verisiyle net ve kullanılabilir şekilde bağlamaktı.", - }, - solution: { - en: "I built a JavaScript-based interface that fetches and displays weather information for the user.", - tr: "Kullanıcı için hava durumu bilgisini çeken ve gösteren JavaScript tabanlı bir arayüz geliştirdim.", - }, - features: { - en: [ - "JavaScript data fetching", - "Weather information display", - "Frontend UI", - "Location-based concept", - "API-oriented practice", - ], - tr: [ - "JavaScript veri çekme", - "Hava bilgisi gösterimi", - "Frontend UI", - "Konum bazlı konsept", - "API odaklı pratik", - ], - }, - }, -}; - -const githubRepositoryProjectDetails = { - "control-panel": { - category: { - en: "Web & Dashboard", - tr: "Web & Dashboard", - }, - title: { - en: "Control Panel", - tr: "Control Panel", - }, - subtitle: { - en: "A PHP and MySQL based administration dashboard with database-backed management screens and operational control flows.", - tr: "Veritabanı destekli yönetim ekranları ve operasyonel kontrol akışları içeren PHP ve MySQL tabanlı yönetim paneli.", - }, - role: { - en: "Full-Stack Developer", - tr: "Full-Stack Developer", - }, - year: "2024", - type: { - en: "Dashboard Project", - tr: "Dashboard Projesi", - }, - status: { - en: "Repository", - tr: "Repository", - }, - image: "assets/control_panel_cover.webp", - gallery: ["assets/control_panel_cover.webp"], - stack: ["PHP", "MySQL", "CSS", "JavaScript", "Dashboard"], - links: [ - { - label: { - en: "Open GitHub", - tr: "GitHub'da Aç", - }, - url: "https://github.com/UAJOP/Control-Panel", - }, - ], - overview: { - en: "Control Panel is a PHP and MySQL administration dashboard with database-backed management screens and operational flows.", - tr: "Control Panel, veritabanı destekli yönetim ekranları ve operasyonel akışlar içeren PHP ve MySQL tabanlı yönetim panelidir.", - }, - challenge: { - en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", - tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", - }, - solution: { - en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", - tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", - }, - features: { - en: [ - "Dashboard-style interface", - "Admin panel structure", - "PHP management screens", - "MySQL-backed operations", - "Reusable UI sections", - "School/project-based web workflow", - ], - tr: [ - "Dashboard tarzı arayüz", - "Admin panel yapısı", - "PHP yönetim ekranları", - "MySQL destekli işlemler", - "Tekrar kullanılabilir UI bölümleri", - "Okul/proje bazlı web iş akışı", - ], - }, - }, - "hospital-appointment-system": { - category: { - en: "Data / Backend", - tr: "Veri / Backend", - }, - title: { - en: "Hospital Appointment System", - tr: "Hospital Appointment System", - }, - subtitle: { - en: "A Python-based hospital appointment automation system with a Tkinter interface and MySQL-backed patient, doctor, staff and appointment workflows.", - tr: "Tkinter arayüzü ve MySQL destekli hasta, doktor, personel ve randevu akışlarına sahip Python tabanlı hastane randevu otomasyonu.", - }, - role: { - en: "Python / Database Developer", - tr: "Python / Veritabanı Developer", - }, - year: "2024", - type: { - en: "Desktop Automation System", - tr: "Masaüstü Otomasyon Sistemi", - }, - status: { - en: "Repository", - tr: "Repository", - }, - image: "assets/hastane.jpg", - gallery: ["assets/hastane.jpg", "assets/hospital.avif"], - stack: ["Python", "Tkinter", "MySQL", "MySQL Connector", "PIL", "Datetime"], - links: [ - { - label: { - en: "Open GitHub", - tr: "GitHub'da Aç", - }, - url: "https://github.com/UAJOP/Hospital-Appointment-System", - }, - ], - overview: { - en: "Hospital Appointment System is a Python desktop automation project designed to simplify appointment scheduling for patients, doctors and hospital staff. The project uses a Tkinter GUI, MySQL database connection and supporting Python libraries to create an accessible, database-backed appointment flow.", - tr: "Hospital Appointment System; hastalar, doktorlar ve hastane personeli için randevu alma sürecini kolaylaştırmak üzere geliştirilmiş Python tabanlı bir masaüstü otomasyon projesidir. Proje; Tkinter GUI, MySQL veritabanı bağlantısı ve destekleyici Python kütüphaneleriyle erişilebilir, veritabanı destekli bir randevu akışı oluşturur.", - }, - challenge: { - en: "The main challenge was creating a clear appointment workflow that stays simple for patients, while still supporting doctor, staff and database-management needs behind the scenes.", - tr: "Temel zorluk; hastalar için sade kalan, aynı zamanda doktor, personel ve veritabanı yönetimi ihtiyaçlarını arka planda destekleyen net bir randevu akışı oluşturmaktı.", - }, - solution: { - en: "I structured the application around a patient-friendly Tkinter interface, MySQL-backed data persistence, appointment slot management and separate flows for patients, doctors and staff. PIL is used for visual UI support, while Python's datetime logic handles appointment timing operations.", - tr: "Uygulamayı hasta dostu Tkinter arayüzü, MySQL destekli veri kalıcılığı, randevu slot yönetimi ve hasta/doktor/personel akışları etrafında yapılandırdım. PIL görsel arayüz desteği için, Python datetime mantığı ise randevu zamanlama işlemleri için kullanıldı.", - }, - impact: { - en: "The project demonstrates Python GUI development, relational database usage and practical automation thinking for healthcare appointment workflows.", - tr: "Proje; sağlık randevu akışları için Python GUI geliştirme, ilişkisel veritabanı kullanımı ve pratik otomasyon düşüncesini gösterir.", - }, - process: { - en: [ - { - title: "Interface planning", - text: "Designed a simple Tkinter-based desktop interface that patients and staff can understand quickly.", - }, - { - title: "Database setup", - text: "Structured MySQL tables and connection logic for users, doctors, appointments and persistent records.", - }, - { - title: "Appointment logic", - text: "Built scheduling flows around available slots, selected appointment times and user actions.", - }, - { - title: "Testing and improvement", - text: "Refined the project by testing GUI behavior, database connection and appointment operations.", - }, - ], - tr: [ - { - title: "Arayüz planlama", - text: "Hasta ve personelin hızlı anlayabileceği sade Tkinter tabanlı masaüstü arayüz planlandı.", - }, - { - title: "Veritabanı kurulumu", - text: "Kullanıcılar, doktorlar, randevular ve kalıcı kayıtlar için MySQL tablo ve bağlantı mantığı yapılandırıldı.", - }, - { - title: "Randevu mantığı", - text: "Uygun slotlar, seçilen randevu saatleri ve kullanıcı aksiyonları etrafında zamanlama akışları geliştirildi.", - }, - { - title: "Test ve geliştirme", - text: "GUI davranışı, veritabanı bağlantısı ve randevu işlemleri test edilerek proje iyileştirildi.", - }, - ], - }, - features: { - en: [ - "Patient-friendly Tkinter GUI", - "Doctor and hospital staff appointment panels", - "MySQL-backed patient, doctor and appointment records", - "Automated appointment slot selection logic", - "PIL-supported visual interface elements", - "Datetime-based scheduling operations", - ], - tr: [ - "Hasta dostu Tkinter GUI", - "Doktor ve hastane personeli randevu panelleri", - "MySQL destekli hasta, doktor ve randevu kayıtları", - "Otomatik randevu slot seçim mantığı", - "PIL destekli görsel arayüz elemanları", - "Datetime tabanlı zamanlama işlemleri", - ], - }, - }, - "escape-island": { - category: { - en: "Game Development", - tr: "Oyun Geliştirme", - }, - title: { - en: "Escape Island", - tr: "Escape Island", - }, - subtitle: { - en: "A solo third-person platforming and escape prototype built with Unreal Engine 5, C++ and Blueprints.", - tr: "Unreal Engine 5, C++ ve Blueprints ile geliştirilen solo üçüncü şahıs platform ve kaçış prototipi.", - }, - role: { - en: "Game Developer", - tr: "Game Developer", - }, - year: "2024", - type: { - en: "Game Prototype", - tr: "Oyun Prototipi", - }, - status: { - en: "Prototype", - tr: "Prototip", - }, - image: "assets/escape.jpg", - gallery: ["assets/escape.jpg"], - stack: ["Unreal Engine 5.4.4", "C++", "Blueprints", "Platforming"], - links: [ - { - label: { - en: "Open GitHub", - tr: "GitHub'da Aç", - }, - url: "https://github.com/UAJOP/EscapeIsland", - }, - ], - overview: { - en: "Escape Island is a solo Unreal Engine 5.4.4 prototype combining C++ and Blueprints in a timed third-person platforming flow.", - tr: "Escape Island, zaman odaklı üçüncü şahıs platform akışında C++ ve Blueprints'i birleştiren solo Unreal Engine 5.4.4 prototipidir.", - }, - challenge: { - en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", - tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", - }, - solution: { - en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", - tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", - }, - features: { - en: [ - "Unreal Engine 5.4.4", - "C++ and Blueprints integration", - "Timed platforming flow", - "Moving and rotating obstacles", - "Solo prototype", - ], - tr: [ - "Unreal Engine 5.4.4", - "C++ ve Blueprints entegrasyonu", - "Zaman odaklı platform akışı", - "Hareketli ve dönen engeller", - "Solo prototip", - ], - }, - }, - "calculator-android-studio": { - category: { - en: "Mobile Development", - tr: "Mobil Geliştirme", - }, - title: { - en: "Calculator Android Studio", - tr: "Calculator Android Studio", - }, - subtitle: { - en: "A mobile calculator app built in Android Studio to practice interface structure and basic app logic.", - tr: "Arayüz yapısı ve temel uygulama mantığı pratiği için Android Studio’da geliştirilen mobil hesap makinesi uygulaması.", - }, - role: { - en: "Android Developer", - tr: "Android Developer", - }, - year: "2024", - type: { - en: "Mobile App", - tr: "Mobil Uygulama", - }, - status: { - en: "Repository", - tr: "Repository", - }, - image: "assets/calculator-cartoon-illustration-png.webp", - gallery: ["assets/calculator-cartoon-illustration-png.webp"], - stack: ["Android Studio", "Mobile UI", "App Logic", "Input Handling"], - links: [ - { - label: { - en: "Open GitHub", - tr: "GitHub'da Aç", - }, - url: "https://github.com/UAJOP/Calculator-Android-Studio", - }, - ], - overview: { - en: "A mobile calculator app built in Android Studio to practice interface structure and basic app logic.", - tr: "Arayüz yapısı ve temel uygulama mantığı pratiği için Android Studio’da geliştirilen mobil hesap makinesi uygulaması.", - }, - challenge: { - en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", - tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", - }, - solution: { - en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", - tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", - }, - features: { - en: [ - "Calculator operations", - "Android UI practice", - "Mobile project structure", - "Input handling", - "Beginner-friendly app logic", - ], - tr: [ - "Hesap makinesi işlemleri", - "Android UI pratiği", - "Mobil proje yapısı", - "Input yönetimi", - "Temel uygulama mantığı", - ], - }, - }, - "calculator-javascript": { - category: { - en: "Web Development", - tr: "Web Geliştirme", - }, - title: { - en: "Calculator JavaScript", - tr: "Calculator JavaScript", - }, - subtitle: { - en: "A JavaScript calculator project focused on DOM interaction, UI state and basic frontend logic.", - tr: "DOM etkileşimi, UI state ve temel frontend mantığına odaklanan JavaScript hesap makinesi projesi.", - }, - role: { - en: "Frontend Developer", - tr: "Frontend Developer", - }, - year: "2024", - type: { - en: "Frontend App", - tr: "Frontend Uygulaması", - }, - status: { - en: "Repository", - tr: "Repository", - }, - image: "assets/images.png", - gallery: ["assets/images.png"], - stack: ["HTML", "CSS", "JavaScript", "DOM"], - links: [ - { - label: { - en: "Open GitHub", - tr: "GitHub'da Aç", - }, - url: "https://github.com/UAJOP/Calculator-JavaScript", - }, - ], - overview: { - en: "A JavaScript calculator project focused on DOM interaction, UI state and basic frontend logic.", - tr: "DOM etkileşimi, UI state ve temel frontend mantığına odaklanan JavaScript hesap makinesi projesi.", - }, - challenge: { - en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", - tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", - }, - solution: { - en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", - tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", - }, - features: { - en: [ - "DOM-based interactions", - "Calculator logic", - "Frontend state practice", - "Simple UI structure", - "JavaScript fundamentals", - ], - tr: [ - "DOM tabanlı etkileşim", - "Hesap makinesi mantığı", - "Frontend state pratiği", - "Basit UI yapısı", - "JavaScript temelleri", - ], - }, - }, - "warehouse-war": { - category: { - en: "Game Development", - tr: "Oyun Geliştirme", - }, - title: { - en: "Warehouse War", - tr: "Warehouse War", - }, - subtitle: { - en: "A warehouse-themed game prototype exploring combat, environment layout and gameplay systems.", - tr: "Savaş, çevre yerleşimi ve gameplay sistemlerini deneyen depo temalı oyun prototipi.", - }, - role: { - en: "Game Developer", - tr: "Game Developer", - }, - year: "2024", - type: { - en: "Game Prototype", - tr: "Oyun Prototipi", - }, - status: { - en: "Repository", - tr: "Repository", - }, - image: "assets/WarehouseWreckage main pp.png", - gallery: ["assets/WarehouseWreckage main pp.png"], - stack: ["Unreal Engine", "Game Design", "Combat Logic", "Environment"], - links: [ - { - label: { - en: "Open GitHub", - tr: "GitHub'da Aç", - }, - url: "https://github.com/UAJOP/Warehouse-War", - }, - ], - overview: { - en: "A warehouse-themed game prototype exploring combat, environment layout and gameplay systems.", - tr: "Savaş, çevre yerleşimi ve gameplay sistemlerini deneyen depo temalı oyun prototipi.", - }, - challenge: { - en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", - tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", - }, - solution: { - en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", - tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", - }, - features: { - en: [ - "Warehouse combat concept", - "Environment layout practice", - "Prototype gameplay systems", - "Action-focused interaction", - "Game project workflow", - ], - tr: [ - "Depo savaş konsepti", - "Çevre yerleşimi pratiği", - "Prototip gameplay sistemleri", - "Aksiyon odaklı etkileşim", - "Oyun projesi iş akışı", - ], - }, - }, - "legacy-of-the-lost": { - category: { - en: "Game Development", - tr: "Oyun Geliştirme", - }, - title: { - en: "Legacy of the Lost", - tr: "Legacy of the Lost", - }, - subtitle: { - en: "A game prototype with a darker adventure atmosphere, built around exploration and scene presentation.", - tr: "Keşif ve sahne sunumu etrafında geliştirilen, daha karanlık macera atmosferine sahip oyun prototipi.", - }, - role: { - en: "Game Developer", - tr: "Game Developer", - }, - year: "2025", - type: { - en: "Game Prototype", - tr: "Oyun Prototipi", - }, - status: { - en: "Repository", - tr: "Repository", - }, - image: "assets/111266f6-5226-4f00-aacc-efde413516ed.jpg", - gallery: ["assets/111266f6-5226-4f00-aacc-efde413516ed.jpg"], - stack: ["Game Design", "Level Design", "Atmosphere", "Prototype"], - links: [ - { - label: { - en: "Open GitHub", - tr: "GitHub'da Aç", - }, - url: "https://github.com/UAJOP/LegacyOfTheLost", - }, - ], - overview: { - en: "A game prototype with a darker adventure atmosphere, built around exploration and scene presentation.", - tr: "Keşif ve sahne sunumu etrafında geliştirilen, daha karanlık macera atmosferine sahip oyun prototipi.", - }, - challenge: { - en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", - tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", - }, - solution: { - en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", - tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", - }, - features: { - en: [ - "Adventure atmosphere", - "Scene composition practice", - "Prototype presentation", - "Exploration-oriented idea", - "Game design experimentation", - ], - tr: [ - "Macera atmosferi", - "Sahne kompozisyon pratiği", - "Prototip sunumu", - "Keşif odaklı fikir", - "Oyun tasarımı denemesi", - ], - }, - }, - "porto-25": { - category: { - en: "Web Development", - tr: "Web Geliştirme", - }, - title: { - en: "Porto 25", - tr: "Porto 25", - }, - subtitle: { - en: "A Tailwind CSS focused portfolio / landing page experiment built to practice responsive layout, personal branding and modern web presentation.", - tr: "Tailwind CSS odaklı kişisel portfolyo / landing page denemesi; responsive arayüz, modern layout ve marka sunumu pratiği.", - }, - role: { - en: "Frontend Developer", - tr: "Frontend Developer", - }, - year: "2024", - type: { - en: "Tailwind Portfolio UI", - tr: "Tailwind Portfolyo UI", - }, - status: { - en: "Repository", - tr: "Repository", - }, - image: "assets/porto_25_cover.webp", - gallery: ["assets/porto_25_cover.webp"], - stack: [ - "HTML", - "Tailwind CSS", - "Responsive Design", - "Portfolio UI", - "Frontend Layout", - ], - links: [ - { - label: { - en: "Open GitHub", - tr: "GitHub'da Aç", - }, - url: "https://github.com/UAJOP/Porto-25", - }, - ], - overview: { - en: "Porto 25 is a frontend practice repository focused on building a clean portfolio / landing page interface with Tailwind CSS. It represents an earlier personal-branding and layout experiment before the current full portfolio system.", - tr: "Porto 25, Tailwind CSS ile temiz bir portfolyo / landing page arayüzü oluşturmayı hedefleyen frontend pratik reposudur. Güncel kapsamlı portfolyo sisteminden önceki kişisel marka ve layout denemelerinden birini temsil eder.", - }, - challenge: { - en: "The goal was to practice modern responsive page structure, section hierarchy, spacing and visual consistency in a lightweight static website format.", - tr: "Amaç; hafif bir statik web yapısında modern responsive sayfa düzeni, bölüm hiyerarşisi, boşluk kullanımı ve görsel tutarlılık pratiği yapmaktı.", - }, - solution: { - en: "I approached it as a Tailwind-driven UI exercise: creating reusable sections, keeping the layout responsive and shaping the content around a personal portfolio presentation.", - tr: "Projeye Tailwind odaklı bir UI egzersizi olarak yaklaştım; tekrar kullanılabilir bölümler oluşturdum, layout’u responsive tuttum ve içeriği kişisel portfolyo sunumu etrafında yapılandırdım.", - }, - features: { - en: [ - "Tailwind CSS layout practice", - "Personal portfolio / landing page structure", - "Responsive section design", - "Static frontend presentation", - "Early personal branding experiment", - ], - tr: [ - "Tailwind CSS layout pratiği", - "Kişisel portfolyo / landing page yapısı", - "Responsive bölüm tasarımı", - "Statik frontend sunumu", - "Erken dönem kişisel marka denemesi", - ], - }, - }, - "my-java-projects": { - category: { - en: "Software Development", - tr: "Yazılım Geliştirme", - }, - title: { - en: "My Java Projects", - tr: "My Java Projects", - }, - subtitle: { - en: "A collection of Java practice projects focused on object-oriented programming, algorithms and core language fundamentals.", - tr: "Nesne yönelimli programlama, algoritmalar ve temel dil yapılarına odaklanan Java pratik projeleri koleksiyonu.", - }, - role: { - en: "Java Developer", - tr: "Java Developer", - }, - year: "2024", - type: { - en: "Learning Repository", - tr: "Öğrenme Deposu", - }, - status: { - en: "Repository", - tr: "Repository", - }, - image: "assets/java.png", - gallery: ["assets/java.png"], - stack: ["Java", "OOP", "Algorithms", "Console Apps"], - links: [ - { - label: { - en: "Open GitHub", - tr: "GitHub'da Aç", - }, - url: "https://github.com/UAJOP/My-java-projects", - }, - ], - overview: { - en: "A collection of Java practice projects focused on object-oriented programming, algorithms and core language fundamentals.", - tr: "Nesne yönelimli programlama, algoritmalar ve temel dil yapılarına odaklanan Java pratik projeleri koleksiyonu.", - }, - challenge: { - en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", - tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", - }, - solution: { - en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", - tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", - }, - features: { - en: [ - "Java fundamentals", - "OOP practice", - "Algorithm exercises", - "Learning repository structure", - "Core programming logic", - ], - tr: [ - "Java temelleri", - "OOP pratiği", - "Algoritma egzersizleri", - "Öğrenme deposu yapısı", - "Temel programlama mantığı", - ], - }, - }, - "agency-db": { - category: { - en: "Data / Backend", - tr: "Veri / Backend", - }, - title: { - en: "Agency DB", - tr: "Agency DB", - }, - subtitle: { - en: "A database-focused project for modeling agency-style records, relations and structured data operations.", - tr: "Ajans tarzı kayıtları, ilişkileri ve yapılandırılmış veri işlemlerini modellemeye odaklanan veritabanı projesi.", - }, - role: { - en: "Database Developer", - tr: "Database Developer", - }, - year: "2024", - type: { - en: "Database Project", - tr: "Veritabanı Projesi", - }, - status: { - en: "Repository", - tr: "Repository", - }, - image: "assets/agency_db_cover.webp", - gallery: ["assets/agency_db_cover.webp"], - stack: ["SQL", "Database Design", "Data Modeling", "ER Logic"], - links: [ - { - label: { - en: "Open GitHub", - tr: "GitHub'da Aç", - }, - url: "https://github.com/UAJOP/Agency-Db", - }, - ], - overview: { - en: "A database-focused project for modeling agency-style records, relations and structured data operations.", - tr: "Ajans tarzı kayıtları, ilişkileri ve yapılandırılmış veri işlemlerini modellemeye odaklanan veritabanı projesi.", - }, - challenge: { - en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", - tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", - }, - solution: { - en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", - tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", - }, - features: { - en: [ - "Relational data modeling", - "SQL practice", - "Agency record structure", - "Database normalization concept", - "Data operation planning", - ], - tr: [ - "İlişkisel veri modelleme", - "SQL pratiği", - "Ajans kayıt yapısı", - "Veritabanı normalizasyon konsepti", - "Veri operasyon planlama", - ], - }, - }, - "mandelas-web-site-project": { - category: { - en: "Web Development", - tr: "Web Geliştirme", - }, - title: { - en: "Mandelas Website Project", - tr: "Mandelas Website Project", - }, - subtitle: { - en: "A website project focused on content structure, frontend layout and static page development.", - tr: "İçerik yapısı, frontend layout ve statik sayfa geliştirmeye odaklanan web sitesi projesi.", - }, - role: { - en: "Web Developer", - tr: "Web Developer", - }, - year: "2024", - type: { - en: "Website Project", - tr: "Web Sitesi Projesi", - }, - status: { - en: "Repository", - tr: "Repository", - }, - image: "assets/images (1).png", - gallery: ["assets/images (1).png"], - stack: ["HTML", "CSS", "JavaScript", "Static Website"], - links: [ - { - label: { - en: "Open GitHub", - tr: "GitHub'da Aç", - }, - url: "https://github.com/UAJOP/Mandelas-Web-site-Project", - }, - ], - overview: { - en: "A website project focused on content structure, frontend layout and static page development.", - tr: "İçerik yapısı, frontend layout ve statik sayfa geliştirmeye odaklanan web sitesi projesi.", - }, - challenge: { - en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", - tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", - }, - solution: { - en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", - tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", - }, - features: { - en: [ - "Static website layout", - "Content structure", - "Responsive page sections", - "Frontend practice", - "Web presentation fundamentals", - ], - tr: [ - "Statik web sitesi layout’u", - "İçerik yapısı", - "Responsive sayfa bölümleri", - "Frontend pratiği", - "Web sunum temelleri", - ], - }, - }, - "pyhton-projects": { - category: { - en: "Data / Automation", - tr: "Veri / Otomasyon", - }, - title: { - en: "Python Projects", - tr: "Python Projects", - }, - subtitle: { - en: "A Python practice repository containing learning projects around programming fundamentals, automation and data-oriented logic.", - tr: "Programlama temelleri, otomasyon ve veri odaklı mantık etrafında öğrenme projeleri içeren Python pratik deposu.", - }, - role: { - en: "Python Developer", - tr: "Python Developer", - }, - year: "2024", - type: { - en: "Learning Repository", - tr: "Öğrenme Deposu", - }, - status: { - en: "Repository", - tr: "Repository", - }, - image: "assets/Python-Symbol.png", - gallery: ["assets/Python-Symbol.png"], - stack: ["Python", "Automation", "Data Logic", "Scripts"], - links: [ - { - label: { - en: "Open GitHub", - tr: "GitHub'da Aç", - }, - url: "https://github.com/UAJOP/Pyhton-Projects", - }, - ], - overview: { - en: "A Python practice repository containing learning projects around programming fundamentals, automation and data-oriented logic.", - tr: "Programlama temelleri, otomasyon ve veri odaklı mantık etrafında öğrenme projeleri içeren Python pratik deposu.", - }, - challenge: { - en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", - tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", - }, - solution: { - en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", - tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", - }, - features: { - en: [ - "Python fundamentals", - "Script-based practice", - "Automation ideas", - "Data logic exercises", - "Learning project archive", - ], - tr: [ - "Python temelleri", - "Script tabanlı pratik", - "Otomasyon fikirleri", - "Veri mantığı egzersizleri", - "Öğrenme proje arşivi", - ], - }, - }, - "ic-supply": { - category: { - en: "Data / Backend", - tr: "Veri / Backend", - }, - title: { - en: "IC Supply", - tr: "IC Supply", - }, - subtitle: { - en: "A supply-oriented project focused on inventory-style data structure, tracking logic and backend thinking.", - tr: "Stok/envanter tarzı veri yapısı, takip mantığı ve backend düşüncesine odaklanan tedarik projesi.", - }, - role: { - en: "Backend / Data Developer", - tr: "Backend / Data Developer", - }, - year: "2024", - type: { - en: "Data System", - tr: "Veri Sistemi", - }, - status: { - en: "Repository", - tr: "Repository", - }, - image: "assets/ic_supply_cover.webp", - gallery: ["assets/ic_supply_cover.webp"], - stack: ["Database", "Backend Logic", "Inventory Flow", "Data Tracking"], - links: [ - { - label: { - en: "Open GitHub", - tr: "GitHub'da Aç", - }, - url: "https://github.com/UAJOP/Ic-Supply", - }, - ], - overview: { - en: "A supply-oriented project focused on inventory-style data structure, tracking logic and backend thinking.", - tr: "Stok/envanter tarzı veri yapısı, takip mantığı ve backend düşüncesine odaklanan tedarik projesi.", - }, - challenge: { - en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", - tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", - }, - solution: { - en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", - tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", - }, - features: { - en: [ - "Supply tracking concept", - "Inventory-style data structure", - "Backend workflow thinking", - "Operational data practice", - "Structured project logic", - ], - tr: [ - "Tedarik takip konsepti", - "Envanter tarzı veri yapısı", - "Backend iş akışı düşüncesi", - "Operasyonel veri pratiği", - "Yapılandırılmış proje mantığı", - ], - }, - }, - - "portfolio-website": { - category: { - en: "Web Development", - tr: "Web Geliştirme", - }, - title: { - en: "Portfolio Website", - tr: "Portfolio Website", - }, - subtitle: { - en: "The live personal portfolio repository combining project catalog, AI assistant, recruiter mode, request form and interactive mini game features.", - tr: "Proje kataloğu, AI asistan, İK modu, talep formu ve interaktif mini oyun özelliklerini birleştiren canlı kişisel portfolyo deposu.", - }, - role: { - en: "Web Developer", - tr: "Web Developer", - }, - year: "2026", - type: { - en: "Live Portfolio", - tr: "Canlı Portfolyo", - }, - status: { - en: "Repository", - tr: "Repository", - }, - image: "assets/portfolio_website_cover.webp", - gallery: ["assets/portfolio_website_cover.webp"], - stack: ["HTML", "CSS", "JavaScript", "Static Site", "Ajoop", "Mini Game"], - links: [ - { - label: { - en: "Open GitHub", - tr: "GitHub'da Aç", - }, - url: "https://github.com/UAJOP/portfolio", - }, - ], - overview: { - en: "The live personal portfolio repository combining project catalog, AI assistant, recruiter mode, request form and interactive mini game features.", - tr: "Proje kataloğu, AI asistan, İK modu, talep formu ve interaktif mini oyun özelliklerini birleştiren canlı kişisel portfolyo deposu.", - }, - challenge: { - en: "The goal of this repository is to turn a focused learning or product idea into a clear, reviewable software project that can be shown in a portfolio context.", - tr: "Bu repository’nin amacı, odaklı bir öğrenme veya ürün fikrini portfolyo bağlamında gösterilebilir, net ve incelenebilir bir yazılım projesine dönüştürmektir.", - }, - solution: { - en: "I structured the project around the relevant technology stack, core interaction flow and practical implementation details so it can demonstrate both technical learning and product thinking.", - tr: "Projeyi ilgili teknoloji stack’i, temel etkileşim akışı ve pratik uygulama detayları etrafında yapılandırdım; böylece hem teknik öğrenmeyi hem de ürün düşüncesini gösterebilir.", - }, - features: { - en: [ - "Live portfolio architecture", - "Dynamic project detail pages", - "Ajoop assistant integration", - "Recruiter mode and search palette", - "Interactive adventure mini game", - ], - tr: [ - "Canlı portfolyo mimarisi", - "Dinamik proje detay sayfaları", - "Ajoop asistan entegrasyonu", - "İK modu ve arama paleti", - "İnteraktif macera mini oyunu", - ], - }, - }, -}; - -Object.assign(projectDetailData, githubRepositoryProjectDetails); - -function translateProjectField(field, language) { - if (!field) return ""; - if (typeof field === "string") return field; - return field[language] || field.en || ""; -} - -function translateProjectDisplayLabel(label, language) { - if (language !== "tr") return label; - return i18nTranslations.tr[label] || label; -} - -function createProjectDetailUrl(slug) { - return `project-detail.html?project=${encodeURIComponent(slug)}`; -} - -function escapeProjectHtml(value) { - return String(value || "") - .replaceAll("&", "&") - .replaceAll("<", "<") - .replaceAll(">", ">") - .replaceAll('"', """) - .replaceAll("'", "'"); -} - -function renderProjectDetail(language = currentSiteLanguage || "en") { - const root = document.querySelector("[data-project-detail]"); - if (!root) return; - - const params = new URLSearchParams(window.location.search); - const slug = params.get("project") || "drivenfinity"; - const project = projectDetailData[slug]; - - if (!project) { - root.innerHTML = ` -
-

${language === "tr" ? "Proje Bulunamadı" : "Project Not Found"}

-

${language === "tr" ? "Bu proje için detay sayfası henüz hazırlanmadı." : "This project detail page is not available yet."}

-

${language === "tr" ? "Projeler sayfasına dönüp başka bir çalışma seçebilirsin." : "Go back to the works page and choose another project."}

-
${language === "tr" ? "Projelere Dön" : "Back to Works"}
-
- `; - document.title = - language === "tr" - ? "Proje Bulunamadı | Kaan Balcı" - : "Project Not Found | Kaan Balcı"; - return; - } - - const projectEntries = Object.keys(projectDetailData); - const currentIndex = projectEntries.indexOf(slug); - const previousSlug = - projectEntries[ - (currentIndex - 1 + projectEntries.length) % projectEntries.length - ]; - const nextSlug = projectEntries[(currentIndex + 1) % projectEntries.length]; - const title = translateProjectField(project.title, language); - const subtitle = translateProjectField(project.subtitle, language); - const category = translateProjectField(project.category, language); - const role = translateProjectField(project.role, language); - const type = translateProjectField(project.type, language); - const status = translateProjectField(project.status, language); - const overview = translateProjectField(project.overview, language); - const challenge = translateProjectField(project.challenge, language); - const solution = translateProjectField(project.solution, language); - const features = project.features?.[language] || project.features?.en || []; - const links = project.links || []; - const gallery = project.gallery?.length ? project.gallery : [project.image]; - const impact = - translateProjectField(project.impact, language) || - (language === "tr" - ? "Bu proje; teknik pratiği, kullanıcı ihtiyacını ve ürün odaklı düşünmeyi birleştiren portföy çalışmalarımdan biridir." - : "This project represents my ability to combine technical practice, user needs and product-oriented thinking."); - const processSteps = project.process?.[language] || - project.process?.en || [ - { - title: language === "tr" ? "Analiz" : "Analysis", - text: - language === "tr" - ? "Projenin hedefini, kullanıcı ihtiyacını ve temel akışını netleştirdim." - : "Clarified the project goal, user need and core flow.", - }, - { - title: language === "tr" ? "Tasarım" : "Design", - text: - language === "tr" - ? "Sistem mantığını, ekranları veya gameplay yapısını planladım." - : "Planned the system logic, screens or gameplay structure.", - }, - { - title: language === "tr" ? "Geliştirme" : "Development", - text: - language === "tr" - ? "Teknik uygulamayı geliştirip temel özellikleri çalışır hale getirdim." - : "Built the technical implementation and made the core features work.", - }, - { - title: language === "tr" ? "İyileştirme" : "Iteration", - text: - language === "tr" - ? "Test, düzenleme ve sunum tarafını portföye uygun hale getirdim." - : "Refined the result through testing, cleanup and portfolio presentation.", - }, - ]; - - document.title = `${title} | Kaan Balcı`; - - root.innerHTML = ` -
-
- ${language === "tr" ? "Projelere dön" : "Back to works"} -

${escapeProjectHtml(category)}

-

${escapeProjectHtml(title)}

-

${escapeProjectHtml(subtitle)}

-
- ${links.map((link) => `${escapeProjectHtml(translateProjectField(link.label, language))}`).join("")} - ${language === "tr" ? "Benzer Proje İçin Yaz" : "Ask for Similar Work"} - -
-
-
- ${escapeProjectHtml(title)} ${language === -
-
- -
-
${language === "tr" ? "Rol" : "Role"}${escapeProjectHtml(role)}
-
${language === "tr" ? "Yıl" : "Year"}${escapeProjectHtml(project.year)}
-
${language === "tr" ? "Proje Türü" : "Project Type"}${escapeProjectHtml(type)}
-
${language === "tr" ? "Durum" : "Status"}${escapeProjectHtml(status)}
-
- -
-
-
-

${language === "tr" ? "Genel Bakış" : "Overview"}

-

${language === "tr" ? "Proje Özeti" : "Project Overview"}

-

${escapeProjectHtml(overview)}

-
- -
-

${language === "tr" ? "Problem" : "Challenge"}

-

${language === "tr" ? "Çözülmesi gereken taraf" : "The part that needed solving"}

-

${escapeProjectHtml(challenge)}

-
- -
-

${language === "tr" ? "Çözüm" : "Solution"}

-

${language === "tr" ? "Nasıl ele aldım" : "How I approached it"}

-

${escapeProjectHtml(solution)}

-
- -
-

${language === "tr" ? "Sonuç / Etki" : "Result / Impact"}

-

${language === "tr" ? "Projeye kattığı değer" : "The value created"}

-

${escapeProjectHtml(impact)}

-
- -
-

${language === "tr" ? "Süreç" : "Process"}

-

${language === "tr" ? "Nasıl ilerledi" : "How the work moved forward"}

-
- ${processSteps.map((step, index) => `
${String(index + 1).padStart(2, "0")}

${escapeProjectHtml(step.title)}

${escapeProjectHtml(step.text)}

`).join("")} -
-
-
- - -
- -
-
-

${language === "tr" ? "Görseller" : "Gallery"}

-

${language === "tr" ? "Projeden görsel alanı." : "Visual context from the project."}

-

${language === "tr" ? "Şimdilik mevcut portfolio görselleri kullanılıyor. Yeni ekran görüntüleri ekledikçe bu alan otomatik daha güçlü hale gelir." : "Current portfolio assets are used for now. As new screenshots are added, this area becomes stronger automatically."}

-
-
- ${gallery.map((image) => `${escapeProjectHtml(title)} ${language === `).join("")} -
-
- -
- ${language === "tr" ? "Önceki Proje" : "Previous Project"} - ${language === "tr" ? "Tüm Projeler" : "All Works"} - ${language === "tr" ? "Sonraki Proje" : "Next Project"} -
- `; -} - -const aiWorkflowDemoData = { - bank: { - title: { en: "Banking support chatbot", tr: "Banka destek chatbot'u" }, - description: { - en: "A safe flow for account-related questions, intent routing and escalation.", - tr: "Hesapla ilgili sorular, intent yönlendirme ve canlı desteğe aktarma için güvenli akış.", - }, - steps: { - en: [ - "Greet user", - "Detect intent", - "Verify safe request", - "Collect required info", - "Route to answer or agent", - "Confirm resolution", - ], - tr: [ - "Kullanıcıyı karşıla", - "Intent'i algıla", - "Güvenli talebi doğrula", - "Gerekli bilgiyi topla", - "Yanıt veya temsilciye yönlendir", - "Çözümü onayla", - ], - }, - }, - municipality: { - title: { - en: "Municipality service assistant", - tr: "Belediye hizmet asistanı", - }, - description: { - en: "A flow for citizens to find service information, create requests and track status.", - tr: "Vatandaşların hizmet bilgisi bulması, talep oluşturması ve durum takip etmesi için akış.", - }, - steps: { - en: [ - "Ask service category", - "Clarify district/topic", - "Show required documents", - "Create request", - "Share tracking channel", - "Close with next step", - ], - tr: [ - "Hizmet kategorisini sor", - "İlçe/konuyu netleştir", - "Gerekli belgeleri göster", - "Talep oluştur", - "Takip kanalını paylaş", - "Sonraki adımla kapat", - ], - }, - }, - workshop: { - title: { - en: "Workshop reservation assistant", - tr: "Atölye rezervasyon asistanı", - }, - description: { - en: "A customer journey for package choice, date preference and reservation follow-up.", - tr: "Paket seçimi, tarih tercihi ve rezervasyon takibi için müşteri yolculuğu.", - }, - steps: { - en: [ - "Show packages", - "Select package", - "Collect contact info", - "Ask date/time", - "Send reservation summary", - "Trigger operation follow-up", - ], - tr: [ - "Paketleri göster", - "Paketi seçtir", - "İletişim bilgisini al", - "Tarih/saat sor", - "Rezervasyon özetini gönder", - "Operasyon takibini tetikle", - ], - }, - }, - ecommerce: { - title: { en: "E-commerce product support", tr: "E-ticaret ürün desteği" }, - description: { - en: "A flow for product discovery, order questions and return support.", - tr: "Ürün keşfi, sipariş soruları ve iade desteği için akış.", - }, - steps: { - en: [ - "Understand product need", - "Recommend category", - "Answer stock/delivery", - "Check order status", - "Handle return intent", - "Offer human support", - ], - tr: [ - "Ürün ihtiyacını anla", - "Kategori öner", - "Stok/teslimat yanıtla", - "Sipariş durumunu kontrol et", - "İade intent'ini yönet", - "İnsan desteği sun", - ], - }, - }, -}; - -let selectedAiWorkflowScenario = "bank"; - -function renderAiWorkflowDemo(language = currentSiteLanguage || "en") { - const stage = document.querySelector("[data-ai-demo-stage]"); - if (!stage) return; - const scenario = - aiWorkflowDemoData[selectedAiWorkflowScenario] || aiWorkflowDemoData.bank; - const title = translateProjectField(scenario.title, language); - const description = translateProjectField(scenario.description, language); - const steps = scenario.steps?.[language] || scenario.steps?.en || []; - - document.querySelectorAll("[data-ai-demo]").forEach((button) => { - const isSelected = button.dataset.aiDemo === selectedAiWorkflowScenario; - button.classList.toggle("active", isSelected); - button.setAttribute("aria-pressed", String(isSelected)); - }); - - stage.innerHTML = ` -
- ${language === "tr" ? "Seçilen senaryo" : "Selected scenario"} -

${escapeProjectHtml(title)}

-

${escapeProjectHtml(description)}

-
-
- ${steps.map((step, index) => `
${String(index + 1).padStart(2, "0")}${escapeProjectHtml(step)}
`).join("")} -
- `; -} - -document.querySelectorAll("[data-ai-demo]").forEach((button) => { - button.addEventListener("click", () => { - selectedAiWorkflowScenario = button.dataset.aiDemo || "bank"; - renderAiWorkflowDemo(currentSiteLanguage || "en"); - }); -}); - -function setupProjectCardNavigation() { - document.querySelectorAll("[data-project-link]").forEach((card) => { - const slug = card.getAttribute("data-project-link"); - if (!slug) return; - const url = slug.endsWith(".html") ? slug : createProjectDetailUrl(slug); - - card.addEventListener("click", (event) => { - if (event.target.closest("a, button")) return; - window.location.href = url; - }); - - card.addEventListener("keydown", (event) => { - if (event.target.closest("a, button")) return; - if (event.key === "Enter" || event.key === " ") { - event.preventDefault(); - window.location.href = url; - } - }); - }); -} - -setupProjectCardNavigation(); - -const portfolioChatbotContent = { - en: { - launcher: "Ask Ajoop", - title: "Ajoop", - subtitle: "", - greeting: - "Hey, I am Ajoop. I can quickly explain Kaan's skills, projects, AI experience, Joyday work, CV and contact options. Choose a question or type a keyword.", - inputPlaceholder: "Ask about projects, AI, CV...", - sendLabel: "Send", - closeLabel: "Close chatbot", - openLabel: "Open portfolio chatbot", - quicks: [ - { id: "about", label: "Who is Kaan?" }, - { id: "ai", label: "AI / chatbot experience" }, - { id: "projects", label: "Best projects" }, - { id: "joyday", label: "Joyday website" }, - { id: "stack", label: "Tech stack" }, - { id: "cv", label: "CV & contact" }, - ], - answers: { - about: { - text: "Kaan Balcı is an AI Designer & Software Developer focused on conversational AI, solution engineering, LLM evaluation, workflow automation and user-centered software products. He has contributed to 50+ academic, personal, freelance and team-based projects.", - links: [ - { label: "About", url: "about.html" }, - { label: "Experience", url: "blog.html" }, - ], - }, - ai: { - text: "Kaan's AI direction is based on chatbot flow design, n8n-style automation logic, IVR and multi-channel workflows, LLM evaluation, prompt analysis and output review. At CBOT, he contributed to enterprise chatbot QA, stabilization, flow restructuring and an insurance claims intake POC.", - links: [ - { - label: "AI Case Study", - url: "project-detail.html?project=ai-chatbot-flow-design", - }, - { label: "Experience", url: "blog.html" }, - ], - }, - projects: { - text: "The strongest project areas are AI Chatbot Flow Design, Atölye Joyday Official Website, Hospital Appointment System, Hospital Form App, Drivenfinity and Cars Dataset Analysis. The Works page now combines selected case studies and the main public GitHub repository catalog with dynamic detail pages.", - links: [ - { label: "View Works", url: "works.html" }, - { - label: "View Atölye Joyday Case Study", - url: "atolye-joyday-case-study.html", - }, - ], - }, - joyday: { - text: "Atölye Joyday is a real business project. Kaan designed and developed the website experience, service pages, package flow and reservation journey. It shows practical product thinking because it connects customer experience with operational tracking.", - links: [ - { - label: "View Atölye Joyday Case Study", - url: "atolye-joyday-case-study.html", - }, - { - label: "Open Atölye Joyday Website", - url: "https://atolyejoyday.com/", - }, - ], - }, - stack: { - text: "Main stack: Python, C#/.NET, JavaScript, PHP, Java, Kotlin, C++, MySQL, MSSQL, Firebase, Unity, Unreal Engine, n8n, AI Flow and LLM evaluation workflows.", - links: [ - { label: "About", url: "about.html" }, - { label: "Works", url: "works.html" }, - ], - }, - cv: { - text: "You can view Kaan's CV, contact him by email, or reach him through LinkedIn and GitHub from the site footer. For AI Designer or Software Developer roles, the fastest path is CV + LinkedIn.", - links: [ - { label: "View Resume", url: resumeLink }, - { label: "Email", url: "mailto:kaanb8776@gmail.com" }, - { label: "LinkedIn", url: "https://www.linkedin.com/in/balcikaan/" }, - { label: "GitHub", url: "https://github.com/UAJOP" }, - ], - }, - availability: { - text: "Kaan is positioned for AI Designer, Software Developer, AI Workflow Designer, Chatbot Designer, Automation Builder, Web Developer and junior/mid-level software roles depending on the scope.", - links: [ - { label: "Contact", url: "mailto:kaanb8776@gmail.com" }, - { label: "Experience", url: "blog.html" }, - ], - }, - certificates: { - text: "Kaan has 25+ certifications across Udemy, Cisco and related platforms. The Certificates page shows a clean gallery with preview modal support.", - links: [{ label: "Certificates", url: "single-work.html" }], - }, - default: { - text: "I could not match that exactly, but I can help with Kaan's AI experience, projects, tech stack, Joyday work, CV, certificates or contact details. Try one of the quick questions below.", - links: [ - { label: "Works", url: "works.html" }, - { label: "About", url: "about.html" }, - ], - }, - }, - }, - tr: { - launcher: "Ajoop'a Sor", - title: "Ajoop", - subtitle: "", - greeting: - "Selam, ben Ajoop. Kaan'ın yeteneklerini, projelerini, AI deneyimini, Joyday çalışmalarını, CV ve iletişim seçeneklerini hızlıca anlatabilirim. Bir soru seçebilir veya anahtar kelime yazabilirsin.", - inputPlaceholder: "Proje, AI, CV hakkında sor...", - sendLabel: "Gönder", - closeLabel: "Chatbot'u kapat", - openLabel: "Portfolio chatbot'u aç", - quicks: [ - { id: "about", label: "Kaan kim?" }, - { id: "ai", label: "AI / chatbot deneyimi" }, - { id: "projects", label: "En iyi projeler" }, - { id: "joyday", label: "Joyday web sitesi" }, - { id: "stack", label: "Tech stack" }, - { id: "cv", label: "CV & iletişim" }, - ], - answers: { - about: { - text: "Kaan Balcı; conversational AI, solution engineering, LLM değerlendirme, workflow otomasyonu ve kullanıcı odaklı yazılım ürünlerine odaklanan bir AI Designer & Software Developer. 50+ akademik, kişisel, freelance ve ekip projesine katkı sağladı.", - links: [ - { label: "Hakkımda", url: "about.html" }, - { label: "Deneyim", url: "blog.html" }, - ], - }, - ai: { - text: "Kaan'ın AI tarafı chatbot akış tasarımı, n8n tarzı otomasyon mantığı, IVR ve çok kanallı workflow'lar, LLM değerlendirme, prompt analizi ve çıktı inceleme üzerine kurulu. CBOT'ta kurumsal chatbot QA, stabilizasyon, akış yeniden yapılandırma ve sigorta hasar başvuru POC çalışmalarına katkı sağladı.", - links: [ - { - label: "AI Case Study", - url: "project-detail.html?project=ai-chatbot-flow-design", - }, - { label: "Deneyim", url: "blog.html" }, - ], - }, - projects: { - text: "En güçlü proje alanları: AI Chatbot Flow Design, Atölye Joyday Official Website, Hospital Appointment System, Hospital Form App, Drivenfinity ve Cars Dataset Analysis. Projeler sayfası artık seçili case study’leri ve ana public GitHub repository kataloğunu dinamik detay sayfalarıyla birlikte topluyor.", - links: [ - { label: "Projeleri Gör", url: "works.html" }, - { - label: "Atölye Joyday Vaka Çalışmasını Gör", - url: "atolye-joyday-case-study.html", - }, - ], - }, - joyday: { - text: "Atölye Joyday gerçek bir işletme projesi. Kaan web deneyimini, hizmet sayfalarını, paket akışını ve rezervasyon yolculuğunu tasarlayıp geliştirdi. Müşteri deneyimini operasyon takibiyle bağladığı için güçlü bir canlı işletme vaka çalışması olarak duruyor.", - links: [ - { - label: "Atölye Joyday Vaka Çalışmasını Gör", - url: "atolye-joyday-case-study.html", - }, - { - label: "Atölye Joyday Canlı Sitesini Aç", - url: "https://atolyejoyday.com/", - }, - ], - }, - stack: { - text: "Ana stack: Python, C#/.NET, JavaScript, PHP, Java, Kotlin, C++, MySQL, MSSQL, Firebase, Unity, Unreal Engine, n8n, AI Flow ve LLM değerlendirme iş akışları.", - links: [ - { label: "Hakkımda", url: "about.html" }, - { label: "Projeler", url: "works.html" }, - ], - }, - cv: { - text: "Kaan'ın CV'sini görüntüleyebilir, mail atabilir veya LinkedIn/GitHub üzerinden ulaşabilirsin. AI Designer ya da Software Developer rolleri için en hızlı yol CV + LinkedIn.", - links: [ - { label: "CV'yi Görüntüle", url: resumeLink }, - { label: "E-posta", url: "mailto:kaanb8776@gmail.com" }, - { label: "LinkedIn", url: "https://www.linkedin.com/in/balcikaan/" }, - { label: "GitHub", url: "https://github.com/UAJOP" }, - ], - }, - availability: { - text: "Kaan; AI Designer, Software Developer, AI Workflow Designer, Chatbot Designer, Automation Builder, Web Developer ve kapsamına göre junior/mid-level yazılım rolleri için konumlanıyor.", - links: [ - { label: "İletişim", url: "mailto:kaanb8776@gmail.com" }, - { label: "Deneyim", url: "blog.html" }, - ], - }, - certificates: { - text: "Kaan'ın Udemy, Cisco ve benzeri platformlardan 25+ sertifikası var. Certificates sayfasında modern galeri ve büyük önizleme modalı bulunuyor.", - links: [{ label: "Sertifikalar", url: "single-work.html" }], - }, - default: { - text: "Bunu tam eşleştiremedim ama Kaan'ın AI deneyimi, projeleri, tech stack'i, Joyday çalışmaları, CV'si, sertifikaları veya iletişim bilgileri hakkında yardımcı olabilirim. Aşağıdaki hazır sorulardan birini deneyebilirsin.", - links: [ - { label: "Projeler", url: "works.html" }, - { label: "Hakkımda", url: "about.html" }, - ], - }, - }, - }, -}; - -const chatbotKeywordMap = [ - { - id: "joyday", - keywords: [ - "joyday", - "atolye", - "atölye", - "reservation", - "rezervasyon", - "workshop", - "action painting", - "paket", - ], - }, - { - id: "ai", - keywords: [ - "ai", - "yapay", - "chatbot", - "bot", - "cbot", - "n8n", - "llm", - "prompt", - "ivr", - "automation", - "otomasyon", - "flow", - "akış", - ], - }, - { - id: "projects", - keywords: [ - "project", - "projects", - "proje", - "projeler", - "work", - "works", - "portfolio", - "portfolyo", - "github", - "hospital", - "hastane", - ], - }, - { - id: "stack", - keywords: [ - "stack", - "tech", - "technology", - "teknoloji", - "python", - "c#", - "javascript", - "php", - "unity", - "unreal", - "mysql", - "firebase", - ], - }, - { - id: "cv", - keywords: [ - "cv", - "resume", - "mail", - "email", - "contact", - "iletişim", - "linkedin", - "ulaş", - ], - }, - { - id: "availability", - keywords: [ - "available", - "iş", - "job", - "role", - "rol", - "pozisyon", - "hiring", - "hire", - "uygun", - ], - }, - { - id: "certificates", - keywords: [ - "certificate", - "certificates", - "sertifika", - "sertifikalar", - "udemy", - "cisco", - ], - }, - { - id: "about", - keywords: ["kaan", "kim", "who", "about", "hakkında", "hakkımda", "mezun"], - }, -]; - -function enhanceAjoopDialogDepth() { - const linkSets = { - en: { - about: [ - { label: "About", url: "about.html" }, - { label: "Experience", url: "blog.html" }, - ], - projects: [ - { label: "View Works", url: "works.html" }, - { - label: "View Atölye Joyday Case Study", - url: "atolye-joyday-case-study.html", - }, - { - label: "View Hospital System Case Study", - url: "hospital-system-case-study.html", - }, - { - label: "Open Hospital System Source Archive", - url: "https://github.com/UAJOP/Hospital-System", - }, - { label: "GitHub", url: "https://github.com/UAJOP" }, - ], - ai: [ - { - label: "AI Case Study", - url: "project-detail.html?project=ai-chatbot-flow-design", - }, - { label: "Experience", url: "blog.html" }, - ], - contact: [ - { label: "Email", url: "mailto:kaanb8776@gmail.com" }, - { label: "LinkedIn", url: "https://www.linkedin.com/in/balcikaan/" }, - { label: "GitHub", url: "https://github.com/UAJOP" }, - ], - }, - tr: { - about: [ - { label: "Hakkımda", url: "about.html" }, - { label: "Deneyim", url: "blog.html" }, - ], - projects: [ - { label: "Projeleri Gör", url: "works.html" }, - { - label: "Atölye Joyday Vaka Çalışmasını Gör", - url: "atolye-joyday-case-study.html", - }, - { - label: "Hospital System Vaka Çalışmasını Gör", - url: "hospital-system-case-study.html", - }, - { - label: "Hospital System Kaynak Arşivini Aç", - url: "https://github.com/UAJOP/Hospital-System", - }, - { label: "GitHub", url: "https://github.com/UAJOP" }, - ], - ai: [ - { - label: "AI Case Study", - url: "project-detail.html?project=ai-chatbot-flow-design", - }, - { label: "Deneyim", url: "blog.html" }, - ], - contact: [ - { label: "E-posta", url: "mailto:kaanb8776@gmail.com" }, - { label: "LinkedIn", url: "https://www.linkedin.com/in/balcikaan/" }, - { label: "GitHub", url: "https://github.com/UAJOP" }, - ], - }, - }; - - portfolioChatbotContent.en.greeting = [ - "Hey, I am Ajoop. I can explain Kaan's AI, software, projects, CV and contact options. Pick a quick question or type naturally.", - "Hi! Ajoop here. Ask me about Kaan's AI Designer profile, CBOT experience, Joyday project, tech stack or best portfolio projects.", - "Welcome. I can give you a quick recruiter-style summary of Kaan or guide you to the right project page.", - "Hey there. I know Kaan's portfolio structure, strongest projects, AI experience and contact routes. What should we open first?", - "Hello! You can ask me about AI workflows, automation, web projects, game projects, CV, certificates or role fit.", - ]; - portfolioChatbotContent.tr.greeting = [ - "Selam, ben Ajoop. Kaan'ın AI, yazılım, projeler, CV ve iletişim tarafını hızlıca anlatabilirim. Hazır sorulardan seçebilir ya da direkt yazabilirsin.", - "Hoş geldin. Kaan'ın AI Designer profili, CBOT deneyimi, Joyday projesi, teknoloji stack'i ve güçlü projeleri hakkında yardımcı olurum.", - "Merhaba, Ajoop burada. İstersen sana Kaan'ın profilini İK gözüyle özetleyeyim, istersen direkt proje sayfalarına yönlendireyim.", - "Selam! Kaan'ın portfolyo yapısını, en güçlü projelerini, AI deneyimini ve iletişim yollarını biliyorum. Nereden başlayalım?", - "Hey, burada portfolyo asistanı var. AI workflow, otomasyon, web projeleri, oyun projeleri, CV, sertifikalar veya role uygunluk sorabilirsin.", - ]; - - portfolioChatbotContent.en.quicks = [ - { id: "about", label: "Who is Kaan?" }, - { id: "ai", label: "AI experience" }, - { id: "experience", label: "Work history" }, - { id: "projects", label: "Best projects" }, - { id: "roles", label: "Role fit" }, - { id: "joyday", label: "Joyday" }, - { id: "weather", label: "Weather?" }, - { id: "cv", label: "CV & contact" }, - ]; - portfolioChatbotContent.tr.quicks = [ - { id: "about", label: "Kaan kim?" }, - { id: "ai", label: "AI deneyimi" }, - { id: "experience", label: "İş geçmişi" }, - { id: "projects", label: "En iyi projeler" }, - { id: "roles", label: "Role uygunluk" }, - { id: "joyday", label: "Joyday" }, - { id: "weather", label: "Hava?" }, - { id: "cv", label: "CV & iletişim" }, - ]; - - Object.assign(portfolioChatbotContent.en.answers, { - greeting: { - text: portfolioChatbotContent.en.greeting, - links: linkSets.en.about, - }, - about: { - text: [ - "Kaan Balcı is an AI Designer & Software Developer focused on AI workflows, chatbot logic, automation, backend, web/mobile products and game development. He has experience contributing to 50+ academic, personal, freelance and team-based projects and a Computer Programming background.", - "Kaan combines software development with AI workflow design. His profile is strongest where chatbot systems, automation logic, backend thinking and usable web products meet.", - "Kaan is positioned as a practical AI and software builder: he can design flows, build interfaces, evaluate LLM outputs and connect business needs to technical solutions.", - "In one line: Kaan builds practical AI workflows and software systems, with experience across CBOT, Outlier AI, Joyday, backend tools and game prototypes.", - "Kaan's profile is not only coding. It also includes client communication, operations, product thinking and turning business requirements into usable digital flows.", - ], - links: linkSets.en.about, - }, - ai: { - text: [ - "Kaan's AI side covers chatbot flow design, AI Flow logic, n8n-style automation, IVR awareness, LLM response evaluation, prompt review and code-output QA.", - "At CBOT, Kaan contributed to enterprise chatbot QA, stabilization, channel configuration, large-scale flow restructuring and multi-channel automation. He designed and built the insurance claims intake POC he directly owned.", - "His AI experience is strongest on the product-flow side: understanding the user journey, mapping intents, planning fallback paths and keeping automation maintainable.", - "Kaan also evaluates LLM outputs through Outlier-style AI training work: reasoning quality, prompt behavior, code responses and multimodal interactions.", - "For AI Designer roles, the strongest evidence is his mix of CBOT AI Flow work, LLM evaluation tasks and real product workflows such as Joyday.", - ], - links: linkSets.en.ai, - }, - projects: { - text: [ - "The strongest projects are AI Chatbot Flow Design, Atölye Joyday Official Website, Hospital Appointment System, Hospital Form App, Drivenfinity and Cars Dataset Analysis.", - "Hospital System, shown on the portfolio card as Hospital Form App, is a 2024 academic C# Windows Forms and SQL Server project preserved as a source archive.", - "Hospital Appointment System is a separate Python, Tkinter and MySQL implementation; it is not evidence for the C# Hospital System case study.", - "For recruiters, I would open these first: Joyday Official Website for real product value, AI Chatbot Flow Design for AI direction, and Hospital System for C#/.NET desktop and database logic.", - "Kaan's projects show range: enterprise chatbot logic, a live business website, reservation workflows, C# desktop/database workflows, Python data analysis, Unity and Unreal prototypes.", - "Best project evidence depends on the role: AI role → Chatbot Flow Design; web/product role → Joyday; software/backend role → Hospital Form App and dashboard/data projects.", - ], - links: linkSets.en.projects, - }, - experience: { - text: [ - "Kaan's experience includes CBOT as AI Designer, Outlier AI as AI Training Specialist, Atölye Joyday as Co-Founder & Digital Product Developer, and earlier operations/software responsibilities at Punto and Ocean's Team.", - "The career path is hybrid but useful: operations gave client/process awareness, software projects gave implementation skill, and AI work shaped his current AI Designer direction.", - "CBOT is the most direct AI Designer experience; Joyday is the strongest real product ownership example; Outlier AI supports LLM evaluation and quality-review experience.", - "Kaan has worked across client-facing operations, chatbot flow design, LLM evaluation, web development and reservation workflows. That mix is good for solution-oriented AI/software roles.", - "His experience page is useful if you want the timeline: it lists AI work, freelance AI evaluation, Joyday, Punto, Ocean's Team, Gameathon and Mobidictum.", - ], - links: [ - { label: "Experience", url: "blog.html" }, - { - label: "CV", - url: resumeLink, - }, - ], - }, - roles: { - text: [ - "Strong role fit: AI Designer, Software Developer, AI Workflow Designer, Automation Builder, Chatbot Designer, Web Developer and junior/mid-level product-focused software roles.", - "Kaan is especially strong for roles that require both technical logic and communication with business/client teams.", - "For a pure backend senior role he would need deeper production-scale proof, but for AI workflow, solution engineering, chatbot and automation roles the match is much stronger.", - "Best-fit environments: AI product teams, chatbot/agent platforms, automation teams, solution engineering teams and small product teams where broad execution matters.", - "If the job mixes AI flows, customer requirements, integrations, dashboards and web/product thinking, Kaan's profile fits well.", - ], - links: [ - { label: "Experience", url: "blog.html" }, - { label: "Contact", url: "mailto:kaanb8776@gmail.com" }, - ], - }, - weather: { - text: [ - "I cannot fetch live weather inside this static portfolio, but I can guide you around the site without needing an umbrella.", - "Weather mode is not connected to a live API here. For now I can help with Kaan's AI experience, projects, CV or contact routes.", - "No live weather feed in Ajoop yet. But if this becomes an agent feature, it could be added with a weather API and user location permission.", - "I am portfolio-focused, not meteorology-focused. Ask me about projects, AI workflows or Kaan's role fit and I will be much more useful.", - "Live weather is outside my current static-site scope. Site navigation, CV, projects and recruiter summary are fully in scope.", - ], - links: [ - { label: "Projects", url: "works.html" }, - { label: "About", url: "about.html" }, - ], - }, - cv: { - text: [ - "You can view Kaan's CV, reach him by email, or check LinkedIn and GitHub. For hiring, CV + LinkedIn + Joyday case study is the fastest review path.", - "Best contact route: email for direct reach, LinkedIn for professional profile, GitHub for code/projects, and the CV button for full background.", - "For AI Designer or Software Developer roles, I recommend reviewing the CV, AI Chatbot Flow Design and Joyday project together.", - "Kaan's CV highlights AI Designer work, LLM evaluation, 50+ academic, personal, freelance and team-based projects, C#/.NET, Python, JavaScript, PHP/MySQL, Unity and Unreal Engine.", - "Need the shortest route? Open CV, then Works, then email Kaan. That gives both proof and contact.", - ], - links: linkSets.en.contact, - }, - default: { - text: [ - "I did not match that exactly, but I can answer about Kaan's AI experience, projects, CV, tech stack, certificates, Joyday work or contact details.", - "I may not have that exact intent yet. Try asking with words like AI, project, CV, Joyday, experience, stack, contact or role fit.", - "Good question. I am still rule-based, so I work best with portfolio topics: AI workflows, software projects, certificates, CV and contact.", - "I could not map that perfectly. I can still take you to Works, About or Email if you want the fastest route.", - "That is outside my current answer set, but I can expand. For now, ask me about Kaan's projects, AI background, work history or availability.", - ], - links: [ - { label: "Works", url: "works.html" }, - { label: "About", url: "about.html" }, - ], - }, - }); - - Object.assign(portfolioChatbotContent.tr.answers, { - greeting: { - text: portfolioChatbotContent.tr.greeting, - links: linkSets.tr.about, - }, - about: { - text: [ - "Kaan Balcı; AI workflow, chatbot mantığı, otomasyon, backend, web/mobil ürünler ve oyun geliştirme alanlarına odaklanan bir AI Designer & Software Developer. 50+ akademik, kişisel, freelance ve ekip projesine katkı deneyimi ve Bilgisayar Programcılığı altyapısı var.", - "Kaan yazılım geliştirme ile AI workflow tasarımını birleştiriyor. En güçlü tarafı chatbot sistemleri, otomasyon mantığı, backend düşüncesi ve kullanılabilir web ürünlerinin kesişimi.", - "Kaan pratik AI ve yazılım geliştiren bir profil: akış tasarlayabiliyor, arayüz geliştirebiliyor, LLM çıktılarını değerlendirebiliyor ve iş ihtiyacını teknik çözüme çevirebiliyor.", - "Tek cümleyle: Kaan; CBOT, Outlier AI, Joyday, backend araçları ve oyun prototiplerinden gelen deneyimle pratik AI workflow ve yazılım sistemleri geliştiriyor.", - "Kaan'ın profili sadece kod değil; müşteri iletişimi, operasyon, ürün düşüncesi ve iş gereksinimini dijital akışa çevirme tarafı da güçlü.", - ], - links: linkSets.tr.about, - }, - ai: { - text: [ - "Kaan'ın AI tarafı chatbot akış tasarımı, AI Flow mantığı, n8n tarzı otomasyon, IVR farkındalığı, LLM yanıt değerlendirme, prompt inceleme ve kod çıktısı kalite kontrolünü kapsıyor.", - "CBOT'ta kurumsal chatbot QA, stabilizasyon, kanal yapılandırması, büyük ölçekli akış yeniden yapılandırma ve çok kanallı otomasyona katkı sağladı. Doğrudan sahip olduğu sigorta hasar başvuru POC'sini tasarlayıp geliştirdi.", - "AI deneyiminde en güçlü taraf ürün-akış mantığı: kullanıcı yolculuğunu anlama, intentleri haritalama, fallback yolları planlama ve otomasyonu sürdürülebilir tutma.", - "Outlier tarzı AI training çalışmalarında LLM çıktılarının akıl yürütme kalitesi, prompt davranışı, kod cevapları ve multimodal etkileşimlerini değerlendirdi.", - "AI Designer rolleri için en güçlü kanıtlar: CBOT AI Flow deneyimi, LLM değerlendirme işleri ve Joyday gibi gerçek ürün akışları.", - ], - links: linkSets.tr.ai, - }, - projects: { - text: [ - "En güçlü projeler: AI Chatbot Akış Tasarımı, Atölye Joyday Resmi Web Sitesi, Hospital Appointment System, Hospital Form App, Drivenfinity ve Cars Dataset Analysis.", - "Portfolio kartında Hospital Form App adıyla gösterilen Hospital System, kaynak arşivi olarak korunan 2024 tarihli akademik C# Windows Forms ve SQL Server projesidir.", - "Hospital Appointment System ayrı bir Python, Tkinter ve MySQL uygulamasıdır; C# Hospital System vaka çalışmasının kanıtı değildir.", - "İK gözüyle ilk açılacak üçlü: gerçek ürün değeri için Joyday, AI yönü için Chatbot Flow Design, C#/.NET masaüstü ve veritabanı mantığı için Hospital System.", - "Kaan'ın projeleri genişlik gösteriyor: kurumsal chatbot mantığı, canlı işletme sitesi, rezervasyon akışı, C# masaüstü/veritabanı iş akışları, Python veri analizi, Unity ve Unreal prototipleri.", - "Rol bazlı en iyi kanıt değişir: AI rolü için Chatbot Flow Design, web/product için Joyday, yazılım/backend için Hospital Form App ve dashboard/veri projeleri.", - ], - links: linkSets.tr.projects, - }, - experience: { - text: [ - "Kaan'ın deneyiminde CBOT AI Designer, Outlier AI Training Specialist, Atölye Joyday Co-Founder & Digital Product Developer ve önceki Punto/Ocean's Team operasyon-yazılım işleri var.", - "Kariyer yolu hibrit ama avantajlı: operasyon tarafı müşteri/süreç farkındalığı verdi, yazılım projeleri uygulama gücü kazandırdı, AI işleri güncel yönünü oluşturdu.", - "CBOT en direkt AI Designer deneyimi; Joyday en güçlü gerçek ürün sahipliği örneği; Outlier AI ise LLM değerlendirme ve kalite inceleme tarafını destekliyor.", - "Kaan; client-facing operasyon, chatbot akış tasarımı, LLM değerlendirme, web geliştirme ve rezervasyon workflow taraflarında çalıştı. Bu karışım solution odaklı AI/yazılım rolleri için iyi duruyor.", - "Zaman çizelgesi için Deneyim sayfası iyi: AI işleri, freelance AI evaluation, Joyday, Punto, Ocean's Team, Gameathon ve Mobidictum yer alıyor.", - ], - links: [ - { label: "Deneyim", url: "blog.html" }, - { - label: "CV", - url: resumeLink, - }, - ], - }, - roles: { - text: [ - "Güçlü rol uyumu: AI Designer, Software Developer, AI Workflow Designer, Automation Builder, Chatbot Designer, Web Developer ve ürün odaklı junior/mid-level yazılım rolleri.", - "Kaan özellikle teknik mantık ile iş/müşteri iletişiminin birlikte gerektiği rollerde güçlü duruyor.", - "Saf senior backend rolü için daha derin production-scale kanıt gerekebilir; ama AI workflow, solution engineering, chatbot ve otomasyon rolleri için eşleşme daha güçlü.", - "En uygun ortamlar: AI ürün ekipleri, chatbot/agent platformları, otomasyon ekipleri, solution engineering takımları ve geniş sorumluluk isteyen küçük ürün ekipleri.", - "İş AI akışı, müşteri gereksinimi, entegrasyon, dashboard ve web/product düşüncesini karıştırıyorsa Kaan'ın profili iyi oturur.", - ], - links: [ - { label: "Deneyim", url: "blog.html" }, - { label: "İletişim", url: "mailto:kaanb8776@gmail.com" }, - ], - }, - weather: { - text: [ - "Bu statik portfolyo içinde canlı hava durumu çekemiyorum ama site içinde seni şemsiyesiz gezdiririm.", - "Hava durumu modu canlı API'ye bağlı değil. Şimdilik Kaan'ın AI deneyimi, projeleri, CV'si veya iletişim yollarında yardımcı olabilirim.", - "Ajoop'ta canlı hava durumu yok ama ileride agent özelliği olarak hava durumu API'si ve konum izniyle eklenebilir.", - "Meteoroloji tarafında değilim, portfolyo tarafında iyiyim. Proje, AI workflow veya Kaan'ın role uygunluğunu sorarsan daha iyi cevap veririm.", - "Canlı hava durumu şu an statik site kapsamının dışında. Site navigasyonu, CV, projeler ve İK özeti tamamen kapsamımda.", - ], - links: [ - { label: "Projeler", url: "works.html" }, - { label: "Hakkımda", url: "about.html" }, - ], - }, - cv: { - text: [ - "Kaan'ın CV'sini görebilir, mail atabilir veya LinkedIn/GitHub üzerinden ulaşabilirsin. İşe alım için en hızlı inceleme yolu CV + LinkedIn + Joyday case study.", - "En iyi iletişim rotası: direkt ulaşmak için e-posta, profesyonel profil için LinkedIn, kod/projeler için GitHub, tam geçmiş için CV butonu.", - "AI Designer ya da Software Developer rolleri için CV, AI Chatbot Flow Design ve Joyday projesini birlikte incelemeni öneririm.", - "Kaan'ın CV'sinde AI Designer deneyimi, LLM değerlendirme, 50+ akademik, kişisel, freelance ve ekip projesi, C#/.NET, Python, JavaScript, PHP/MySQL, Unity ve Unreal Engine öne çıkıyor.", - "En kısa yol: CV'yi aç, sonra Projeler'e bak, sonra e-posta gönder. Hem kanıtı hem iletişimi hızlı alırsın.", - ], - links: linkSets.tr.contact, - }, - default: { - text: [ - "Bunu tam eşleştiremedim ama Kaan'ın AI deneyimi, projeleri, CV'si, tech stack'i, sertifikaları, Joyday çalışması veya iletişim bilgileri hakkında cevap verebilirim.", - "Bu intent henüz net değil. AI, proje, CV, Joyday, deneyim, stack, iletişim veya role uygunluk gibi kelimelerle sorarsan daha iyi yakalarım.", - "Güzel soru ama ben hâlâ rule-based çalışıyorum. En iyi çalıştığım konular: AI workflow, yazılım projeleri, sertifikalar, CV ve iletişim.", - "Bunu kusursuz haritalayamadım. İstersen seni Projeler, Hakkımda veya E-posta yoluna hızlıca götürebilirim.", - "Bu cevap setimin biraz dışında kaldı ama genişletilebilir. Şimdilik Kaan'ın projeleri, AI geçmişi, iş deneyimi veya uygunluğu hakkında sorabilirsin.", - ], - links: [ - { label: "Projeler", url: "works.html" }, - { label: "Hakkımda", url: "about.html" }, - ], - }, - }); - - const upsertKeywords = (id, keywords) => { - const existing = chatbotKeywordMap.find((item) => item.id === id); - if (existing) { - existing.keywords = Array.from( - new Set([...keywords, ...existing.keywords]), - ); - } else { - chatbotKeywordMap.unshift({ id, keywords }); - } - }; - upsertKeywords("greeting", [ - "selam", - "merhaba", - "mrb", - "naber", - "nasılsın", - "gunaydin", - "günaydın", - "iyi akşamlar", - "hello", - "hi", - "hey", - ]); - upsertKeywords("weather", [ - "hava", - "hava durumu", - "weather", - "yağmur", - "rain", - "sıcak", - "soğuk", - "istanbul hava", - "izmir hava", - ]); - upsertKeywords("experience", [ - "deneyim", - "experience", - "iş geçmişi", - "work history", - "cbot", - "outlier", - "punto", - "ocean", - "staj", - "intern", - ]); - upsertKeywords("roles", [ - "role", - "roles", - "rol", - "pozisyon", - "uygun", - "fit", - "işe uygun", - "hangi iş", - "hangi rol", - "solution", - "developer", - ]); - upsertKeywords("education", [ - "education", - "eğitim", - "okul", - "üniversite", - "university", - "mezun", - ]); -} - -enhanceAjoopDialogDepth(); - -(function extendAjoopExtraAnswers() { - Object.assign(portfolioChatbotContent.en.answers, { - joyday: { - text: [ - "Atölye Joyday is Kaan's strongest real-business proof: a live workshop-studio website with service pages, package discovery and reservation CTAs.", - "Joyday shows product ownership. Kaan did not only build a page; he connected service presentation, package logic, forms and operational follow-up.", - "The Joyday project is useful for recruiters because it is a real customer-facing product rather than only a school or demo project.", - "Joyday has one main case view now: the official website case. It still shows UX, frontend and business-process thinking through the live site and reservation-oriented customer journey.", - "For web/product roles, Joyday is one of the best examples because it combines brand, mobile UX, package structure and reservation flow.", - ], - links: [ - { - label: "View Atölye Joyday Case Study", - url: "atolye-joyday-case-study.html", - }, - { - label: "Open Atölye Joyday Website", - url: "https://atolyejoyday.com/", - }, - ], - }, - stack: { - text: [ - "Main stack: Python, C#/.NET, JavaScript, PHP, Java, Kotlin, C++, MySQL, MSSQL, Firebase, Unity, Unreal Engine, n8n, AI Flow and LLM evaluation workflows.", - "Kaan's stack is broad: AI workflow design and LLM evaluation on one side; C#/.NET, Python, PHP/MySQL and JavaScript implementation on the other.", - "For AI and automation: AI Flow, n8n-style logic, prompt review and LLM output evaluation. For software: Python, C#, JavaScript, PHP/MySQL and Firebase.", - "For games and interactive work, Kaan uses Unity with C# and Unreal Engine with C++/Blueprints.", - "The practical stack is strongest around AI flows, web interfaces, database-backed systems, automation and game prototypes.", - ], - links: [ - { label: "About", url: "about.html" }, - { label: "Works", url: "works.html" }, - ], - }, - availability: { - text: [ - "Kaan is open for AI Designer, Software Developer, AI Workflow Designer, Chatbot Designer, Automation Builder and web/software roles depending on scope.", - "The strongest fit is a role mixing AI flows, user needs, automation logic and practical software development.", - "Kaan is positioned for opportunities where business needs must be translated into chatbot, automation or software workflows.", - "For pure senior-only roles, more production-scale proof may be needed; for AI/product/solution-oriented junior-mid roles, the profile is strong.", - "If the team needs someone who can understand users, map logic and build working outputs, Kaan's profile fits well.", - ], - links: [ - { label: "Contact", url: "mailto:kaanb8776@gmail.com" }, - { label: "Experience", url: "blog.html" }, - ], - }, - certificates: { - text: [ - "Kaan has 25+ certifications across Udemy, Cisco and related platforms, covering software, networking, Linux, web, C#, SQL and game development topics.", - "The Certificates page includes a gallery with preview modal support, useful for quick validation of learning areas.", - "Certificates support the profile, but the strongest evidence is still the project portfolio plus CBOT, Outlier and Joyday experience.", - "For technical breadth, certificates add context around C#, Java, SQL, Linux, web design, Cisco networking and Unreal/Unity learning.", - "I would treat the certificates as supporting proof; the project case studies are the main proof.", - ], - links: [{ label: "Certificates", url: "single-work.html" }], - }, - education: { - text: [ - "Kaan graduated from Izmir University of Economics Computer Programming and continues Visual Communication Design at Anadolu University.", - "His education combines software foundations with an ongoing visual/design direction, which helps with product and portfolio presentation.", - "The Computer Programming background supports C#, Python, Java, database and web-development work.", - "The design education side is useful because Kaan's work often mixes technical logic with user-facing interfaces.", - "Education summary: Computer Programming graduate with ongoing Visual Communication Design studies.", - ], - links: [ - { label: "About", url: "about.html" }, - { - label: "CV", - url: resumeLink, - }, - ], - }, - }); - - Object.assign(portfolioChatbotContent.tr.answers, { - joyday: { - text: [ - "Atölye Joyday, Kaan'ın en güçlü gerçek işletme kanıtlarından biri: canlı workshop stüdyosu sitesi, hizmet sayfaları, paket keşfi ve rezervasyon CTA'ları var.", - "Joyday ürün sahipliği gösteriyor. Kaan sadece sayfa yapmadı; hizmet sunumu, paket mantığı, form akışı ve operasyon takibini birbirine bağladı.", - "Joyday projesi İK açısından değerli çünkü yalnızca okul/demo projesi değil, gerçek müşteriye dokunan canlı bir ürün.", - "Joyday için artık tek ana vaka var: resmi web sitesi. Canlı site ve rezervasyon odaklı müşteri yolculuğu üzerinden UX, frontend ve iş süreci düşüncesini gösteriyor.", - "Web/product rolleri için Joyday en iyi örneklerden biri; marka, mobil UX, paket yapısı ve rezervasyon akışını birleştiriyor.", - ], - links: [ - { - label: "Atölye Joyday Vaka Çalışmasını Gör", - url: "atolye-joyday-case-study.html", - }, - { - label: "Atölye Joyday Canlı Sitesini Aç", - url: "https://atolyejoyday.com/", - }, - ], - }, - stack: { - text: [ - "Ana stack: Python, C#/.NET, JavaScript, PHP, Java, Kotlin, C++, MySQL, MSSQL, Firebase, Unity, Unreal Engine, n8n, AI Flow ve LLM değerlendirme iş akışları.", - "Kaan'ın stack'i geniş: bir tarafta AI workflow tasarımı ve LLM değerlendirme, diğer tarafta C#/.NET, Python, PHP/MySQL ve JavaScript uygulama tarafı var.", - "AI ve otomasyon tarafında AI Flow, n8n tarzı mantık, prompt inceleme ve LLM çıktı değerlendirme öne çıkıyor. Yazılımda Python, C#, JavaScript, PHP/MySQL ve Firebase var.", - "Oyun ve interaktif işler için Unity tarafında C#, Unreal Engine tarafında C++/Blueprints kullanıyor.", - "Pratik stack en çok AI akışları, web arayüzleri, veritabanı destekli sistemler, otomasyon ve oyun prototiplerinde güçleniyor.", - ], - links: [ - { label: "Hakkımda", url: "about.html" }, - { label: "Projeler", url: "works.html" }, - ], - }, - availability: { - text: [ - "Kaan; AI Designer, Software Developer, AI Workflow Designer, Chatbot Designer, Automation Builder ve web/yazılım rolleri için kapsamına göre açık.", - "En güçlü uyum; AI akışları, müşteri gereksinimleri, otomasyon mantığı ve pratik yazılım geliştirmenin birleştiği roller.", - "Kaan iş ihtiyaçlarını chatbot, otomasyon veya yazılım workflow'una çevirmek gereken fırsatlar için konumlanıyor.", - "Sadece senior backend isteyen roller için daha fazla production-scale kanıt gerekebilir; AI/product/solution odaklı junior-mid roller için profil güçlü.", - "Ekip kullanıcıyı anlayan, mantığı haritalayan ve çalışan çıktı üreten birini arıyorsa Kaan'ın profili iyi oturur.", - ], - links: [ - { label: "İletişim", url: "mailto:kaanb8776@gmail.com" }, - { label: "Deneyim", url: "blog.html" }, - ], - }, - certificates: { - text: [ - "Kaan'ın Udemy, Cisco ve benzeri platformlardan 25+ sertifikası var; yazılım, networking, Linux, web, C#, SQL ve oyun geliştirme alanlarını kapsıyor.", - "Sertifikalar sayfasında modern galeri ve büyük önizleme modalı var; öğrenme alanlarını hızlı doğrulamak için iyi.", - "Sertifikalar profili destekliyor ama asıl güçlü kanıt proje portföyü + CBOT, Outlier ve Joyday deneyimi.", - "Teknik genişlik için sertifikalar C#, Java, SQL, Linux, web tasarım, Cisco networking ve Unreal/Unity öğrenimini destekliyor.", - "Sertifikaları destekleyici kanıt gibi okumak lazım; ana kanıt case study sayfaları.", - ], - links: [{ label: "Sertifikalar", url: "single-work.html" }], - }, - education: { - text: [ - "Kaan, İzmir Ekonomi Üniversitesi Bilgisayar Programcılığı mezunu ve Anadolu Üniversitesi Görsel İletişim Tasarımı'na devam ediyor.", - "Eğitim tarafı yazılım temeli ile devam eden görsel/tasarım yönünü birleştiriyor; bu da ürün ve portfolyo sunumuna katkı sağlıyor.", - "Bilgisayar Programcılığı altyapısı C#, Python, Java, veritabanı ve web geliştirme çalışmalarını destekliyor.", - "Tasarım eğitimi tarafı değerli çünkü Kaan'ın işleri teknik mantık ile kullanıcıya görünen arayüzü sık sık birleştiriyor.", - "Eğitim özeti: Bilgisayar Programcılığı mezuniyeti ve devam eden Görsel İletişim Tasarımı eğitimi.", - ], - links: [ - { label: "Hakkımda", url: "about.html" }, - { - label: "CV", - url: resumeLink, - }, - ], - }, - }); -})(); - -let portfolioChatbotState = { - initialized: false, - language: "en", - open: false, -}; - -function getPortfolioChatbotContent(language = currentSiteLanguage || "en") { - return portfolioChatbotContent[language === "tr" ? "tr" : "en"]; -} - -function detectChatbotIntent(message) { - const normalized = String(message || "").toLocaleLowerCase("tr-TR"); - const match = chatbotKeywordMap.find((item) => - item.keywords.some((keyword) => normalized.includes(keyword)), - ); - return match?.id || "default"; -} - -function createChatbotLinks(links = []) { - if (!links.length) return ""; - return `
${links.map((link) => `${escapeProjectHtml(link.label)}`).join("")}
`; -} - -function addChatbotMessage(type, text, links = []) { - const messageList = document.querySelector("[data-chatbot-messages]"); - if (!messageList) return; - const message = document.createElement("div"); - message.className = `chatbot-message ${type === "user" ? "user" : "bot"}`; - message.innerHTML = `

${escapeProjectHtml(text)}

${type === "bot" ? createChatbotLinks(links) : ""}`; - messageList.appendChild(message); - messageList.scrollTop = messageList.scrollHeight; -} - -function getRandomChatbotLine(value) { - if (Array.isArray(value) && value.length) { - return value[Math.floor(Math.random() * value.length)]; - } - return value || ""; -} - -function answerChatbotIntent(intentId) { - const content = getPortfolioChatbotContent(portfolioChatbotState.language); - const answer = content.answers[intentId] || content.answers.default; - addChatbotMessage("bot", getRandomChatbotLine(answer.text), answer.links); -} - -function renderChatbotQuickActions() { - const content = getPortfolioChatbotContent(portfolioChatbotState.language); - const quickContainer = document.querySelector("[data-chatbot-quicks]"); - if (!quickContainer) return; - quickContainer.innerHTML = content.quicks - .map( - (quick) => - ``, - ) - .join(""); - - quickContainer.querySelectorAll("[data-chatbot-intent]").forEach((button) => { - button.addEventListener("click", () => { - addChatbotMessage("user", button.textContent.trim()); - answerChatbotIntent(button.dataset.chatbotIntent || "default"); - }); - }); -} - -function resetChatbotMessages() { - const content = getPortfolioChatbotContent(portfolioChatbotState.language); - const messageList = document.querySelector("[data-chatbot-messages]"); - if (!messageList) return; - messageList.innerHTML = ""; - addChatbotMessage("bot", getRandomChatbotLine(content.greeting)); -} - -function updatePortfolioChatbotLanguage( - language = currentSiteLanguage || "en", -) { - portfolioChatbotState.language = language === "tr" ? "tr" : "en"; - const content = getPortfolioChatbotContent(portfolioChatbotState.language); - const launcherText = document.querySelector("[data-chatbot-launcher-text]"); - const title = document.querySelector("[data-chatbot-title]"); - const subtitle = document.querySelector("[data-chatbot-subtitle]"); - const input = document.querySelector("[data-chatbot-input]"); - const send = document.querySelector("[data-chatbot-send]"); - const toggle = document.querySelector("[data-chatbot-toggle]"); - const close = document.querySelector("[data-chatbot-close]"); - - if (launcherText) launcherText.textContent = content.launcher; - if (title) title.textContent = content.title; - if (subtitle) subtitle.textContent = content.subtitle; - if (input) { - input.placeholder = content.inputPlaceholder; - input.setAttribute("aria-label", content.inputPlaceholder); - } - if (send) send.setAttribute("aria-label", content.sendLabel); - if (toggle) toggle.setAttribute("aria-label", content.openLabel); - if (close) close.setAttribute("aria-label", content.closeLabel); - renderChatbotQuickActions(); - resetChatbotMessages(); -} - -function setChatbotOpen( - isOpen, - { restoreFocus = true, trigger = null } = {}, -) { - const widget = document.querySelector("[data-portfolio-chatbot]"); - const panel = document.querySelector("[data-chatbot-panel]"); - const toggle = document.querySelector("[data-chatbot-toggle]"); - if (!widget || !panel || !toggle) return; - const wasOpen = portfolioChatbotState.open; - - if (isOpen) { - closeMobileNavigation(); - setCommandPaletteOpen(false, { restoreFocus: false }); - setRecruiterMode(false, { restoreFocus: false }); - rememberOverlayTrigger(panel, trigger || toggle); - } - - portfolioChatbotState.open = isOpen; - widget.classList.toggle("is-open", isOpen); - panel.setAttribute("aria-hidden", String(!isOpen)); - toggle.setAttribute("aria-expanded", String(isOpen)); - if (isOpen) { - setBackgroundInert(widget); - setOverlayBodyState(true); - const input = document.querySelector("[data-chatbot-input]"); - setTimeout(() => input?.focus(), 80); - } else if (wasOpen) { - setBackgroundInert(); - setOverlayBodyState(false); - if (restoreFocus) restoreOverlayFocus(panel); - else overlayTriggerMap.delete(panel); - } -} - -function setupPortfolioChatbot() { - if ( - portfolioChatbotState.initialized || - document.querySelector("[data-portfolio-chatbot]") - ) - return; - portfolioChatbotState.initialized = true; - const content = getPortfolioChatbotContent(currentSiteLanguage || "en"); - const widget = document.createElement("aside"); - widget.className = "portfolio-chatbot"; - widget.setAttribute("data-portfolio-chatbot", ""); - widget.innerHTML = ` - - - `; - document.body.appendChild(widget); - - document - .querySelector("[data-chatbot-toggle]") - ?.addEventListener("click", (event) => - setChatbotOpen(!portfolioChatbotState.open, { - trigger: event.currentTarget, - }), - ); - document - .querySelector("[data-chatbot-close]") - ?.addEventListener("click", () => setChatbotOpen(false)); - document - .querySelector("[data-chatbot-form]") - ?.addEventListener("submit", (event) => { - event.preventDefault(); - const input = document.querySelector("[data-chatbot-input]"); - const value = input?.value.trim() || ""; - if (!value) return; - addChatbotMessage("user", value); - input.value = ""; - answerChatbotIntent(detectChatbotIntent(value)); - }); - - document.addEventListener("keydown", (event) => { - const panel = document.querySelector("[data-chatbot-panel]"); - if (!portfolioChatbotState.open || !panel) return; - if (event.key === "Escape") { - event.preventDefault(); - setChatbotOpen(false); - return; - } - trapFocus(event, panel); - }); - - updatePortfolioChatbotLanguage(currentSiteLanguage || "en"); -} - -setupPortfolioChatbot(); - -applyLanguage(localStorage.getItem("kaanbalci-site-language") || "en"); - -/* Ultimate portfolio enhancements: recruiter mode, command palette, project search and Ajoop navigation actions */ -const ultimateContent = { - en: { - recruiterLabel: "Recruiter Mode", - recruiterOpenLabel: "Open recruiter mode", - recruiterCloseLabel: "Close recruiter mode", - recruiterTitle: "Recruiter snapshot", - recruiterLead: - "A concise, evidence-based profile for conversational AI, solution engineering, LLM evaluation, workflow automation and software opportunities.", - availability: "Open for work", - skillsTitle: "Top skills", - projectsTitle: "Best evidence", - commandsTitle: "Search", - commandDialogLabel: "Search palette", - commandPlaceholder: "Search page, project or command...", - noResults: "No command found.", - projectSearchPlaceholder: "Search by project, technology or keyword...", - projectSearchLabel: "Search projects", - copyDone: "Copied", - commands: [ - { - id: "home", - label: "Go to Home", - hint: "Landing page", - keywords: "home landing", - type: "nav", - value: "index.html", - }, - { - id: "works", - label: "Open Works", - hint: "Project catalog", - keywords: "projects works portfolio", - type: "nav", - value: "works.html", - }, - { - id: "sinama-case-study", - label: "View SINAMA Case Study", - hint: "AI agent reliability lab case study", - keywords: - "sinama ai agent reliability lab regression evaluation case study", - type: "nav", - value: "sinama-case-study.html", - }, - { - id: "sinama-live", - label: "Open SINAMA Live Product", - hint: "Live AI agent reliability lab", - keywords: "sinama live product ai agent reliability lab", - type: "nav", - value: "https://sinama.kaanbalci.com", - external: true, - }, - { - id: "games", - label: "Open Games", - hint: "Playable mini games", - keywords: "games oyun mini web canvas", - type: "nav", - value: "games.html", - }, - { - id: "joyday-paint", - label: "Open Joyday Painting", - hint: "Virtual action painting game", - keywords: "joyday painting action canvas paint game png", - type: "nav", - value: "joyday-paint.html", - }, - { - id: "ai-flow-puzzle-play", - label: "Play AI Flow Puzzle", - hint: "n8n-style chatbot workflow game", - keywords: "ai flow puzzle n8n chatbot workflow automation game", - type: "nav", - value: "ai-flow-puzzle.html", - }, - { - id: "ai-flow-puzzle-case-study", - label: "View AI Flow Puzzle Case Study", - hint: "Design and technical case study", - keywords: "ai flow puzzle case study node validation fallback", - type: "nav", - value: "ai-flow-puzzle-case-study.html", - }, - { - id: "adventure", - label: "Open Adventure", - hint: "Career merge mini game", - keywords: "adventure game mini career merge job kaan", - type: "nav", - value: "adventure.html", - }, - { - id: "joyday-case-study", - label: "View Atölye Joyday Case Study", - hint: "Live business and digital product case study", - keywords: "atolye joyday case study reservation digital product", - type: "nav", - value: "atolye-joyday-case-study.html", - }, - { - id: "joyday-live", - label: "Open Atölye Joyday Website", - hint: "Live creative workshop website", - keywords: "atolye joyday live website business", - type: "nav", - value: "https://atolyejoyday.com/", - external: true, - }, - { - id: "hospital-system-case-study", - label: "View Hospital System Case Study", - hint: "2024 C# Windows Forms source-archive case study", - keywords: - "hospital system form app c# windows forms sql server case study", - type: "nav", - value: "hospital-system-case-study.html", - }, - { - id: "hospital-system-source", - label: "Open Hospital System Source Archive", - hint: "Public C# project archive", - keywords: "hospital system source archive github c# windows forms", - type: "nav", - value: "https://github.com/UAJOP/Hospital-System", - external: true, - }, - { - id: "cv", - label: "View Resume", - hint: "Google Drive CV", - keywords: "resume cv", - type: "resume", - }, - { - id: "github", - label: "Open GitHub", - hint: "UAJOP repositories", - keywords: "github repo code", - type: "nav", - value: "https://github.com/UAJOP", - external: true, - }, - { - id: "linkedin", - label: "Open LinkedIn", - hint: "Professional profile", - keywords: "linkedin contact", - type: "nav", - value: "https://www.linkedin.com/in/balcikaan/", - external: true, - }, - { - id: "theme", - label: "Switch Theme", - hint: "Dark / Light", - keywords: "theme dark light", - type: "theme", - }, - { - id: "language", - label: "Switch Language", - hint: "EN / TR", - keywords: "language tr en", - type: "language", - }, - { - id: "ajoop", - label: "Open Ajoop", - hint: "Portfolio assistant", - keywords: "bot assistant ajoop chat", - type: "chatbot", - }, - { - id: "recruiter", - label: "Toggle Recruiter Mode", - hint: "Compact hiring view", - keywords: "recruiter hiring mode", - type: "recruiter", - }, - { - id: "mathlab", - label: "Open 3D Math Lab", - hint: "Interactive canvas model", - keywords: "3d math canvas model rotate", - type: "scroll", - value: "algorithmic-3d-lab", - }, - { - id: "easter", - label: "Launch Easter Egg", - hint: "Fireworks surprise", - keywords: "easter egg fireworks surprise", - type: "easter", - }, - ], - }, - tr: { - recruiterLabel: "İK Modu", - recruiterOpenLabel: "Recruiter Mode’u aç", - recruiterCloseLabel: "Recruiter Mode’u kapat", - recruiterTitle: "İK özeti", - recruiterLead: - "Conversational AI, solution engineering, LLM değerlendirme, workflow otomasyonu ve yazılım fırsatları için kısa ve kanıt odaklı profil özeti.", - availability: "İşe açık", - skillsTitle: "Ana yetkinlikler", - projectsTitle: "Kanıt projeler", - commandsTitle: "Ara", - commandDialogLabel: "Arama paleti", - commandPlaceholder: "Sayfa, proje veya komut ara...", - noResults: "Komut bulunamadı.", - projectSearchPlaceholder: "Proje, teknoloji veya anahtar kelime ara...", - projectSearchLabel: "Projelerde ara", - copyDone: "Kopyalandı", - commands: [ - { - id: "home", - label: "Ana Sayfaya Git", - hint: "Landing page", - keywords: "home ana sayfa", - type: "nav", - value: "index.html", - }, - { - id: "works", - label: "Projeleri Aç", - hint: "Proje kataloğu", - keywords: "projeler portfolio works", - type: "nav", - value: "works.html", - }, - { - id: "sinama-case-study", - label: "SINAMA Vaka Çalışmasını Gör", - hint: "AI agent reliability lab vaka çalışması", - keywords: - "sinama ai agent reliability lab regression evaluation vaka çalışması", - type: "nav", - value: "sinama-case-study.html", - }, - { - id: "sinama-live", - label: "SINAMA Canlı Ürününü Aç", - hint: "Canlı AI agent reliability lab", - keywords: "sinama canlı ürün ai agent reliability lab", - type: "nav", - value: "https://sinama.kaanbalci.com", - external: true, - }, - { - id: "games", - label: "Oyunları Aç", - hint: "Oynanabilir mini oyunlar", - keywords: "oyunlar oyun mini web canvas", - type: "nav", - value: "games.html", - }, - { - id: "joyday-paint", - label: "Joyday Painting Aç", - hint: "Sanal action painting oyunu", - keywords: "joyday painting action canvas boya oyun png", - type: "nav", - value: "joyday-paint.html", - }, - { - id: "ai-flow-puzzle-play", - label: "AI Flow Puzzle Oyna", - hint: "n8n tarzı chatbot workflow oyunu", - keywords: "ai flow puzzle n8n chatbot workflow otomasyon oyun", - type: "nav", - value: "ai-flow-puzzle.html", - }, - { - id: "ai-flow-puzzle-case-study", - label: "AI Flow Puzzle Vaka Çalışmasını Gör", - hint: "Tasarım ve teknik vaka çalışması", - keywords: "ai flow puzzle vaka çalışması node doğrulama fallback", - type: "nav", - value: "ai-flow-puzzle-case-study.html", - }, - { - id: "adventure", - label: "Macera\'yı Aç", - hint: "Kariyer merge mini oyunu", - keywords: "macera oyun kariyer merge job iş kaan", - type: "nav", - value: "adventure.html", - }, - { - id: "joyday-case-study", - label: "Atölye Joyday Vaka Çalışmasını Gör", - hint: "Canlı işletme ve dijital ürün vaka çalışması", - keywords: "atölye joyday vaka çalışması rezervasyon dijital ürün", - type: "nav", - value: "atolye-joyday-case-study.html", - }, - { - id: "joyday-live", - label: "Atölye Joyday Canlı Sitesini Aç", - hint: "Canlı yaratıcı atölye web sitesi", - keywords: "atölye joyday canlı site işletme", - type: "nav", - value: "https://atolyejoyday.com/", - external: true, - }, - { - id: "hospital-system-case-study", - label: "Hospital System Vaka Çalışmasını Gör", - hint: "2024 C# Windows Forms kaynak arşivi vaka çalışması", - keywords: - "hospital system form app c# windows forms sql server vaka çalışması", - type: "nav", - value: "hospital-system-case-study.html", - }, - { - id: "hospital-system-source", - label: "Hospital System Kaynak Arşivini Aç", - hint: "Herkese açık C# proje arşivi", - keywords: "hospital system kaynak arşivi github c# windows forms", - type: "nav", - value: "https://github.com/UAJOP/Hospital-System", - external: true, - }, - { - id: "cv", - label: "CV'yi Görüntüle", - hint: "Google Drive CV", - keywords: "resume cv özgeçmiş", - type: "resume", - }, - { - id: "github", - label: "GitHub Aç", - hint: "UAJOP repository'leri", - keywords: "github repo kod", - type: "nav", - value: "https://github.com/UAJOP", - external: true, - }, - { - id: "linkedin", - label: "LinkedIn Aç", - hint: "Profesyonel profil", - keywords: "linkedin iletişim", - type: "nav", - value: "https://www.linkedin.com/in/balcikaan/", - external: true, - }, - { - id: "theme", - label: "Tema Değiştir", - hint: "Koyu / Açık", - keywords: "tema koyu açık", - type: "theme", - }, - { - id: "language", - label: "Dil Değiştir", - hint: "EN / TR", - keywords: "dil tr en", - type: "language", - }, - { - id: "ajoop", - label: "Ajoop'u Aç", - hint: "Portfolio asistanı", - keywords: "bot asistan ajoop chat", - type: "chatbot", - }, - { - id: "recruiter", - label: "İK Modunu Aç/Kapat", - hint: "Kompakt işe alım görünümü", - keywords: "ik insan kaynakları recruiter iş mod", - type: "recruiter", - }, - { - id: "mathlab", - label: "3D Matematik Labını Aç", - hint: "İnteraktif canvas modeli", - keywords: "3d matematik canvas model döndür", - type: "scroll", - value: "algorithmic-3d-lab", - }, - { - id: "easter", - label: "Easter Egg Başlat", - hint: "Havai fişek sürprizi", - keywords: "easter egg havai fişek sürpriz", - type: "easter", - }, - ], - }, -}; - -function getUltimateContent(language = currentSiteLanguage || "en") { - return ultimateContent[language === "tr" ? "tr" : "en"]; -} - -function getCatalogSearchLabels(language = currentSiteLanguage || "en") { - const base = getUltimateContent(language); - const path = (window.location.pathname || "").toLowerCase(); - const isGamesCatalog = path.includes("games.html") || path.endsWith("/games"); - if (!isGamesCatalog) - return { - label: base.projectSearchLabel, - placeholder: base.projectSearchPlaceholder, - }; - return language === "tr" - ? { - label: "Oyunlarda ara", - placeholder: "Oyun, kategori veya özellik ara...", +(function () { + const current = document.currentScript; + const currentUrl = current?.src || new URL("script.js", window.location.href).href; + const baseUrl = new URL(".", currentUrl); + const assetUrl = (name) => new URL(name, baseUrl).href; + + function ensureV2Styles() { + if (document.querySelector('link[href$="portfolio-v2.css"]')) return; + const link = document.createElement("link"); + link.rel = "stylesheet"; + link.href = assetUrl("portfolio-v2.css"); + document.head.appendChild(link); + } + + function hasScript(name) { + return Array.from(document.scripts).some((script) => { + try { + return new URL(script.src, window.location.href).pathname.endsWith(`/${name}`); + } catch (error) { + return false; } - : { - label: "Search games", - placeholder: "Search by game, category or feature...", - }; -} - -function updateUltimateStaticLabels(language = currentSiteLanguage || "en") { - const content = getUltimateContent(language); - const catalogSearchLabels = getCatalogSearchLabels(language); - document.querySelectorAll("[data-recruiter-label]").forEach((node) => { - node.textContent = content.recruiterLabel; - }); - document.querySelectorAll("[data-recruiter-toggle]").forEach((button) => { - const isOpen = button.getAttribute("aria-expanded") === "true"; - const label = isOpen - ? content.recruiterCloseLabel - : content.recruiterOpenLabel; - button.setAttribute("aria-label", label); - button.setAttribute("title", label); - }); - document.querySelectorAll("[data-command-toggle]").forEach((button) => { - const label = - button.getAttribute("aria-expanded") === "true" - ? language === "tr" - ? "Arama paletini kapat" - : "Close search palette" - : content.commandsTitle; - button.setAttribute("aria-label", label); - button.setAttribute("title", label); - const visibleLabel = - button.querySelector("[data-command-label]") || - button.querySelector("span"); - if (visibleLabel) visibleLabel.textContent = content.commandsTitle; - }); - document - .querySelectorAll("[data-availability-badge] strong") - .forEach((node) => { - node.textContent = content.availability; }); - document.querySelectorAll("[data-command-input]").forEach((node) => { - node.placeholder = content.commandPlaceholder; - node.setAttribute("aria-label", content.commandDialogLabel); - }); - document.querySelectorAll("[data-availability-badge]").forEach((node) => { - node.setAttribute( - "aria-label", - language === "tr" ? "Rollere açık" : "Available for roles", - ); - }); - document.querySelectorAll("[data-project-search]").forEach((node) => { - node.placeholder = catalogSearchLabels.placeholder; - }); - document.querySelectorAll("[data-project-search-label]").forEach((node) => { - node.textContent = catalogSearchLabels.label; - }); - renderRecruiterDrawer(language); - renderCommandPalette(language); -} - -function setupProjectSearch() { - const grid = document.querySelector(".catalog-grid"); - const filterBar = document.querySelector(".filter-bar"); - if (!grid || !filterBar || document.querySelector("[data-project-search]")) - return; - const content = getUltimateContent(); - const catalogSearchLabels = getCatalogSearchLabels(); - const searchWrap = document.createElement("div"); - searchWrap.className = "project-search-wrap reveal"; - searchWrap.innerHTML = ``; - filterBar.insertAdjacentElement("afterend", searchWrap); - const input = searchWrap.querySelector("[data-project-search]"); - - function applyEnhancedProjectFilter() { - const activeCategory = - document.querySelector("[data-filter-btn].active")?.dataset.filterBtn || - "all"; - const query = normalizeI18nText(input.value || "").toLowerCase(); - projectCards.forEach((card) => { - const categories = (card.dataset.category || "").split(" "); - const categoryMatch = - activeCategory === "all" || categories.includes(activeCategory); - const text = normalizeI18nText(card.textContent || "").toLowerCase(); - const keywordMatch = - !query || - text.includes(query) || - (card.dataset.projectLink || "").includes(query) || - (card.dataset.gameLink || "").includes(query); - card.classList.toggle("is-hidden", !(categoryMatch && keywordMatch)); - }); - updateProjectSectionVisibility(); - } - - input.addEventListener("input", applyEnhancedProjectFilter); - filterButtons.forEach((button) => - button.addEventListener("click", () => - setTimeout(applyEnhancedProjectFilter, 0), - ), - ); - applyEnhancedProjectFilter(); -} - -const recruiterItems = { - en: { - profile: "AI Designer & Software Developer", - focus: [ - "Conversational AI", - "Solution Engineering", - "LLM Evaluation", - "Workflow Automation", - ], - skills: [ - "Chatbot flow design, QA and stabilization", - "n8n-style multi-step workflow logic", - "LLM response, reasoning, code and multimodal evaluation", - "Python, C#/.NET, JavaScript, PHP and SQL", - "User-centered digital product development", - ], - roles: [ - "AI Designer", - "Conversational AI Designer", - "Solution Engineer", - "LLM Evaluator", - "Workflow Automation Specialist", - "Software Developer", - ], - proof: [ - "Enterprise conversational AI experience at CBOT across QA, stabilization, channel configuration and large-scale flow restructuring.", - "Designed, built, tested and presented an insurance claims intake POC with voice, phone verification, WhatsApp handoff and document collection.", - "Structured LLM evaluation and quality-assessment work covering reasoning, code and multimodal outputs.", - "Live digital product and reservation automation at Atölye Joyday using JavaScript, Google Forms, Sheets and Apps Script.", - ], - projects: [ - [ - "SINAMA — AI Agent Reliability Lab", - "Live Turkish-first AI agent reliability and regression testing lab", - "sinama-case-study.html", - "View Case Study", - ], - [ - "AI Chatbot Flow Design", - "Conversational AI and enterprise workflow evidence", - "project-detail.html?project=ai-chatbot-flow-design", - ], - [ - "AI Flow Puzzle", - "Live node-logic, fallback and validation demo", - "ai-flow-puzzle-case-study.html", - "View Case Study", - ], - [ - "Atölye Joyday Official Website", - "Live digital product and reservation journey", - "atolye-joyday-case-study.html", - "View Case Study", - ], - [ - "Hospital Form App", - "C# Windows Forms and SQL Server workflow project preserved as a source archive.", - "hospital-system-case-study.html", - "View Case Study", - ], - ], - buttons: { - cv: "View Resume", - contact: "Email Me", - linkedin: "LinkedIn", - close: "Close", - }, - }, - tr: { - profile: "AI Designer & Software Developer", - focus: [ - "Conversational AI", - "Solution Engineering", - "LLM Değerlendirme", - "Workflow Otomasyonu", - ], - skills: [ - "Chatbot akış tasarımı, QA ve stabilizasyon", - "n8n tarzı çok adımlı workflow mantığı", - "LLM yanıt, akıl yürütme, kod ve multimodal değerlendirme", - "Python, C#/.NET, JavaScript, PHP ve SQL", - "Kullanıcı odaklı dijital ürün geliştirme", - ], - roles: [ - "AI Designer", - "Conversational AI Designer", - "Solution Engineer", - "LLM Evaluator", - "Workflow Automation Specialist", - "Software Developer", - ], - proof: [ - "CBOT'ta QA, stabilizasyon, kanal yapılandırması ve büyük ölçekli akış yeniden yapılandırmayı kapsayan kurumsal conversational AI deneyimi.", - "Ses, telefon doğrulama, WhatsApp aktarımı ve belge toplama içeren sigorta hasar başvuru POC'sini tasarladı, geliştirdi, test etti ve sundu.", - "Akıl yürütme, kod ve multimodal çıktıları kapsayan yapılandırılmış LLM değerlendirme ve kalite çalışmaları.", - "JavaScript, Google Forms, Sheets ve Apps Script ile Atölye Joyday canlı dijital ürünü ve rezervasyon otomasyonu.", - ], - projects: [ - [ - "SINAMA — AI Agent Reliability Lab", - "Canlı, Türkçe öncelikli AI agent reliability ve regression test lab'ı", - "sinama-case-study.html", - "Vaka Çalışmasını Gör", - ], - [ - "AI Chatbot Akış Tasarımı", - "Conversational AI ve kurumsal workflow kanıtı", - "project-detail.html?project=ai-chatbot-flow-design", - ], - [ - "AI Flow Puzzle", - "Canlı node mantığı, fallback ve doğrulama demosu", - "ai-flow-puzzle-case-study.html", - "Vaka Çalışmasını Gör", - ], - [ - "Atölye Joyday Resmi Web Sitesi", - "Canlı dijital ürün ve rezervasyon yolculuğu", - "atolye-joyday-case-study.html", - "Vaka Çalışmasını Gör", - ], - [ - "Hospital Form App", - "Kaynak arşivi olarak korunan C# Windows Forms ve SQL Server iş akışı projesi.", - "hospital-system-case-study.html", - "Vaka Çalışmasını Gör", - ], - ], - buttons: { - cv: "CV'yi Görüntüle", - contact: "E-posta", - linkedin: "LinkedIn", - close: "Kapat", - }, - }, -}; - -function renderRecruiterDrawer(language = currentSiteLanguage || "en") { - const drawer = document.querySelector("[data-recruiter-drawer]"); - if (!drawer) return; - const hadFocus = drawer.contains(document.activeElement); - const content = getUltimateContent(language); - const data = recruiterItems[language === "tr" ? "tr" : "en"]; - drawer.innerHTML = ` -
- -

${escapeProjectHtml(content.recruiterLabel)}

-

${escapeProjectHtml(content.recruiterTitle)}

-

${escapeProjectHtml(content.recruiterLead)}

-
${escapeProjectHtml(content.availability)}
-

${language === "tr" ? "Ana kimlik" : "Primary profile"}

-
${escapeProjectHtml(data.profile)}
-

${language === "tr" ? "Odak" : "Focus"}

-
${data.focus.map((item) => `${escapeProjectHtml(item)}`).join("")}
-

${escapeProjectHtml(content.skillsTitle)}

-
${data.skills.map((item) => `${escapeProjectHtml(item)}`).join("")}
-

${language === "tr" ? "Rol uyumu" : "Role fit"}

-
${data.roles.map((item) => `${escapeProjectHtml(item)}`).join("")}
-

${language === "tr" ? "Deneyim kanıtları" : "Experience evidence"}

-
    ${data.proof.map((item) => `
  • ${escapeProjectHtml(item)}
    • `).join("")}
-

${escapeProjectHtml(content.projectsTitle)}

-
${data.projects.map((item) => `${escapeProjectHtml(item[0])}${escapeProjectHtml(item[1])}${item[3] ? `${escapeProjectHtml(item[3])}` : ""}`).join("")}
-
- - ${escapeProjectHtml(data.buttons.contact)} - ${escapeProjectHtml(data.buttons.linkedin)} -
-
`; - drawer - .querySelector("[data-recruiter-close]") - ?.addEventListener("click", () => setRecruiterMode(false)); - if (hadFocus) drawer.querySelector("[data-recruiter-close]")?.focus(); -} - -function setRecruiterMode( - isOpen, - { restoreFocus = true, trigger = null } = {}, -) { - const drawer = document.querySelector("[data-recruiter-drawer]"); - if (!drawer) return; - const wasOpen = document.body.classList.contains("recruiter-mode-active"); - - if (isOpen) { - closeMobileNavigation(); - setChatbotOpen(false, { restoreFocus: false }); - setCommandPaletteOpen(false, { restoreFocus: false }); - rememberOverlayTrigger( - drawer, - trigger || document.querySelector("[data-recruiter-toggle]"), - ); } - document.body.classList.toggle("recruiter-mode-active", Boolean(isOpen)); - drawer.hidden = !isOpen; - drawer.setAttribute("aria-hidden", String(!isOpen)); - document.querySelectorAll("[data-recruiter-toggle]").forEach((button) => { - button.setAttribute("aria-expanded", String(isOpen)); - }); - - if (isOpen) { - setBackgroundInert(drawer); - setOverlayBodyState(true); - updateUltimateStaticLabels(currentSiteLanguage || "en"); - setTimeout(() => drawer.querySelector("[data-recruiter-close]")?.focus(), 0); - } else if (wasOpen) { - setBackgroundInert(); - setOverlayBodyState(false); - updateUltimateStaticLabels(currentSiteLanguage || "en"); - if (restoreFocus) restoreOverlayFocus(drawer); - else overlayTriggerMap.delete(drawer); - } -} + function parserBoot() { + const registryAlreadyDeclared = hasScript("portfolio-data.js"); + ensureV2Styles(); -function setupRecruiterMode() { - if (document.querySelector("[data-recruiter-drawer]")) return; - const drawer = document.createElement("div"); - drawer.className = "recruiter-drawer"; - drawer.id = "recruiter-dialog"; - drawer.setAttribute("data-recruiter-drawer", ""); - drawer.setAttribute("aria-hidden", "true"); - drawer.setAttribute("role", "dialog"); - drawer.setAttribute("aria-modal", "true"); - drawer.setAttribute("aria-labelledby", "recruiter-dialog-title"); - drawer.setAttribute("aria-describedby", "recruiter-dialog-description"); - drawer.hidden = true; - document.body.appendChild(drawer); - renderRecruiterDrawer(); - document.querySelectorAll("[data-recruiter-toggle]").forEach((button) => { - button.setAttribute("aria-controls", drawer.id); - button.setAttribute("aria-expanded", "false"); - button.addEventListener("click", (event) => - setRecruiterMode( - !document.body.classList.contains("recruiter-mode-active"), - { trigger: event.currentTarget }, - ), - ); - }); - drawer.addEventListener("click", (event) => { - if (event.target === drawer) setRecruiterMode(false); - }); - document.addEventListener("keydown", (event) => { - if (!document.body.classList.contains("recruiter-mode-active")) return; - if (event.key === "Escape") { - event.preventDefault(); - setRecruiterMode(false); + if (registryAlreadyDeclared) { + document.write(``, the bootloader inserts: + +`portfolio-data.js → legacy-script.js → portfolio-v2.js` + +It also adds `portfolio-v2.css` when missing. + +This keeps current Recruiter Mode and Ajoop evidence available on older case studies, certificates, 404 and mini-game pages without forcing a risky all-at-once HTML rewrite. + +Future refactors can extract focused modules from `legacy-script.js`; the compatibility bootloader gives that work a stable migration boundary. + +## Ajoop scope + +Ajoop is deterministic in this release. It maps portfolio questions to curated evidence-backed answers and links. + +V2 improves its grounding by sourcing current SINAMA, Merge Rush, role-fit and build-status facts from the central registry, but **does not claim a live LLM, semantic retrieval or RAG backend**. + +A future semantic assistant should be a separate, explicit product step with source citation, safe fallbacks and clear runtime boundaries. + ## Role deep links Supported role ids: @@ -55,7 +81,7 @@ Example: `https://kaanbalci.com/?role=applied-ai` -On V2-enabled pages, a valid role parameter selects that evidence profile and opens Recruiter Mode. +A valid role parameter selects that evidence profile and opens Recruiter Mode. ## Page hierarchy @@ -122,19 +148,20 @@ The UI may show a **browser submission reference**, but must not call it a serve ## QA -The Site Preflight workflow remains the release safety net. V2 adds `labs.html` and `now.html` to Pa11y and Lighthouse coverage. +The Site Preflight workflow remains the release safety net and now includes JavaScript syntax validation for all root JS files. V2 adds `labs.html` and `now.html` to Pa11y and Lighthouse coverage. Before merge: -1. HTML validation -2. spelling -3. mobile Pa11y -4. Lighthouse -5. broken-link scan -6. manual smoke test for Recruiter Mode V2, language switch, Ajoop, role deep links and SINAMA Evidence Explorer +1. JavaScript syntax validation +2. HTML validation +3. spelling +4. mobile Pa11y +5. Lighthouse +6. broken-link scan +7. interaction review for Recruiter Mode V2, language switch, Ajoop, role deep links and SINAMA Evidence Explorer ## Migration note -`flagship-copy.js` was removed. Its responsibilities are now handled by the registry + V2 runtime. `script.js` still contains legacy data needed by older pages and dynamic archive features; V2 treats that layer as compatibility code and overwrites current flagship/recruiter/Ajoop surfaces at runtime on migrated pages. +`flagship-copy.js` was removed. Its responsibilities are now handled by the registry + V2 runtime. -Future cleanup should gradually extract remaining large legacy modules from `script.js` into focused files without changing behavior. +`legacy-script.js` is compatibility code, not the preferred home for new product facts. New current-state logic should enter through the registry or focused V2 modules first. From 4bbca62689b3b528bc3aaeaf5006f06bce6ef742 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:44:23 +0300 Subject: [PATCH 27/32] test: include legacy certificates page in Lighthouse --- lighthouserc.json | 1 + 1 file changed, 1 insertion(+) diff --git a/lighthouserc.json b/lighthouserc.json index 8082f43..fafc86f 100644 --- a/lighthouserc.json +++ b/lighthouserc.json @@ -12,6 +12,7 @@ "http://localhost/labs.html", "http://localhost/now.html", "http://localhost/blog.html", + "http://localhost/single-work.html", "http://localhost/request.html", "http://localhost/about.html" ], From b1122a2c94c6f8c11dc6d0552416c5abc0579f34 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:48:20 +0300 Subject: [PATCH 28/32] test: add portfolio architecture drift guard --- qa-portfolio-consistency.js | 90 +++++++++++++++++++++++++++++++++++++ 1 file changed, 90 insertions(+) create mode 100644 qa-portfolio-consistency.js diff --git a/qa-portfolio-consistency.js b/qa-portfolio-consistency.js new file mode 100644 index 0000000..55f4b01 --- /dev/null +++ b/qa-portfolio-consistency.js @@ -0,0 +1,90 @@ +const fs = require("fs"); +const vm = require("vm"); + +const failures = []; +const check = (condition, message) => { + if (!condition) failures.push(message); +}; +const read = (path) => fs.readFileSync(path, "utf8"); + +const sandbox = { window: {} }; +vm.createContext(sandbox); +vm.runInContext(read("portfolio-data.js"), sandbox, { + filename: "portfolio-data.js", +}); +const registry = sandbox.window.KAAN_PORTFOLIO; + +check(registry, "portfolio-data.js must expose window.KAAN_PORTFOLIO"); +check(registry?.version === "2.0.0", "portfolio registry version must remain explicit"); +check(/^\d{4}-\d{2}-\d{2}$/.test(registry?.updatedAt || ""), "registry updatedAt must use YYYY-MM-DD"); + +["sinama", "mergeRush", "joyday", "chatbotFlow", "hospital"].forEach((id) => { + check(registry?.projects?.[id], `missing registry project: ${id}`); +}); + +["applied-ai", "solution-engineering", "software", "game"].forEach((id) => { + check(registry?.recruiterProfiles?.[id], `missing recruiter profile: ${id}`); + check((registry?.recruiterProfiles?.[id]?.evidence || []).length >= 2, `recruiter profile ${id} needs at least two evidence links`); +}); + +check((registry?.buildLog || []).length >= 3, "build log needs at least three checkpoints"); +check((registry?.labs || []).length >= 3, "Labs needs at least three experiments"); +check(registry?.sinamaEvidence?.healthy?.status === "READY", "healthy SINAMA evidence must remain READY"); +check(registry?.sinamaEvidence?.broken?.status === "BLOCKED", "broken SINAMA evidence must remain BLOCKED"); + +check(!fs.existsSync("flagship-copy.js"), "flagship-copy.js must stay retired"); +check(fs.existsSync("legacy-script.js"), "legacy-script.js compatibility runtime is missing"); + +const requiredBootPages = [ + "index.html", + "works.html", + "games.html", + "blog.html", + "about.html", + "request.html", + "single-work.html", + "404.html", + "sinama-case-study.html", + "merge-rush-case-study.html", + "labs.html", + "now.html", + "project-detail.html", +]; +requiredBootPages.forEach((file) => { + const source = read(file); + check(source.includes('src="script.js"'), `${file} must load the global script bootloader`); + check(!source.includes("flagship-copy.js"), `${file} still references retired flagship-copy.js`); +}); + +const index = read("index.html"); +[ + "Calculator JS", + "Weather App", + "AI workflow demo", + "Algorithmic 3D lab", +].forEach((stale) => check(!index.includes(stale), `homepage should not lead with: ${stale}`)); + +const games = read("games.html"); +check(!games.includes("Interview Run"), "Interview Run must not return to active game catalog without an explicit product decision"); +check(games.includes("Merge Rush: Tiny Factory"), "Games must keep Merge Rush as the active product lead"); + +const sitemap = read("sitemap.xml"); +check(sitemap.includes("/labs.html"), "sitemap must include Labs"); +check(sitemap.includes("/now.html"), "sitemap must include Build Log"); +check(!sitemap.includes("/project-detail.html"), "noindex dynamic project-detail must stay out of sitemap"); + +const request = read("request.html"); +check(request.includes("no-cors"), "request page must disclose the no-cors confirmation limitation"); + +const architecture = read("PORTFOLIO_ARCHITECTURE.md"); +check(architecture.includes("source-of-truth"), "architecture document must keep the source-of-truth rule"); +check(architecture.includes("does not claim a live LLM"), "architecture document must keep Ajoop scope explicit"); + +if (failures.length) { + console.error(`Portfolio consistency guard failed with ${failures.length} issue(s):`); + failures.forEach((failure) => console.error(`- ${failure}`)); + process.exit(1); +} + +console.log("Portfolio consistency guard passed."); +console.log(`Registry ${registry.version} · ${Object.keys(registry.projects).length} projects · ${Object.keys(registry.recruiterProfiles).length} recruiter profiles · ${registry.buildLog.length} build checkpoints · ${registry.labs.length} labs`); From 0544d87273a3edab726f78ed6fe62dfb51acd0f7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:48:31 +0300 Subject: [PATCH 29/32] test: wire portfolio consistency guard --- package.json | 1 + 1 file changed, 1 insertion(+) diff --git a/package.json b/package.json index d066d7d..4b34540 100644 --- a/package.json +++ b/package.json @@ -3,6 +3,7 @@ "private": true, "description": "Automated preflight checks for kaanbalci.com", "scripts": { + "qa:portfolio": "node qa-portfolio-consistency.js", "qa:html": "html-validate \"*.html\"", "qa:spelling": "cspell \"*.{html,md}\" --config cspell.json --no-progress --show-suggestions", "qa:a11y": "pa11y-ci --config .pa11yci", From b5f714e31da0a40c32d3219683b63c3b7d18ec66 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:48:47 +0300 Subject: [PATCH 30/32] test: enforce portfolio architecture consistency --- .github/workflows/site-preflight.yml | 3 +++ 1 file changed, 3 insertions(+) diff --git a/.github/workflows/site-preflight.yml b/.github/workflows/site-preflight.yml index aaeff4b..38c11f2 100644 --- a/.github/workflows/site-preflight.yml +++ b/.github/workflows/site-preflight.yml @@ -41,6 +41,9 @@ jobs: node --check "$file" done + - name: Check portfolio architecture consistency + run: npm run qa:portfolio + - name: Validate HTML continue-on-error: true run: npm run qa:html 2>&1 | tee qa-results/html-validation.txt From e3597173d3a099537d84579c7c1622e3fd88812f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:49:30 +0300 Subject: [PATCH 31/32] fix: normalize architecture guard matching --- qa-portfolio-consistency.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/qa-portfolio-consistency.js b/qa-portfolio-consistency.js index 55f4b01..1491457 100644 --- a/qa-portfolio-consistency.js +++ b/qa-portfolio-consistency.js @@ -77,8 +77,9 @@ const request = read("request.html"); check(request.includes("no-cors"), "request page must disclose the no-cors confirmation limitation"); const architecture = read("PORTFOLIO_ARCHITECTURE.md"); -check(architecture.includes("source-of-truth"), "architecture document must keep the source-of-truth rule"); -check(architecture.includes("does not claim a live LLM"), "architecture document must keep Ajoop scope explicit"); +const normalizedArchitecture = architecture.toLowerCase(); +check(normalizedArchitecture.includes("source-of-truth"), "architecture document must keep the source-of-truth rule"); +check(normalizedArchitecture.includes("does not claim a live llm"), "architecture document must keep Ajoop scope explicit"); if (failures.length) { console.error(`Portfolio consistency guard failed with ${failures.length} issue(s):`); From f21db0ac076ed5951ceaa26a07d4bba6ba249d62 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kaan=20Balc=C4=B1?= <138722058+UAJOP@users.noreply.github.com> Date: Thu, 20 Aug 2026 01:50:46 +0300 Subject: [PATCH 32/32] fix: scope Interview Run guard to active card markup --- qa-portfolio-consistency.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/qa-portfolio-consistency.js b/qa-portfolio-consistency.js index 1491457..901206e 100644 --- a/qa-portfolio-consistency.js +++ b/qa-portfolio-consistency.js @@ -65,7 +65,7 @@ const index = read("index.html"); ].forEach((stale) => check(!index.includes(stale), `homepage should not lead with: ${stale}`)); const games = read("games.html"); -check(!games.includes("Interview Run"), "Interview Run must not return to active game catalog without an explicit product decision"); +check(!games.includes("

Interview Run

"), "Interview Run must not return as an active game card without an explicit product decision"); check(games.includes("Merge Rush: Tiny Factory"), "Games must keep Merge Rush as the active product lead"); const sitemap = read("sitemap.xml");