Skip to main content

ทั้งหมด

โปรเจกต์ทั้งหมดที่ได้พัฒนาขึ้นมาจากตอนเรียนที่มหาวิทยาลัยและโปรเจกต์ส่วนตัว

แนะนำ

Team Collaboration Platform

2026

แพลตฟอร์ม collaboration ครบวงจรสำหรับทีม สร้างด้วย Next.js 16 ทีมสามารถจองห้องประชุมแบบหลายมุมมอง (Grid, By floor, Resource calendar) จัดการงานแบบ Kanban workspaces และสื่อสารแบบ real-time ผ่าน DM และ group channel มีระบบแจ้งเตือนรวมทุก source, รองรับ light/dark/system theme, ล็อกอินด้วย Google OAuth พร้อม auto refresh token และ admin dashboard สำหรับจัดการระบบ

Next.jsTypeScriptSocket.io+2
Hotel Booking System

Hotel Booking System

2026

ระบบจองห้องพักโดยตรงแบบ full-stack สำหรับโรงแรมขนาด 20 ห้อง (ใน demo คือ Sommut Green Resort) ลูกค้าค้นหาวันว่าง จอง และจ่ายด้วยบัตรได้ทั้งภาษาไทยและอังกฤษ ส่วนพนักงานจัดการงานหน้าเคาน์เตอร์ ห้องพัก ราคา การชำระเงิน และรายงานผ่านระบบหลังบ้าน หน้าเว็บ React ทำงานคู่กับ REST API ที่สร้างด้วย Express และ PostgreSQL

ReactTypeScriptExpress+3

TermGame

2026

TermGame เป็น frontend demo สำหรับแพลตฟอร์มเติมเงินเกมและซื้อวอชเชอร์ ผู้ใช้สามารถเลือกดูเกมยอดนิยม เช่น Valorant, Free Fire, ROV และอื่นๆ เลือกแพ็กเกจ กรอกข้อมูลผู้เล่น และจำลองกระบวนการชำระเงินจนได้รับโค้ดของขวัญ รองรับหลายช่องทางชำระเงินและมีหน้าผู้ดูแลสำหรับจัดการเกม แพ็กเกจ และรายการธุรกรรม

Next.jsReactTypeScript+1
Atmos.th

Atmos.th

2026

Atmos.th คือแผนที่คุณภาพอากาศและสภาพอากาศแบบ real-time ครบทั้ง 77 จังหวัดของไทย แปลงค่า PM2.5 เป็น AQI ตามมาตรฐาน US EPA จัดอันดับทุกจังหวัด พร้อมพยากรณ์อากาศ 7 วัน แนวโน้ม PM2.5 ล่วงหน้า 24 ชั่วโมง และเรดาร์ฝนแบบสด ทำงานบนเบราว์เซอร์ทั้งหมดด้วย API สาธารณะฟรี ไม่มี backend รองรับภาษาไทยและอังกฤษ

ReactTypeScriptVite+3
Minecraft Guesser

Minecraft Guesser

2026

เกมทายแบบ Wordle สำหรับแฟน Minecraft แต่ละรอบจะสุ่มม็อบหรือบล็อกลับมา 1 ตัว ทายชื่อให้ถูก แล้วเกมจะแสดงคำใบ้ 6 ช่องสี ๆ บอกว่าใกล้เคียงแค่ไหนทั้งด้าน hostility, health, dimension, biomes และอื่น ๆ ไม่มีจำกัดจำนวนครั้งทาย ไม่มี lock รายวัน เล่นได้เรื่อย ๆ โหมด Mobs และ Blocks นับ streak แยกกัน

ReactTypeScriptVite

SDQ Assessment

2025

SDQ Assessment System คือเว็บแอปพลิเคชันสำหรับโรงเรียน ใช้ทำแบบประเมินพฤติกรรม SDQ มาตรฐานสากล ครูสามารถจัดการนักเรียน ทำแบบประเมิน 25 ข้อใน 5 มิติ ดูผลรายบุคคลพร้อม breakdown และดูรายงานระดับห้องเรียนพร้อมกราฟสถิติ ระบบมี subscription plan, route protection ด้วย Next.js Middleware และ email verification

Next.jsTypeScriptTailwind CSS+1
พิศลย์ อุตตาลกาญจนา
พิศลย์ อุตตาลกาญจนา

จบการศึกษาสาขาวิศวกรรมซอฟต์แวร์จาก KMITL กรุงเทพฯ เน้นด้าน Full Stack Web Development พัฒนาผลิตภัณฑ์ที่ใช้งานได้จริงตั้งแต่ไอเดียจนถึง deployment มุ่งมั่นเขียนโค้ดที่ดีและพัฒนาทักษะอย่างต่อเนื่อง

ติดต่อผม

  • pisol.uat@gmail.com
  • Pisol00
  • กรุงเทพมหานคร, ประเทศไทย

© 2026 พิศลย์ อุตตาลกาญจนา. สงวนลิขสิทธิ์