FrontendFull-Stack

Chai Machinery Supply — Website

Bilingual marketing site for an industrial machinery manufacturer, with an interactive 3D product catalog.

Chai Machinery Supply conveyor system product page

01 // The_Problem

The same industrial machinery client needed a bilingual (Thai/English) B2B marketing site that could show customers a 3D product catalog instead of static photos, deployed reliably without manual FTP uploads.

02 // Stack

Next.js 16React 19TailwindFramer Motion

03 // Key_Decisions

The only project in the portfolio with real CI/CD — GitHub Actions auto-deploys every change to production.
Interactive 3D product models via <model-viewer> with Draco/meshopt compression — compressed 3D assets load fast even on mobile.
Custom i18n architecture, built by hand rather than pulling in a library, across 39 routes.

04 // Summary

Built and shipped the bilingual Thai/English marketing site for an industrial machinery manufacturer, including an interactive 3D product catalog using compressed, web-optimized 3D models instead of static photography. The only project in this portfolio with a full CI/CD pipeline — GitHub Actions deploys every change to production automatically.