SKILLS
The tools I ship real work with
- 95
- technologies
- 14
- used daily
- 21
- projects to point to
01 — Core stack
From the screen to a system a team can run
Four layers I reuse on client work, from what users see to what the team monitors after hand-over.
01
Front end
- Next.js
- React
- TypeScript
- Tailwind CSS
Used in RoV University Cup · AstroTrack3D
02
Back end
- Prisma
- FastAPI
- Node.js
- Zod
Used in RoV University Cup · AstroTrack3D
03
Data
- MySQL
- PostgreSQL
- Redis
- AWS (S3, CloudFront)
Used in RoV University Cup · AstroTrack3D
04
Ship & operate
- Docker
- GitLab CI
- Prometheus
- Grafana
Used in AstroTrack3D
02 — Connections
Skills × projects: which tool lives in which project
Circles are projects, dots are skills, and a line means the skill was really used there. Bigger dots are reused across more projects. Hover or tap anything to see its links, or pick what to highlight below.
03 — Everything
All skills, by area and how often I use them
Filter by area or level, or search for a tool. The project names on each row link to the case study.
- Daily
- Used almost every day
- Comfortable
- Fluent; can deliver on my own
- Familiar
- Used in real projects; still reading the docs often
95 items
Web & apps
What users see and touch
23- Next.jsDailyUsed in RoV University Cup, Phrom Engineering, NashGUI +12 more
- ReactDailyUsed in AstroTrack3D, NashGUI, Atlas +7 more
- Tailwind CSSDailyUsed in AstroTrack3D, RoV University Cup, Phrom Engineering +10 more
- HTML5DailyThe base of every web project
- CSS3DailyUsed in graph.phatphum.me
- Framer MotionComfortableUsed in RoV University Cup
- Three.jsComfortableUsed in AstroTrack3D
- ViteComfortableUsed in AstroTrack3D
- ZodComfortableUsed in RoV University Cup, Atlas, Catadex +1 more
- ZustandComfortableUsed in AstroTrack3D
- TanStack QueryComfortableUsed in AstroTrack3D
- AvaloniaComfortableUsed in Claude Codex Usage Companion
- React FlowComfortableUsed in Atlas, graph.phatphum.me, BookNest
- Cytoscape.jsComfortableUsed in Catadex
- Radix UIComfortableUsed in Atlas
- React Hook FormComfortableUsed in Atlas
- PlotlyFamiliarUsed in AstroTrack3D
- jsPDFFamiliarUsed in AstroTrack3D
- FumadocsFamiliarUsed in NashGUI
- Graph layout (Dagre, ELK)FamiliarUsed in Atlas, graph.phatphum.me, BookNest
- TipTapFamiliarUsed in Atlas
- PWAFamiliarUsed in Atlas
- Chrome extensionsFamiliarUsed in BookNest
Back end & databases
APIs, databases and real-time data
15- PrismaDailyUsed in RoV University Cup, Phrom Engineering, Luangphor Khian +10 more
- MySQLDailyUsed in RoV University Cup, Phrom Engineering, Luangphor Khian +7 more
- FastAPIDailyUsed in AstroTrack3D
- SQLiteComfortableUsed in graph.phatphum.me, Catadex, BookNest
- Node.jsComfortableUsed in My App, Snooker Score, VOCAB +2 more
- PostgreSQLComfortableUsed in AstroTrack3D
- RedisComfortableUsed in AstroTrack3D
- Pusher (real-time)ComfortableUsed in Seminar Booking
- WebSocketComfortableUsed in AstroTrack3D
- PydanticComfortableUsed in AstroTrack3D
- Express.jsFamiliar
- ZeroMQFamiliarUsed in AstroTrack3D
- SQLAlchemyFamiliarUsed in AstroTrack3D
- CheerioFamiliarUsed in Catadex, BookNest
- sharpFamiliarUsed in Catadex
Languages
The foundation under everything
9- TypeScriptDailyUsed in AstroTrack3D, RoV University Cup, NashGUI +4 more
- JavaScriptDailyThe base of every web project
- PythonDailyUsed in AstroTrack3D, NashGUI, Catadex +2 more
- SQLComfortableEvery project with a database
- C++ComfortableUsed in Smart Garden
- CComfortableUsed in My App
- C# / .NETComfortableUsed in Claude Codex Usage Companion
- JavaComfortableCoursework and logic problems
- PHPFamiliarUsed in My App
Data & AI
Analyse, experiment and detect
13- PandasComfortableUsed in AstroTrack3D
- NumPyComfortableUsed in AstroTrack3D
- AstropyFamiliarUsed in AstroTrack3D
- SciPyFamiliarUsed in AstroTrack3D
- scikit-learnFamiliarUsed in AstroTrack3D
- PyTorchFamiliarAcademic AI work
- Hugging FaceFamiliarUsed in Miley Chatbot
- LLM (Qwen)FamiliarUsed in Miley Chatbot
- YOLOFamiliarUsed in Object Detection
- RoboflowFamiliarUsed in Object Detection
- JupyterFamiliarData analysis and experiments
- Google ColabFamiliarModel experiments
- GPU cloud (Runpod)FamiliarUsed in Miley Chatbot, Object Detection
Ship & operate
Deploy, automate tests and monitor
18- GitDailyEvery project
- GitHubDailyEvery project
- DockerComfortableUsed in AstroTrack3D, Atlas
- GitLab CIComfortableUsed in AstroTrack3D, Atlas
- VitestComfortableUsed in AstroTrack3D, Atlas, graph.phatphum.me
- pytestComfortableUsed in AstroTrack3D
- PlaywrightComfortableUsed in Atlas, graph.phatphum.me, Catadex +1 more
- AWS (S3, CloudFront)ComfortableUsed in Luangphor Khian, Atlas, ANTivity
- Linux / UbuntuComfortableDev machine and servers
- BashComfortableUsed in Claude Codex Usage Companion
- Shared hosting (Passenger)ComfortableUsed in Phrom Engineering, Luangphor Khian, Atlas +3 more
- TrelloComfortableTask and team management
- GitHub ActionsFamiliarUsed in Claude Codex Usage Companion, Catadex
- axe-coreFamiliarUsed in graph.phatphum.me
- pnpmFamiliarUsed in graph.phatphum.me
- GrafanaFamiliarUsed in AstroTrack3D
- PrometheusFamiliarUsed in AstroTrack3D
- LokiFamiliarUsed in AstroTrack3D
Hardware & IoT
From sensors to firmware
5- ESP32FamiliarUsed in Smart Garden
- ArduinoFamiliarHardware prototyping
- Blynk IoTFamiliarUsed in Smart Garden
- Sensors & relaysFamiliarUsed in Smart Garden
- KiCadFamiliarUsed in Smart Garden
Design & media
UI, graphics, video and 3D
9- FigmaComfortableUsed in Chalapao
- IllustratorComfortableUsed in Phrom Engineering
- PhotoshopComfortableDesign and photo editing
- Premiere ProComfortableCyber Security programme launch media
- After EffectsComfortableCyber Security programme launch media
- BlenderFamiliar3D work
- SketchUpFamiliarComputer Design runner-up
- MayaFamiliar3D work
- Sony VegasFamiliarEarly video editing
Documents
Reports, data and presentations
3- WordDailyDocuments and reports
- ExcelComfortableHandling and summarising data
- PowerPointComfortablePresentations and slides
04 — Beyond the tools
Languages, ways of working and what I’m learning
Learning now
- Cloud, AWS and observability (Prometheus/Grafana)
- Data and AI, especially scientific data
- UX/UI for smoother experiences
Languages
Thai
Native
English
TOEIC 865 / 990 · read technical docs regularly
Ways of working
Talking to real users
Writing hand-over docs
Short delivery rounds
Show progress along the way and adjust to what’s seen
Teamwork
Faculty event staff, e.g. Open House and CSTU39 First Meet
Got a brief or an idea? Let’s talk
A company website, a registration system, a dashboard or a specialised tool — tell me about it. I’ll help work out what’s possible and make it run for real.
github.com/Phattharaphum