Production WebsiteFull-Stack
One Flag Thailand
Official website and presentation hub for One Flag Thailand.
Next.jsTypeScriptTailwind CSS+1
Recent focus
AI voice systems, vector databases, CMS-powered web apps, and interactive software prototypes.
Software Developer
UTCC Computer Science · Second-Class Honors · GPAX 3.44
Hi, I'm Detnarin.
Software developer building practical web experiences, AI-assisted systems, and interactive products.
I turn requirements into working software - from Python backends and CMS sites to user-tested product interfaces.
Next.jsPythonSpring BootAI Agents
Project showcase
Projects
Web, AI, full-stack, and interactive projects.
Production WebsiteFull-StackLuck JuB2C e-commerce storefront for collectible art toys.
Next.jsTypeScriptTailwind CSS+2
Production WebsiteWebWenWorksCMS-powered multilingual marketing website built with Next.js.
Next.jsTypeScriptTailwind CSS+1
CMS Landing PageWebDino MarcomCMS-driven marketing landing page with dynamic content management.
Next.jsTypeScriptTailwind CSS+1
Production WebsiteFull-StackTF-SuperbikeWeb landing page for a high-performance motorcycle business.
Next.jsTailwind CSSTypeScript
2nd Place AwardGameCoding is MagicAward-winning 2D game that teaches Python through puzzle play.
UnityC#2D Game
3D GameGame
Full-Stack PlatformFull-StackUniFoodRestaurant review platform with rankings, filtering, and user ratings.
ReactViteSpring Boot+1
- Production WebsiteFull-StackOne Flag Thailand
Official website and presentation hub for One Flag Thailand.
Built with Next.js, TypeScript, Tailwind CSS, and Sanity CMS for dynamic content management, then deployed to production on Vercel.
Next.jsTypeScriptTailwind CSSSanity - Production WebsiteFull-StackLuck Ju
B2C e-commerce storefront for collectible art toys.
Built with Next.js, TypeScript, Tailwind CSS, Supabase, and Omise, with PromptPay QR as the supported payment method.
Next.jsTypeScriptTailwind CSSSupabase+1 - Production WebsiteWebWenWorks
CMS-powered multilingual marketing website built with Next.js.
Delivered responsive pages, CMS content structure, multilingual routing, and production-ready architecture.
Next.jsTypeScriptTailwind CSSSanity - CMS Landing PageWebDino Marcom
CMS-driven marketing landing page with dynamic content management.
Built responsive layouts, CMS schema, and deployment pipeline with Vercel.
Next.jsTypeScriptTailwind CSSSanity - Production WebsiteFull-StackTF-Superbike
Web landing page for a high-performance motorcycle business.
Created responsive design, performance optimizations, and presentation-ready web experience with Next.js and Tailwind CSS.
Next.jsTailwind CSSTypeScript - 2nd Place AwardGameCoding is Magic
Award-winning 2D game that teaches Python through puzzle play.
Built gameplay systems, learning interactions, and presentation-ready game flow with Unity and C#.
UnityC#2D Game - 3D GameGameUTCC PHOBIA
3D horror game prototype built with Unreal Engine 5.
Created interactive gameplay, environments, and presentation-ready horror experience in Unreal Engine 5.
Unreal Engine 5Blender3D - Full-Stack PlatformFull-StackUniFood
Restaurant review platform with rankings, filtering, and user ratings.
Built full-stack features across React UI, Spring Boot APIs, MongoDB data, and review filtering flows.
ReactViteSpring BootMongoDB
Skills and tools
The stack behind the work.
Frontend to backend, databases, REST APIs, AI integration, and deployment workflows.
Stack overview
Every tool, grouped by the kind of work it helps ship.
01
Frontend
Interfaces that feel clear, responsive, and intentional.
Next.js
My main framework for production websites, routing, performance, and full-stack React experiences.
TypeScript
Adds dependable contracts to UI and server code as projects grow beyond prototypes.
React
Used to compose interactive interfaces from small, reusable pieces.
Used in
Tailwind CSS
A fast way to build responsive visual systems while keeping layouts consistent.
HTML
The semantic structure behind accessible web interfaces.
CSS
The visual layer for responsive layouts, themes, and interaction states.
JavaScript
Browser behavior and product interactions that make interfaces feel alive.
02
Backend & APIs
Services and APIs that turn product rules into reliable flows.
Node.js
Used for API routes, backend services, and JavaScript tooling around web products.
Java
A typed language used for structured backend services and API coursework.
Next.js API Routes
Server-side endpoints that keep smaller web products close to their UI and deployment.
Spring Boot
A structured Java backend for APIs, business logic, and full-stack coursework.
Used in
Python
Used for backend work, AI integrations, and experiments that need a flexible runtime.
03
Data
Data foundations that keep products useful after launch.
04
AI
Practical AI systems connected to real product experiences.
AI Agents
Agent workflows that connect models, tools, and useful actions to a product.
Prompt Engineering
Designing clear instructions and evaluation loops for dependable AI behavior.
05
Deployment & Tools
The tools that move ideas from a local build to production.
Vercel
Deployment and preview workflows for production Next.js websites.
Git
Version control for safe iteration, reviewable changes, and collaboration.
Docker
Container tooling for repeatable development and service environments.
Figma
A shared space for shaping interface ideas before they become code.
Experience
Built with feedback, testing, and real constraints.
From internship delivery to award-winning coursework - real teams, real deadlines, and products people actually use.
2nd Place Award
UTCC Showcase 2026Award-winning interactive project
Coding is Magic earned 2nd place in a 2026 university showcase for turning Python learning into a playable Unity experience.
2nd place - UTCC University Showcase 2026
Internship
Software Developer Intern
FORVIZ Company Limited
Contributed to an AI Voice Assistant product across Python backend, vector database architecture, and frontend implementation.
- Developed Python backend features for an AI Voice Assistant.
- Implemented vector database architecture for project-specific knowledge.
- Evaluated real-time voice interaction using Google ADK and LiveKit.
- Built frontend interfaces from Figma prototypes.
Internship at FORVIZ
Demo day with FORVIZ teams
Education & Languages
Background and communication.
Bachelor of Science in Computer Science
University of the Thai Chamber of Commerce (UTCC)
GPAX 3.44Second-Class Honors
- Awarded 2nd place at university showcase 2026 for final project (Coding is Magic).
Languages
Thai
Native
English
Good command of technical docs & communication
About
I like software that feels useful on the first click.
I work across frontend and backend, with a strong interest in AI integration, vector databases, clean product interfaces, and systems that are easy to test and improve.
My projects range from production CMS websites and review platforms to Unity and Unreal Engine prototypes. That mix helps me think about interaction, performance, and user feedback from more than one angle.
Programming languages I use regularly include JavaScript, TypeScript, Java, C#, and Python - with experience in Git/GitHub workflows, Docker, and team collaboration.
Contact
Let's contact and build something together.
Open to software developer, full-stack, and AI-assisted product roles. Send a message and I'll get back with context, links, or next steps.