INITIALIZING SYSTEM...

About Me

Results-driven Senior Frontend Engineer with 4+ years of professional experience designing, implementing, and optimizing scalable web architectures. From building enterprise-grade UI component libraries with monorepo tooling to architecting AI-driven frontend generation systems — I bridge the gap between cutting-edge technology and exceptional user experience.

Currently at Cybernetic Labs in Istanbul, where I lead frontend architecture decisions, mentor engineers, and build AI-powered development platforms. Previously contributed to production systems at Megaventory (Athens) and OptimumTek (Istanbul).

🏢
Current RoleSr. Frontend Engineer @ Cybernetic Labs, Istanbul
🌍
PreviousMegaventory (Athens) · OptimumTek (Istanbul)
🧠
Focus AreasScalable UI Architecture · AI-driven Development · Monorepo Tooling
🌐
LanguagesEnglish · Turkish · Arabic
Built with React
02/2024 – Present

Cybernetic LabsIstanbul, Turkey
  • Architected and implemented an AI-driven frontend generation system using a multi-agent framework
  • Design and implement scalable front-end architectures, making informed decisions on frameworks and tools
10/2022 – 02/2024

Cybernetic LabsIstanbul, Turkey
  • Research and develop innovative frontend solutions using emerging technologies
  • Created DevOps pipelines utilizing native deployment or Docker with Nginx
04/2022 – 10/2022

MegaventoryAthens, Greece
  • Developed full-stack features in a production .NET environment
  • Debugged and tested optimized application parts using Stackify Prefix and SQL Profiler
06/2021 – 01/2022

OptimumTekIstanbul, Turkey
  • Developed various UI projects utilizing Vue 2 & 3
  • Integrated WebSockets using Socket.IO with VueJS for real-time features
useTypewriter()Custom hook — role titles type character by character
useIntersectionObserver()Custom hook — entries animate when scrolled into view
useState()Expand/collapse job highlights interactively
Built with Svelte
🧠

AI Business Plan Generator

Full agentic AI system for automated business plan creation with document segmentation, RAG pipelines, and multi-agent orchestration via n8n.

LLMsRAGn8nMCPWebhooks
AI
🦊

CourseFox — AI Learning Platform

Mobile learning app with cooperating AI agents for content generation, flashcard creation, and knowledge retrieval via MCP tools.

React NativeSupabaseAI AgentsMCP
AI
📦

UI Component Library (Monorepo)

Enterprise-grade NPM libraries of UI components with CI/CD using Lerna & Nx, Storybook documentation, and multi-framework support.

Vue 2/3StorybookLernaNxSCSS
Frontend
🗳️

E-Voting Blockchain System

Solidity smart contract for online elections, tested on Ganache (Ethereum) and Moonbeam (Polkadot) with a Vue.js + DrizzleJS frontend.

SolidityVue.jsTruffleBlockchain
Fullstack
⚙️

Microfrontend Code Generator

Automated frontend code generation using Microfrontends, Mako Templates, and Python to improve development speed and efficiency.

PythonMakoMicrofrontends
Frontend
🍽️

Restaurant Management App

Interactive restaurant management web app using React.js, Firebase NoSQL database, and Stripe API for payments.

React.jsFirebaseStripe
Fullstack
tweened() Svelte motion store — smooth card hover scaling
animate:flip Automatic layout transition when filtering projects
$derived Reactive declarations — filtered list recalculates automatically
Built with Vue
Vue.jsFrontend
ReactFrontend
SvelteFrontend
NuxtFrontend
Next.jsFrontend
TypeScriptFrontend
SCSSFrontend
StorybookFrontend
PythonLanguages
JavaScriptLanguages
JavaLanguages
C/C++Languages
LLMsAI/ML
RAGAI/ML
n8nAI/ML
Agentic AIAI/ML
Prompt EngineeringAI/ML
DockerDevOps
GitHub ActionsDevOps
NginxDevOps
MonorepoDevOps
SupabaseBackend
REST APIsBackend
React NativeMobile
v-modelTwo-way binding — filter input reactively updates the grid
<TransitionGroup>Smooth reorder animation when filtering skills
computed()Derived filtered list recalculates automatically

AI & Automation

🧠

Agentic AI Systems

Multi-agent frameworks for automated content generation, document processing, and business plan creation with structured outputs.

LLMsMulti-AgentJSON Schema
🔗

RAG Pipelines

Retrieval-augmented generation pipelines backed by vector databases for contextual data retrieval and knowledge-enhanced responses.

Vector DBEmbeddingsRetrieval
🔄

n8n Orchestration

End-to-end workflow automation integrating MCP servers, AI tools, webhooks, and external services for seamless orchestration.

n8nMCPWebhooks
✨

Live AI Demo

An interactive AI experience powered by n8n workflows is coming soon.

Coming Soon
Press 1–5 to switch tabs Built with Astro React Vue Svelte