Spatial first, always
Elements live on a terrain-aware map — because fire direction is a geometry problem before it’s a form problem.
- Map · OPS UI
Selected ProjectsArtillery-FDC
Artillery-FDC
Desktop + web product
The Overview
Fire direction should be one system not scattered worksheets.
Artillery-FDC is a map-centric FDC app for computing and refining firing solutions in a single web/desktop workspace.
Map, math, and mission flow together
A cross-platform Fire Direction Center experience: place elements on a map, work through solution workflows, and keep the session coherent.
Details
Map, math, and mission flow together. A cross-platform Fire Direction Center experience: place elements on a map, work through solution workflows, and keep the session coherent.
Solutions from structured tables
Firing data is modeled for lookup and computation inside the app — replacing fragile spreadsheet hopping.
- Tables · DATA-DRIVEN
Field-friendly packaging
Web for fast iteration, desktop shell when you need an installable ops surface.
- App · ELECTRON
A Fire Direction Center as software
Artillery-FDC is an application for howitzer fire direction workflows: map context, structured firing data, and mission-oriented screens that keep a solution session together.
It’s built as both a web app and an Electron desktop build so the same product can be demoed quickly or packaged for offline-friendly use.
Make the hard workflow feel navigable
Traditional FDC work can feel like juggling maps, tables, and notes. The product goal was to put the spatial view and the calculation flow in one coherent interface.
The interesting UX challenge is density: operators need precision, but the UI still has to stay readable under pressure.
Serious desktop craft, careful disclosure
Under the hood this is a modern TypeScript app: React UI, map rendering, local data for firing tables, and a desktop shell when needed.
I’m intentionally not publishing sensitive operational details, proprietary table contents, or anything that reads like an ops manual. This portfolio page focuses on product shape and engineering maturity — not leaked internals.
- React + TypeScript application architecture
- Map-centric interaction model
- Local structured data for solution workflows
- Electron packaging alongside web development
Complex domain, calm interface
Artillery-FDC shows I can enter a dense domain, respect its constraints, and still ship an interface that feels intentional.
For employers and clients, it’s evidence of discipline: ambitious systems work without turning a public portfolio into a dump of confidential material.
Stack
- React
- TypeScript
- Electron
- Vite
- MapLibre
- Bun
More projects
- 2026Vibesaur ExtensionRaise a dinosaur from commit quality — not just how often you push. A local-only Cursor / VS Code pet with a living island, stats desk, and star store.
- 2025SKNATThai real-estate platform: smart search, maps, and compare for buyers — plus seller & admin tools for listings, leads, and sales in one stack.
- 2025TastesiamDiscover Thai food heritage, communities, and local businesses on the map — with multilingual UX, bookings/commerce, and multi-role operator dashboards.