// Frontend branch

Shadcn/ui

Accessible component recipes copied into the codebase rather than installed as a dependency — so each one can be restyled to fit a theme instead of fought with.

Branch

Frontend

Deployed

7 gigs

First Fielded

2021

Roles

Field Record

Developer

RUAMSUK PLATING LIMITED PARTNERSHIP

First Contact

Aug 2021 - May 2025 · 3 gigs

Developer

Freelance

Jan 2024 - Present · 3 gigs

Developer

RUAMSUK PLATING LIMITED PARTNERSHIP

Jun 2025 - Jul 2025 · 2 gigs

Developer

Jasmine Technology Solution

Jul 2025 - Jul 2026 · 1 gig

Chief Technology Officer

RUAMSUK PLATING LIMITED PARTNERSHIP

Aug 2026 - Present · 1 gig

Deployed In

012026

MONOMax EPL Licensing Portal

A full-stack SaaS platform that issues and verifies English Premier League commercial-broadcast licenses for Thai venues — restaurants, hotels, and pubs. Business owners sign in with email OTP, register their company and each physical venue with its screen count, and the system provisions the required MONOMax Sports Premium accounts while guaranteeing — enforced at the database level — that every account is bound to a single active venue. Admins review submissions in a dedicated console with its own auth realm and issue a verifiable digital certificate, complete with an in-house-generated QR code, for each approved venue. Built with Next.js 16 (App Router) and React 19 in strict TypeScript: two isolated better-auth realms for users and admins, MongoDB/Mongoose, zod schemas validated identically on client and server with react-hook-form, an interactive Leaflet venue-map picker, presigned document uploads to S3-compatible object storage, transactional email, and Tailwind v4 with shadcn/ui. Containerized with Docker and shipped through a GitHub Actions → GHCR → cloud-VM (Caddy) CI/CD pipeline, with PDPA-conscious data residency. Delivered as a focused 3-day sprint.

+15

Archived

022025

Prettier Config

The fastest way to build, share, and try a Prettier configuration — visually, in the browser. Runs the official prettier/standalone fully client-side for instant live formatting, with a CodeMirror 6 editor spanning JS/TS, CSS, HTML, JSON, Markdown, Vue, and more, plus shareable URL-encoded configs and i18n. Built on Next.js, React, TypeScript, and Tailwind CSS v4 with shadcn/ui on Base UI.

Live

032025

Flood Project

A flood and water-level monitoring dashboard for tracking station gauges in real time. Field stations plot on an interactive, marker-clustered Leaflet map; each streams its current water level with historical area/line charts (Recharts) read against a flood threshold, and operators can export readings to CSV. Ships a full account system with role-based user management and an admin dashboard. Built with Next.js 15 (App Router, Turbopack), React 19, and TypeScript on a Prisma data layer, with Tailwind + shadcn/ui, react-hook-form + Zod forms, and NextAuth (bcrypt) auth. Delivered as a focused freelance build.

Archived

042023

RS TROPHY

A unified e-commerce and management platform for custom trophies, plaques, and medals — consolidating fragmented sibling brands into one high-performance system. Built as a Bun monorepo: a localized, SEO-optimized Next.js storefront, a real-time ElysiaJS API, and an admin console that share Mongoose schemas and types through a common workspace package. Runs on MongoDB with Redis caching and Cloudflare R2 object storage, containerized with Docker and deployed on Railway — and ships an AI copilot for natural-language shopping assistance. The platform evolved from an original WordPress + WooCommerce storefront into this unified Bun monorepo.

+20

Live

052022

RS Medal

A medal showcase and catalog web app — first built on WordPress, later remade as a localized Next.js application with structured data and a reusable product data model.

Live

062022

RS Award

A plaque and award showcase web app — first built on WordPress, later remade as a localized Next.js application with SEO/AEO structured data and client-side search.

+14

Live

072021

🚀 Portfolio – Wongsaphat Puangsorn

This site — a Cyberpunk 2077–inspired portfolio built on Next.js (App Router, Turbopack) with a fully custom Tailwind v4 design system and shadcn/ui on Base UI. Features a ⌘K command palette, a gig-board project journal, a vertical career-trace timeline, and a print-ready CV with a slide-presentation mode. Deployed on Railway.

+12

Live

Written About

next-intl Thai/English localization with a shared UI workspace

Three days into a Bun monorepo I shipped next-intl Thai/English routing and moved the shadcn set into a shared workspace package. What that actually costs.

2026-05-09 · 5 min

Localizing a storefront to Thai while replacing its design system

On 30 January 2026 I swapped RS Award's design system and localized it to Thai in one milestone. Thai is a typography constraint, not a translation step.

2026-01-30 · 5 min