PunGrumpy
Teachin's portfolio
A cinematic dark-themed portfolio that frames a backend engineer's invisible craft—APIs, data flows, infrastructure—into a visually striking narrative recruiters actually want to scroll

Client

Teachin Pongmanee


Year

2026


Category

Website Dev


Live Project

teachin-preview.png

Concept

/// Where instinct meets backend engineering—a dark, cinematic portfolio that makes the invisible craft of APIs and infrastructure feel like art


Challenge

/// Backend engineers often struggle to showcase their work visually. Unlike UI designers, they can't just drop pretty screenshots—their craft lives in terminal outputs and database schemas. Teachin needed a portfolio that made "reliable APIs" feel as tangible as a polished landing page

teachin-1.png

Solution

/// I designed a cinematic, dark-mode portfolio that treats the invisible as the hero. A dithered 3D background sets the moody tone, while elegant script typography contrasts bold sans-serif to balance personality with professionalism. Every section—Profile, Expertise, Skills—unfolds like a film credit sequence, making recruiters actually want to keep scrolling

teachin-2.png

Development

Built on Next.js with Tailwind 4 for rapid styling and Shadcn (Radix UI) for accessible components. Smooth scroll powered by Lenis, micro-interactions by Motion, and the signature dither grain rendered via React Three Fiber. Deployed on Netlify with instant preview links for quick feedback loops

teachin-3.png
Natthaphong's portfolio

Natthaphong's portfolio

///Website Dev

Rapeepan's portfolio

Rapeepan's portfolio

///Website Dev