Projects

Selected projects showing how I think across product engineering, modern frontend architecture, fullstack systems, and practical AI workflows.

Translation Agent App

A product-oriented AI translation platform exploring how context, terminology, and multilingual workflows can improve delivery quality. The project highlights practical AI integration, user-facing product thinking, and modern frontend architecture.

Engineering Focus: AI · LLM · Translation Workflow

Tech Stack:

ReactTypeScriptAI/MLAPI IntegrationLLMPrompt Engineering

ContextLang

An experimental context-aware programming language exploring how runtime context can influence execution flow. It demonstrates systems thinking across tooling, adaptive behavior, and AI-adjacent software design.

Engineering Focus: Language Design · Context Systems · Interpreter

Tech Stack:

PythonFastAPILangChainLanguage DesignInterpreterGroqHuggingFaceOllamaDeepLReactAxiosElectronTypeScript

Reactivated Sample

A fullstack architecture sample showing Django and React integration through Reactivated. The project focuses on server-side rendering, shared typing, and safer collaboration between backend and frontend layers.

Engineering Focus: Django + React · SSR · Type-safe APIs

Tech Stack:

DjangoReactPythonTypeScriptReactivatedSSR

Headless CMS Architecture (Strapi + Next.js)

A content architecture sample built with Strapi and Next.js, demonstrating structured content, API delivery, and maintainable frontend patterns for content-backed platforms.

Engineering Focus: Headless CMS · API-driven frontend · Content architecture

Tech Stack:

Next.jsReactStrapiPostgreSQLREST APIHeadless CMS

Graphics Canvas

A real-time collaborative canvas application built to explore high-performance graphics rendering in the browser. The project implements multi-user interaction, cursor synchronization, and efficient drawing tools using the Canvas API and WebSocket communication.

Engineering Focus: Real-time Collaboration · Canvas Rendering · WebSockets

Tech Stack:

TypeScriptReact 18Canvas APIWebSocketNode.jsExpressWebpack 5

Next Notes App

A lightweight note-taking application built with Next.js to explore markdown-based content editing and modern React UI patterns.

Engineering Focus: Markdown Editing · Next.js UI Architecture

Tech Stack:

Next.jsReactTypeScriptTailwind CSS

GraphQL Fundamentals with React

A small learning project demonstrating CRUD operations using GraphQL with React and Apollo Client, focusing on query-based data fetching and schema-driven API design.

Engineering Focus: GraphQL APIs · Apollo Client · CRUD Patterns

Tech Stack:

Apollo ClientGraphQLReactExpressExpress GraphQL

Spring Boot Microservice

A microservice architecture example exploring event-driven design using Kafka, relational persistence with PostgreSQL, and object storage integration with AWS S3.

Engineering Focus: Microservices · Event-driven Architecture · Kafka

Tech Stack:

Java 17Spring BootSpring Data JPAApache KafkaPostgreSQLAWS S3DockerMaven

My Portfolio

This portfolio website built with Next.js to showcase projects, technical experience, and interactive UI experiments including Three.js visualizations.

Engineering Focus: Interactive UI · 3D Visualization · Developer Portfolio

Tech Stack:

Next.jsReactTypeScriptSCSSFramer MotionThree.js