ShiftBOiContact

Full-stack Web & Mobile Developer · ShiftBOi →

Rapeepong Apichanakulchai

I design and ship production web & mobile products — from polished interfaces to APIs, data, and deploy.

Building under ShiftBOi: fast iterations, clean systems, and AI-ready experiences.

Full-stack Developer

Web & Mobile

APIs & Data

AI Features

ShiftBOi

Web

Next.js · React · TypeScript

App

Mobile · Cross-platform UI

API

Node · Postgres · Auth

AI

LLM features · Agents

// Focus //

What I Build For Product Teams

Ship modern web apps — fast UI, reliable APIs, deploy-ready.

Next.js / React interfaces with intentional motion and accessibility.

Auth, data models, and admin flows that hold up in production.

Performance-minded frontends that stay maintainable as features grow.

Tech Stack

Languages

JavaScriptTypeScriptPythonJavaKotlinSwift

Frontend

HTML5CSS3ReactNext.jsViteTailwindCSSElectronThree.jsGSAPFramer Motion

Backend & Data

Node.jsExpress.jsElysiaBunSocket.ioPrismaPostgreSQLMySQLMongoDBRedis

AI

GroqOpenAIVercel AI SDKOllamaGemini

Mobile

AndroidKotlinJetpack ComposeSwiftJava

IDE - Extensions

Visual Studio CodeVS Code Extension APICursorOpen VSX

DevOps - Tools

DockerYarnBunGitCloudflare R2Vercel

Without Full-stack

Pretty screens that break when real data and auth arrive

Separate web / mobile / backend owners who never align

AI demos bolted on without product UX or failure paths

Rewrites every time scope moves from MVP to production

With ShiftBOi

UI, API, and data designed as one system from day one

A single full-stack partner across web and mobile surfaces

AI features that ship inside the product loop — with clear handoff

Architecture that grows from prototype to production without a reset

Selected Projects

Artillery-FDC

Howitzer Fire Direction Center for web and desktop — map, firing tables, and mission workflows in one ops-minded surface.

  • Map-first mission workspace with terrain-aware context
  • Structured firing-data workflows instead of spreadsheet hopping
  • Cross-platform web + desktop packaging for demos and field use
Read more

Clarity vs Project Complexity

ShiftBOi Split teams Spec-only handoff

Building Things People Enjoy Opening.

Quiet craft for web, mobile & AI — shipped with care, meant to feel alive.

Focus
Full-stack
Surfaces
Web + Mobile
Delivery
End-to-end
Studio
ShiftBOi

// Practice //

How the work actually runs

After the selected work, this is the honest close — how the practice runs, what fits, and what is in motion right now. Contact lives in the footer and chat; this page stays about the work.

Shape
Solo full-stack · web & mobile
Pace
Phased ships · async-friendly
Base
Thailand · remote-ready

How I work

  1. Own the loop

    UI, API, data, and deploy stay one story — so demos survive real auth, real content, and real edge cases.

  2. Clarity under complexity

    Maps, CMS, roles, and AI features only earn a place when the product stays readable for the next person who opens it.

  3. Ship in phases

    Prototype → MVP → production without a rewrite tax. Each phase should feel intentional, not disposable.

Good fit

  • Product builds

    New web or mobile products from brief to first production deploy — including the operator tools that keep them alive.

  • Platform & CMS

    Marketing sites, dashboards, and content pipelines where the public surface and the edit loop share one system.

  • AI inside the product

    Assistants, workflows, and LLM features that live in the UX — with clear failure paths, not bolted-on demos.

Not a fit

  • Design-only passes with no engineering ownership
  • Spec dumps without a product owner in the loop
  • AI demos that never touch real product UX
  • Rewrites sold as “just a redesign”

In motion

Live notes so the portfolio doesn't pretend everything is finished.

  • Building

    Selected work that stays editable

    Freight brands, owner CMS loops, and product surfaces where the public page and the edit path share one system.

  • Shipping

    Tools people keep open

    Editor pets, map-first ops UIs, and video walls — demos that survive real data instead of dying at the screenshot.

  • Exploring

    AI inside the product loop

    Assistants and workflows that live in the UX with clear failure paths — not a chatbot sticker on a marketing page.