Portfolio 2026 · Bangkok

Building polished web products with React, Next.js, and AI workflows.

I’m Panyakorn Boonyong, a frontend-focused web developer with 5+ years of experience building production applications, financial and exchange-style flows, authentication, KYC, wallet experiences, and AI-integrated product features.

Bangkok-based Frontend / Full-stack Developer

Available for frontend, full-stack, and AI-enabled product teams.

View featured work ↓Download resume Contact me

Panyakorn Boonyong

Production frontend architecture, AI product integrations, secure user flows, and reusable UI systems.

5+Years building production web apps

ReactNext.js, TypeScript, state and data architecture

AILLM APIs, n8n automation, AI workflows

Selected work

Private project experience, written as portfolio-safe case studies.

These highlights avoid confidential project names while still showing the scope, responsibilities, and technical depth behind the shipped work.

E-Commerce

Bilingual storefront and automation system

Built the storefront end-to-end, from catalog and cart experiences through account, checkout, and payment journeys.
Developed flash-sale flows, reseller and commission logic, CMS-driven content, and bilingual customer experiences.
Self-hosted n8n with Docker to build automation pipelines connecting LLM outputs with web services and downstream workflow steps.

Next.js · React · CMS · n8n · Docker · Payments

Financial platform

Exchange-style web experience

Authentication-aware routing with access and refresh-token handling plus protected pages.
KYC, email verification, 2FA checks, OTP requests, withdrawal pre-checks, and confirmation modals.
Thai and English structure using Next.js App Router and i18n routing patterns.

Next.js · React · TypeScript · Axios · i18n · KYC

AI product

AI-enabled web application console

Typed data layers with React Query, query-key factories, mutation hooks, and SDK clients.
Auth0 authentication and real-time updates through SSE and WebSocket integrations.
Shared UI components inside a pnpm and Turborepo monorepo with strict TypeScript boundaries.

React Query · Auth0 · SSE · WebSocket · Turborepo · LLM

Streaming platform

Online course video streaming experience

Built a video streaming player with HLS adaptive bitrate, play/pause/seek, playback speed, chapter navigation, and resume-watching across sessions.
Developed course catalog with search/filter, multi-level learning paths (chapter → lesson), live-class WebRTC streaming with real-time chat and Q&A, and quiz/certificate automation.
Implemented payment/subscription flows, coupon/promotion management, transaction handling, DRM-inspired content protection, and student/instructor dashboards.

React · Next.js · HLS · WebRTC · WebSocket · Payments

About

Frontend craft with product, security, and AI context.

I work across product requirements, API integration, frontend architecture, and production support. My strongest fit is a team that needs someone who can own complex web flows end-to-end: from typed data fetching and state management to reusable UI systems and user-facing polish.

Ship production-ready interfaces that work across desktop and mobile.

Build secure user journeys around auth, KYC, wallet, and transaction flows.

Turn APIs into typed, reusable frontend data layers and UI patterns.

Use AI tools pragmatically to automate workflows and accelerate product delivery.

Portfolio ecosystem

A connected portfolio, AI console, backend API, and custom skill system.

These public repositories work together as a production portfolio stack: the frontend presents the experience, the backend powers content and AI endpoints, the AI console demonstrates the private assistant workspace, and the custom skills repository manages reusable AI context for public and internal surfaces.

Frontend platform

↗

Bilingual portfolio with live AI assistant

A production Next.js portfolio for presenting frontend, full-stack, and AI integration work with Thai/English content, articles, contact flows, and a public-safe AI assistant.

01 / Next.js · React · TypeScript · Tailwind CSS · Docker · GitHub Actions

Backend API

↗

Go API for content, contact, admin, and AI routes

A separate Go backend that keeps database, admin, contact, article, and AI adapter logic outside the frontend while exposing clean HTTP APIs for the portfolio site.

02 / Go · go-zero · Supabase REST · Redis · Docker · Ollama

AI workspace

↗

Open WebUI-inspired private AI console

A custom AI console interface inspired by Open WebUI and the panyakorn.com dark emerald visual system, designed for a VPS-hosted Ollama stack.

03 / Next.js · React · TanStack AI · Tailwind CSS · SSE · Ollama

AI context system

↗

Repo-managed skills for public and internal AI assistants

A repository for managing AI skill profiles, Ollama Modelfiles, and deployment assets so different AI surfaces can load the right context safely.

04 / Python · Ollama Modelfile · GitHub Actions · Skill profiles · VPS

Experience

Frontend Engineer

DEV DOGDOG CO., LTD.

Frontend Engineer
2024 – Present · Bangkok, Thailand · Sole frontend engineer

Sole frontend engineer responsible for architecture, development, and delivery of production Next.js/React applications across fintech, AI SaaS, and e-commerce product domains simultaneously.
Owned all frontend decision-making end-to-end — API integration, state management (Redux, Zustand, React Query), form validation, and reusable UI components — with no dedicated frontend team to delegate to.
Independently integrated Claude/OpenAI LLM APIs and built n8n automation pipelines, serving as the sole point of contact across design, backend, and product stakeholders for all frontend decisions.

EDUCATION PLUS STREAMING AND SERVICE CO., LTD.

Frontend Engineer
2021 – 2024 · Bangkok, Thailand · Promoted from Junior Developer

Built the video streaming player end-to-end (HLS playback, adaptive controls, resume-watching) and developed the course catalog, search/filtering, and multi-level learning paths with progress tracking.
Implemented live-class streaming with real-time chat and Q&A, quiz/assessment modules with automated certificate generation, and student/instructor dashboards.
Built payment and subscription flows for course purchases, including promotions and transaction handling.

Capabilities

Modern frontend systems with pragmatic AI workflows.

The stack is broad, but the through-line is consistent: clear architecture, reliable delivery, and interfaces that stay maintainable after launch.

Frontend: React.js, Next.js, TypeScript, JavaScript, HTML5, CSS3, responsive UI
State / Data: React Query, Redux, RTK Query, Zustand, Context API, Axios, REST APIs
UI Systems: Tailwind CSS, Ant Design, Material UI, Radix UI, Bootstrap, Styled-components
AI / LLM: Claude API, OpenAI API, prompt design, n8n workflow automation, AI-assisted development
Backend / CMS: Node.js, Golang, PHP / WordPress, Directus, JSON APIs
Tools: Git, Docker, pnpm, Turborepo, Vitest, Biome, Postman, Swagger, JIRA, Confluence

Writing

Notes on frontend architecture, AI product work, and practical delivery.

A small library of portfolio-safe articles about building production interfaces, integrating AI into products, and keeping web systems maintainable.

Frontend systems · 7 min

Shipping frontend systems that stay understandable after launch

A practical approach to frontend architecture that keeps product boundaries, state, API contracts, observability, tests, and handoff clear after production release.

↗02

AI integration · 8 min

Designing AI workflows that help the product instead of decorating it

A practical way to place model-driven steps inside reliable product workflows, with explicit contracts, human control, failure handling, and operational limits.

↗03

Next.js · 8 min

A clean localization pattern for Next.js portfolio and product routes

A route-first localization architecture for Next.js that keeps dictionaries, data fetching, metadata, navigation, API behavior, fallbacks, and migration rules aligned.

↗04

AI Product Engineering · 10 min

Building AI Workflow Studio: from portfolio idea to observable production system

A source-grounded account of turning a visual workflow concept into a deployable system with versioned graphs, durable execution, protected credentials, stage-level observability, and explicit operational boundaries.

↗

Let’s build useful, secure, and polished web products.

Open to frontend, full-stack, AI integration, and product-focused web development opportunities.

contact://intake

POST /api/contact

Send a project note directly from the site.

This form now posts into the portfolio backend, stores the inquiry in PostgreSQL, and can optionally forward it to a webhook for follow-up workflows.

Emailpanyakorn40@gmail.com GitHubgithub.com/panyakorn04 LinkedInPanyakorn Boonyong LINEchannarong3932 ResumeDownload PDF