System / powering on

Booting
the stack.

Scroll to open the machine and inspect how each product layer works.

  1. 01Boot
  2. 02Profile
  3. 03Proof
  4. 04Frontend
  5. 05Backend
  6. 06Data
  7. 07Infra
Scroll to explore00%

Architecture, revealed.

Built across
the whole stack.

Systems where the interface, service layer, and release path are designed as one coherent product.

Full-stack platform

Private Network Application

A server-rendered Next.js interface backed by a Spring Boot service that stays isolated inside a Docker network.

  • Next.js 16
  • Spring Boot
  • Docker
  • Nginx

Delivery system

Repeatable Release Flow

Containerized services, explicit environment contracts, and a small deployment surface designed for predictable releases.

  • Compose
  • Linux
  • CI/CD
  • Health checks

Creative engineering

Systems in Motion

A GPU-rendered portfolio concept that turns application architecture into a responsive, accessible 3D identity.

  • React 19
  • Three.js
  • R3F
  • TypeScript

One system.
No handoffs.

01

Interface engineering

Responsive React systems with clear hierarchy, thoughtful motion, and accessible interaction states.

React / Next.js / TypeScript
02

Service architecture

Spring Boot APIs with explicit boundaries, durable contracts, and production-minded error handling.

Java / Spring Boot / REST
03

Delivery infrastructure

Container-first deployment paths that keep services observable, reproducible, and simple to operate.

Docker / Nginx / CI-CD

The backend is part
of the portfolio.

This page is rendered by Next.js. It calls a Spring Boot service across the private Docker network, then translates that response into the live signal you see throughout the interface.

service://portfolio/api/message
STATE
CONNECTED
SERVICE
spring-boot-backend
MESSAGE
Hello from Spring Boot inside the private Docker network.
SYNC / BKK
14:47

Fast by default.

Accessible under motion.

Simple enough to operate.