Live · Open Source · Self-Directed

Demos

Four working demonstrations spanning complex web architecture, data visualization, and AI-augmented full-stack delivery. Each is a deliberate, complete artifact — designed, built, and deployed by me. Source available on GitHub; live demos linked below.

GoKart Factory dashboard screenshot
2025 · Personal Project

GoKart Factory

A full-stack electric go-kart manufacturing simulation with order management, capacity-aware production scheduling, multi-tenant authentication, and Gantt timeline visualization.

(Mostly) AI-generated. Concept to deployable in under two working days using Claude Code — a deliberate proof of where AI-augmented development accelerates delivery and where human architectural judgment remains essential.
FastAPI Vue 3 + Pinia SQLite Docker JWT Claude Code
Launch demo → View source
Drag-n-Drop Scheduler calendar screenshot
2025 · Open Source · AGPL-3.0

Drag-n-Drop Scheduler

A visual calendar of personnel shift schedules. Drag-and-drop replaces traditional form inputs, mapping selection-based UX cleanly to underlying data mutations.

A maintainable-architecture demo dressed as a calendar. Explicit Display / Business Logic separation, atomic component composition, Context-based display state sharing, and a real-world Chrome DnD workaround.
Vue 3 Pinia TailwindCSS HTML5 Drag-and-Drop Vite
Launch demo → View source
Graphic Ephemeris D3 visualization screenshot
2023 · Open Source · AGPL-3.0

Graphic Ephemeris

An interactive visualization of astronomical time-series data (planetary positions over time), with synchronized graph and tabular views and a lockable tracking crosshair for point-by-point analysis.

D3.js fluency demonstrated. Modern Vue 3 Composition API + Pinia patterns, two selectable graph perspectives, ResizeObserver-driven responsive rendering, and loosely-coupled reactive composition. Pairs with a companion ephemeris-api project.
Vue 3 Composition API Pinia D3.js Vite Custom SVG
Launch demo → View source
Dynamic Scrollable Table screenshot
Technique Demo · Open Source · MIT

Dynamic Scrollable Table

A framework-agnostic technique for rendering data tables from a JSON configuration object. The configuration and display-order array are both modifiable at runtime — no rebuild required.

A pattern, not a library. Useful in any application where data schemas evolve or where users need to customize their own table layouts. The demo uses Vue, but the technique applies anywhere the DOM can be rerendered from a configuration object.
Vue 3 Configuration-Driven JSON Schema Vite MIT
Launch demo → View source

Also available

Looking for naTE?

naTE is a modern C++20 graphical terminal emulator — it's downloadable software, not a browser demo, so it doesn't live on this page. It has a dedicated project page covering features, architecture, and downloads.

Visit the naTE project page →
← See more about how I engage