WORK / SELECTED PROJECTS

ของที่ทำจริง
มีทั้งเล็กและใหญ่

รวมโปรเจกต์ที่ผมอยากเก็บไว้ในพอร์ต มีทั้งทำคนเดียว ทำกับทีม และงานภายในที่เปิดได้แค่บางส่วน อันไหนมีซอร์สหรือเว็บจริง ผมใส่ลิงก์ไว้ให้แล้วครับ

01 / PERSONAL PRODUCT · MUSIC

MUSE Music

เว็บเพลงที่ผมอยากให้ทำได้มากกว่าแค่กดฟัง เลยใส่ทั้งการแปล วิเคราะห์อารมณ์ สรุปเนื้อเพลงด้วย AI รายการโปรด และประวัติการฟัง โปรเจกต์นี้ได้ทำตั้งแต่หน้าจอ API ไปจนถึงที่เก็บไฟล์ครับ

Next.js · Express.js · PostgreSQL · MinIO
02 / TEAM PROJECT · EVENT

KMUTT Engineering Open House 2025

เว็บงานเปิดบ้านคณะวิศวกรรมศาสตร์ รองรับไทยและอังกฤษ พร้อมจำภาษาที่ผู้ใช้เลือกไว้ งานนี้ทำกับทีมครับ ผมไม่ขอเคลมคนเดียว เพราะของจริงเกิดจากหลายคนช่วยกัน

Astro · TypeScript · Tailwind CSS · i18n
03 / EVENT SYSTEM · COMMUNITY

Bangmod Hackathon Verification

ระบบยืนยันตัวตนก่อนเข้า Discord ของงาน Hackathon มีทั้งหน้าเว็บ บอต และหน้าจัดการของทีมงาน ทำขึ้นมาเพื่อลดงานเช็กมือและให้ตามสถานะผู้เข้าร่วมได้ง่ายขึ้น

TypeScript · React · Express · PostgreSQL · discord.js
04 / PERSONAL PRODUCT · COMPARISON

ป้ายไหน

เว็บนี้เกิดจากตอนหาเลขทะเบียนแล้วต้องเปิดหลายร้านเทียบกันเอง ผมเลยรวมการค้นหาไว้หน้าเดียว แต่ยังบอกร้านต้นทาง เวลาที่ดึงข้อมูล และสิ่งที่ต้องถามร้านซ้ำก่อนซื้อ

Data collection · Search UX · Web application
05 / FULL-STACK PROJECT · OPERATIONS

Airline Management System

ระบบจัดการเที่ยวบินและการจองที่ทำเพื่อฝึก Full-stack แบบครบเส้น ตั้งแต่ React และ TypeScript ฝั่งหน้าเว็บ ไปถึง API ภาษา Go และ PostgreSQL ฝั่งข้อมูล

React · TypeScript · Go · PostgreSQL
06 / TEAM PROJECT · EVENT

ComCamp 35

เว็บลงทะเบียนที่ทำกับทีมเพื่อให้ผู้สมัครกรอกข้อมูลง่ายและทีมงานจัดการต่อได้สะดวกขึ้น ผมยังทำ webhook ส่งแจ้งเตือนไป Discord เพิ่ม เพราะไม่มีใครอยากนั่งรีเฟรชหน้าส่งงานทั้งวันครับ

React · TypeScript · Vite · SCSS · Webhooks
07 / TEAM CONTRIBUTION · REGISTRATION

Bangmod Hackathon Registration

เข้าทีมช่วงใกล้วันงานเพื่อช่วยเก็บ UI และเติม business logic ในระบบลงทะเบียน เป็นงานแบบเปิดโค้ดคนอื่นแล้วต้องเข้าใจให้ไว เพราะเดดไลน์ไม่รอเราครับ

Next.js · Express.js · PostgreSQL · Monorepo
08 / MORE EXPERIMENTS

งานทดลองและระบบภายใน

ยังมี CIRCUITS ที่เอาเซนเซอร์มาต่อกับซอฟต์แวร์ และระบบจัดการผ่อนโทรศัพท์ที่ใช้ React กับ Go งานหลังเป็นระบบภายใน จึงเล่าได้แค่ภาพรวมและไม่เปิดหน้าจัดการสู่สาธารณะครับ

IoT · Sensors · React · Go

BEYOND THE CARDS

ทำไมถึงทำ
หลายอย่างขนาดนี้?

คำตอบอยู่ในหน้าเรื่องราวครับ มีทั้งเรียน ทำงาน สอน และลองทำโปรเจกต์ที่ตัวเองอยากใช้

อ่านเรื่องของผม