ThanakitNonsilat

Creative Technologist / Full-Stack Engineer

+2

PROJECT VISUAL 01

ONGOING

Jul 2025 - Present

RaoChatHub

Omni-Channel Customer Communication Platform

Dev Manager

What It Does

An omni-channel communication platform that centralizes customer interactions from multiple channels into a single interface. Enables support teams to manage conversations efficiently, track communication history, and leverage AI-powered features to enhance customer engagement and response workflows.

Tech Stack

ReactTypeScriptExpress.jsPrismaREST API

My Contributions

  • Led frontend development using React and TypeScript
  • Designed and implemented backend REST APIs with Express.js and Prisma
  • Designed UX/UI flows and frontend architecture
  • Defined system architecture, workflows, and relational database schemas
+4

PROJECT VISUAL 02

COMPLETED

Dec 2025 - Apr 2026

Siam Denso

Corporate Homepage Redesign

Full Stack Developer

What It Does

A corporate website redesign project focused on modernizing the homepage experience, improving usability, strengthening visual consistency, and enhancing information accessibility. The solution delivered a responsive and user-friendly interface while supporting integration with existing business systems.

Tech Stack

ReactTypeScriptNode.jsExpress.jsREST APITailwind CSS

My Contributions

  • Redesigned and implemented the homepage user interface
  • Developed responsive frontend components using React and TypeScript
  • Integrated frontend features with backend services and APIs
  • Improved user experience, navigation flow, and information architecture
  • Collaborated with stakeholders to align business requirements with technical implementation
+2

PROJECT VISUAL 03

COMPLETED

Jun 2025 - Oct 2025

Siam Denso

Equipment & Asset Management System

Dev Engineer

What It Does

A centralized asset management system that enables departments to manage the borrowing, returning, and tracking of electronic equipment and organizational assets. Provides visibility into asset availability, usage history, and ownership records to streamline equipment allocation and improve accountability.

Tech Stack

Node.jsExpress.jsPrisma ORMREST API

My Contributions

  • Designed and developed RESTful APIs using Node.js and Express.js
  • Implemented database access and data modeling with Prisma ORM
  • Integrated APIs across multiple internal system modules
  • Produced technical documentation including Sequence, Class, and ER Diagrams

PROJECT VISUAL 04

COMPLETED

Dec 2025 - APR 2025

Siam Denso

Patrol Checklist Management System

Full Stack Developer

What It Does

A digital patrol and checklist management platform designed to streamline routine inspections, operational audits, and issue tracking processes. The system enables users to perform inspections, manage checklist records, monitor task status, and maintain historical audit data through a centralized web application.

Tech Stack

ReactTypeScriptNode.jsExpress.jsPrisma ORMREST API

My Contributions

  • Designed and developed frontend interfaces for patrol and inspection workflows
  • Implemented backend REST APIs for checklist management and reporting
  • Designed relational database schemas and application workflows
  • Developed inspection history tracking and issue management features
  • Integrated frontend and backend services to support end-to-end operations

PROJECT VISUAL 05

COMPLETED

Mar 2024 - Nov 2024

Clicknext

API Documentation Platform

Developer (Co-op)

What It Does

A web-based API documentation platform designed to centralize and manage API specifications, endpoint references, and integration guides. Enables development teams to access, maintain, and share API documentation efficiently, improving collaboration and streamlining integration across projects.

Tech Stack

ReactREST APIsSystem Architecture

My Contributions

  • Developed the platform frontend using React and REST APIs
  • Integrated frontend components with backend services for core system features
  • Contributed to system architecture design within a team environment

Frontend

ReactTypeScriptJavaScript (ES6+)Tailwind CSSComponent ArchitectureREST API IntegrationResponsive UI

Backend

Node.jsExpress.jsPrisma ORMREST API DesignRelational DB Design

System & Tools

UML DiagramsER DiagramsSystem Workflow DesignFigma (UX/UI)

Other

English (Professional)Analytical Problem-SolvingMulti-Project ManagementTeam Collaboration

Education

Bachelor of Science in Software Engineering

Burapha University - Faculty of Informatics

GPA3.90
Download CV

Achievements & Interests

  • Super AI Engineer Season 5 (Track Innovator): WINNER - presented RaoChatHub at a technical conference
  • Self-studied cybersecurity fundamentals through online courses (ISC2, arit.co.th)
  • Participated in Capture The Flag (CTF) cybersecurity competitions organized by NCSA Thailand
  • Participated in cybersecurity workshops and hands-on security training
  • Actively exploring system security concepts alongside software development projects

Professional Summary

Full-stack software engineer with hands-on experience building production web applications using React, TypeScript, Node.js, and Prisma. Experienced in REST API development, system design, and cross-functional collaboration. Seeking a developer role to build scalable, real-world systems and contribute to high-quality products.

Design before code (Figma case study)

As both designer and developer, I used Figma to plan the Asset Management System from initial wireframes to production-ready interfaces. Building reusable components and validating user flows early reduced rework and accelerated development.

Step 01Wireframes — Layout & Flow

Started with lo-fi wireframes to map out the core screens — dashboard overview, borrow request flow, and asset detail view — before committing to any visual direction.

Wireframe — Dashboard Layout
Wireframe — Borrow Request Flow
Wireframe — Asset Detail View
Step 02Component Library

Built a reusable component set in Figma — buttons, form inputs, status badges, cards, and data tables — to keep the UI consistent across all screens before moving to final designs.

Component Library
Step 03Final Screens

High-fidelity screens applying the component library — finalized colors, typography, spacing, and interaction states ready for handoff to development.

Final — Dashboard
Final — Borrow Management
Final — Asset Detail

I design schemas, not just queries

Every system I build starts with a deliberate schema — ER diagrams, relation modeling, and data integrity patterns before a single line of code.

Schema 01

RaoChatHub — AI-Powered Multi-Tenant Customer Communication Platform

Designed a multi-tenant customer communication platform integrating AI-assisted conversations, contact management, user permissions, and omnichannel messaging workflows. Built with PostgreSQL and Prisma ORM to support scalable customer support operations, tenant isolation, and intelligent response automation.

Key Design Decisions

  • Tenant-based data isolation for multiple organizations
  • Conversation and message management across multiple channels
  • AI-powered chatbot and response assistance workflows
  • Role-based access control, notifications, and activity tracking
PostgreSQLPrisma ORMAI IntegrationMulti-tenant
Schema 02

Asset Management System — Equipment Borrowing Management

Designed a database schema for managing organizational assets, borrowing requests, approvals, returns, and inventory tracking. Supports department-level ownership, asset categorization, and complete lending history for accountability and reporting.

Key Design Decisions

  • Asset registration with category and ownership relationships
  • Borrowing and return workflows with status tracking
  • Approval process and lending history records
  • Inventory availability monitoring and reporting
Microsoft SQL ServerPrisma ORMAsset ManagementAudit Trail
Schema 03

Patrol Checklist Management System — Inspection Workflow Schema

Designed a schema for industrial patrol and inspection operations, supporting patrol routes, checkpoints, checklist templates, inspection records, issue reporting, and assignment management. Built to maintain historical inspection data and improve operational visibility.

Key Design Decisions

  • Patrol routes and checkpoint management
  • Checklist templates linked to inspection activities
  • Issue reporting with status and resolution tracking
  • Inspection assignment and historical audit records
MariaDBPrisma ORMInspectionWorkflow

thanakit.nonsilat@gmail.com

Phone : +66 94-462-3377