All Projects

An all-in-one team collaboration platform built with Next.js 16. Teams can book meeting rooms with multiple views (grid, by floor, resource calendar), manage tasks on Kanban workspaces, and communicate in real-time through DMs and group channels. Features unified notifications across all sources, light/dark/system themes, Google OAuth authentication with auto token refresh, and an admin dashboard for system management.

A full-stack direct-booking system for a 20-room hotel, shown in the demo as Sommut Green Resort. Guests search dates, book, and pay by card in Thai or English; staff run the front desk, rooms, pricing, payments, and reports from a back office. The React front end talks to an Express and PostgreSQL REST API.

TermGame is a frontend demo for a game top-up and voucher platform. Users can browse popular titles such as Valorant, Free Fire, and ROV, select packages, enter player information, and simulate a full payment flow ending with a gift code. The platform supports multiple payment methods and includes a management panel for overseeing games, packages, and transactions.

Atmos.th is a real-time air quality and weather map covering all 77 of Thailand's provinces. It turns PM2.5 readings into US EPA AQI, ranks every province, and adds a 7-day forecast, a next-24-hour PM2.5 outlook, and a live rain radar. It runs entirely in the browser on free public APIs, with no backend, in Thai and English.

A Wordle-style guessing game for Minecraft fans. Each round picks a secret mob or block - guess the name and the game reveals six color-coded clues showing how close you were across attributes like hostility, health, dimension, biomes, and more. There's no turn limit and no daily lock, so you can chain streaks for as long as you want. Mobs and Blocks modes track streaks separately.

SDQ Assessment System is a web application for schools to conduct the internationally recognized Strengths and Difficulties Questionnaire. Teachers can manage students, run 25-question assessments across 5 behavioral dimensions, view individual results with score breakdowns, and generate classroom-level reports with charts. The system includes subscription plans, route protection via Next.js Middleware, and email verification.