rule_01
Ship production-ready interfaces that work across desktop and mobile.
session://portfolio/en
$bootPortfolio 2026
$whoamiPanyakorn Boonyong
$roleBangkok-based Frontend / Full-stack Developer
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.
$focusProduction frontend architecture, AI product integrations, secure user flows, and reusable UI systems.
$statusAvailable for frontend, full-stack, and AI-enabled product teams.
$cat about.mdAbout
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.
rule_02
Build secure user journeys around auth, KYC, wallet, and transaction flows.
rule_03
Turn APIs into typed, reusable frontend data layers and UI patterns.
rule_04
Use AI tools pragmatically to automate workflows and accelerate product delivery.
$ls projects/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.
case_01
Financial platform
Exchange-style web experience
Frontend modules for market pages, trading and convert journeys, dashboard, wallet, deposit, withdrawal, fiat and OTC flows, and transaction history.
- 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.
stack
Next.jsReactTypeScriptAxiosi18nKYC
case_02
AI product
AI-enabled web application console
Feature modules for chatbot configuration, knowledge management, workflow management, meetings, billing-related screens, and team-owned product areas.
- 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.
stack
React QueryAuth0SSEWebSocketTurborepoLLM
case_03
Commerce
Bilingual storefront and automation flows
Commerce and reseller features covering product catalog, cart, checkout and payment, customer accounts, flash sales, commission logic, and CMS-driven content.
- Built account, checkout, payment, and reseller or commission user journeys.
- Created mobile deep-link previews, store fallback, and Open Graph sharing infrastructure.
- Self-hosted n8n with Docker to connect LLM outputs into downstream workflow steps.
stack
Next.jsCMSn8nDockerOpen GraphPayments
$cat stack.jsonCapabilities
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
$history --careerExperience
Web Developer
EdTech / Education Streaming Company · Mar 2021 – Present · Bangkok, Thailand · Promoted from Junior Web Developer
current_role
EdTech / Education Streaming Company
Mar 2021 – Present · Bangkok, Thailand · Promoted from Junior Web Developer
- Develop and maintain production web applications with React.js, Next.js, TypeScript, RESTful APIs, and responsive UI patterns across desktop and mobile experiences.
- Build features from API integration through state management, validation, error handling, and reusable UI components using Redux, Zustand, React Query, Tailwind CSS, Material UI, and Ant Design.
- Integrate LLM APIs and AI-assisted workflows including Claude and OpenAI API usage, prompt and data-flow design, n8n automation, and AI-assisted development tools.
$open contact/Contact
Let’s build useful, secure, and polished web products.
Open to frontend, full-stack, AI integration, and product-focused web development opportunities.
/legal
Official Terms and Privacy links, ready to submit.
Use these permanent URLs for platform setup, app review forms, and public legal references.
Terms of Service URL *
Link to your app or website's official Terms of Service
http://localhost:3000/en/terms
Privacy Policy URL *
Link to your app or website's official privacy policy
http://localhost:3000/en/privacy
Please fill out the required field
Next improvements
- Add a custom domain after Vercel deployment.
- Replace confidential placeholders with approved screenshots or sanitized mockups.
- Add measurable impact metrics such as performance, conversion, or delivery speed.
$availabilityAvailable for frontend, full-stack, and AI-enabled product teams.