rule_01
สร้าง interface ที่พร้อมใช้งานจริงทั้งบน desktop และ mobile
session://portfolio/th
$bootพอร์ตโฟลิโอ 2026
$whoamiPanyakorn Boonyong
$roleFrontend / Full-stack Developer จากกรุงเทพฯ
สร้างเว็บโปรดักต์ที่สวย ใช้งานจริง และต่อยอดได้ด้วย React, Next.js และ AI workflows
ผมคือ Panyakorn Boonyong นักพัฒนาเว็บสาย frontend ที่มีประสบการณ์มากกว่า 5 ปีในการสร้างเว็บแอปพลิเคชันสำหรับใช้งานจริง ครอบคลุมระบบแนว financial และ exchange, authentication, KYC, wallet flow และฟีเจอร์ที่เชื่อมต่อ AI เข้ากับโปรดักต์
$focusFrontend architecture สำหรับงาน production, การเชื่อมต่อ AI เข้ากับโปรดักต์, secure user flows และ reusable UI systems
$statusเปิดรับทีมที่ต้องการคนทำ frontend, full-stack และ AI-enabled product
$cat about.mdเกี่ยวกับ
งาน frontend ที่เข้าใจทั้ง product, security และบริบทของ AI
ผมทำงานได้ตั้งแต่การทำความเข้าใจ requirement, เชื่อมต่อ API, วาง frontend architecture ไปจนถึงดูแลระบบหลังขึ้น production เหมาะกับทีมที่ต้องการคนดูแล web flow ที่ซับซ้อนแบบ end-to-end ตั้งแต่ typed data fetching, state management, reusable UI system ไปจนถึงการปรับแต่งประสบการณ์ผู้ใช้ให้ใช้งานลื่นไหล
rule_02
สร้าง user journey ที่ปลอดภัย เช่น auth, KYC, wallet และ transaction flows
rule_03
แปลง API ให้เป็น data layer และ UI pattern ที่ typed ชัดเจนและนำกลับมาใช้ซ้ำได้
rule_04
ใช้ AI tools อย่างเหมาะสมเพื่อ automate workflow และช่วยให้ส่งมอบงานได้เร็วขึ้น
$ls projects/ผลงานที่เลือกมา
ประสบการณ์จากโปรเจกต์จริง นำเสนอในรูปแบบที่ปลอดภัยต่อ portfolio
ส่วนนี้ไม่เปิดเผยชื่อโปรเจกต์จริง แต่ยังคงสื่อสารขอบเขตงาน บทบาท และความลึกด้านเทคนิคของงานที่ส่งมอบได้ชัดเจน
case_01
แพลตฟอร์มการเงิน
เว็บแพลตฟอร์มแนว Exchange
พัฒนา frontend modules สำหรับ market pages, trading/convert journeys, dashboard, wallet, deposit, withdrawal, fiat/OTC flows และ transaction history
- จัดการ routing ที่ขึ้นกับ authentication พร้อม access/refresh-token handling และ protected pages
- พัฒนา flow ด้าน KYC, email verification, 2FA checks, OTP requests, withdrawal pre-checks และ confirmation modals
- วางโครงสร้างหลายภาษา เช่น ไทย/อังกฤษ ด้วย Next.js App Router และ i18n routing patterns
สแตก
Next.jsReactTypeScriptAxiosi18nKYC
case_02
AI Product
Web console สำหรับ AI-enabled application
พัฒนา feature modules เช่น chatbot configuration, knowledge management, workflow management, meetings, billing-related screens และส่วนงานของทีม
- สร้าง typed data layers ด้วย React Query, query-key factories, mutation hooks และ SDK clients
- เชื่อม Auth0 authentication และ real-time updates ผ่าน SSE/WebSocket
- พัฒนา shared UI components ใน pnpm + Turborepo monorepo พร้อม TypeScript boundaries
สแตก
React QueryAuth0SSEWebSocketTurborepoLLM
case_03
Commerce
Storefront สองภาษาและ automation flows
พัฒนา commerce และ reseller features เช่น product catalog, cart, checkout/payment, customer accounts, flash sales, commission logic และ CMS-driven content
- สร้าง user journeys สำหรับ account, checkout, payment และ reseller/commission
- สร้าง mobile deep-link previews, store fallback และ Open Graph sharing infrastructure
- Self-host n8n ด้วย Docker เพื่อเชื่อมผลลัพธ์จาก LLM เข้ากับ workflow ขั้นถัดไป
สแตก
Next.jsCMSn8nDockerOpen GraphPayments
$cat stack.jsonความสามารถ
ระบบ frontend สมัยใหม่ พร้อม workflow ที่ใช้ AI อย่างมีเหตุผล
แม้เครื่องมือจะหลากหลาย แต่แกนหลักของงานยังเหมือนเดิม คือ architecture ที่ชัด ส่งมอบได้จริง และดูแลต่อหลัง 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 --careerประสบการณ์
Web Developer
บริษัทด้าน EdTech / Education Streaming · มี.ค. 2021 – ปัจจุบัน · กรุงเทพฯ · เติบโตจากตำแหน่ง Junior Web Developer
บทบาทปัจจุบัน
บริษัทด้าน EdTech / Education Streaming
มี.ค. 2021 – ปัจจุบัน · กรุงเทพฯ · เติบโตจากตำแหน่ง Junior Web Developer
- พัฒนาและดูแล production web applications ด้วย React.js, Next.js, TypeScript, RESTful APIs และ responsive UI patterns สำหรับ desktop และ mobile
- สร้างฟีเจอร์ตั้งแต่ API integration, state management, validation, error handling ไปจนถึง reusable UI components ด้วย Redux, Zustand, React Query, Tailwind CSS, Material UI และ Ant Design
- เชื่อมต่อ LLM APIs และ AI-assisted workflows เช่น Claude/OpenAI API, prompt/data-flow design, n8n automation และเครื่องมือ AI-assisted development
$cat ./articlesงานเขียน
บันทึกเรื่อง frontend architecture, งาน AI product และการส่งมอบงานแบบใช้งานได้จริง
รวมบทความที่เล่ามุมคิดในการสร้าง production interface, เชื่อม AI เข้ากับโปรดักต์ และดูแลระบบเว็บให้ขยายต่อได้ง่าย
$open contact/ติดต่อ
มาสร้างเว็บโปรดักต์ที่มีประโยชน์ ปลอดภัย และใช้งานดีร่วมกันครับ
เปิดรับโอกาสด้าน frontend, full-stack, AI integration และการพัฒนาเว็บที่เน้นคุณค่าของโปรดักต์
contact://intake
POST /api/contactส่งข้อความเกี่ยวกับโปรเจกต์ได้จากหน้าเว็บนี้ทันที
ฟอร์มนี้จะส่งข้อมูลเข้า backend ของพอร์ต บันทึกลง PostgreSQL และสามารถ forward ต่อไปยัง webhook สำหรับ workflow ถัดไปได้
/กฎหมาย
ลิงก์ Terms และ Privacy แบบทางการ พร้อมนำไปส่งต่อได้ทันที
ใช้ URL เหล่านี้สำหรับการตั้งค่าแพลตฟอร์ม แบบฟอร์มรีวิวแอป หรืออ้างอิงหน้าเอกสารสาธารณะ
Terms of Service URL *
ลิงก์ไปยังหน้า Terms of Service อย่างเป็นทางการของแอปหรือเว็บไซต์
https://panyakorn.com/th/terms
Privacy Policy URL *
ลิงก์ไปยังหน้า Privacy Policy อย่างเป็นทางการของแอปหรือเว็บไซต์
https://panyakorn.com/th/privacy
กรุณากรอกข้อมูลในช่องที่จำเป็น
สิ่งที่ควรต่อยอด
- เพิ่ม custom domain หลังจาก deploy ขึ้น Vercel
- แทนที่ placeholder ด้วย screenshot ที่อนุมัติแล้ว หรือ mockup ที่ไม่เปิดเผยข้อมูลลับ
- เพิ่มตัวเลข impact เช่น performance, conversion หรือความเร็วในการส่งมอบงาน
$สถานะเปิดรับทีมที่ต้องการคนทำ frontend, full-stack และ AI-enabled product