[{"data":1,"prerenderedAt":277},["ShallowReactive",2],{"site":3,"project-page":53,"project-multi-client-oms":77},{"id":4,"codeCard":5,"contactLabel":13,"contactTo":14,"cta":15,"email":18,"extension":19,"footerNote":20,"formspreeId":21,"githubLabel":22,"githubUrl":21,"lineId":23,"lineUrl":21,"linkedinLabel":24,"linkedinUrl":21,"meta":25,"name":26,"nameLines":27,"nav":30,"nickname":42,"resumeLabel":43,"resumePath":44,"role":45,"roleLine":46,"seoDescription":47,"seoTitle":48,"shortName":49,"siteUrl":50,"stem":51,"__hash__":52},"site\u002Fsite.yml",{"filename":6,"stack":7,"domain":12},"profile.ts",[8,9,10,11],"Nuxt","NestJS","TypeORM","PostgreSQL","WMS\u002FOMS","Contact","\u002F#contact",{"projects":16,"projectsTo":17},"View Projects","\u002F#projects","sornnacha.bu@gmail.com","yml","Full Stack Developer · Logistics systems","","GitHub","@maxcct","LinkedIn",{},"Sornnacha Buranapongwattana",[28,29],"Sornnacha \"Max\"","Buranapongwattana",[31,34,37,39],{"label":32,"to":33},"About","\u002F#about",{"label":35,"to":36},"Experience","\u002F#experience",{"label":38,"to":17},"Projects",{"label":40,"to":41},"Skills","\u002F#skills","Max","Download Resume","\u002Fresume.pdf","Full Stack Developer","Full Stack Developer · Logistics Systems","Full Stack Developer building logistics software (WMS, OMS, yard management) with Nuxt 3, NestJS, PostgreSQL and SQL Server.","Sornnacha Buranapongwattana · Full Stack Developer","Sornnacha","https:\u002F\u002Fsornnacha-buranapongwattana-portfolio.khumtrip.com","site","xSoEYySIXE-NVmKOWDN3yqMKzx3waoeKrhOyGAotX6Y",{"id":54,"title":38,"backLabel":55,"caseStudyLabel":56,"description":57,"extension":19,"label":58,"meta":59,"placeholders":60,"sections":65,"seoTitle":73,"stem":74,"visitLabel":75,"__hash__":76},"projectPage\u002Fprojects.yml","All projects","Read case study","Warehouse, order and yard systems, an e-commerce site, and fish-related side projects.","03 \u002F projects",{},{"impact":61,"diagram":62,"screenshots":63,"cover":64},"No impact figures are published yet. Add an `impact` paragraph in this project's content file when you have numbers you want to share.","Architecture diagram slot. Set `architectureDiagram` to an image path under public\u002F.","Screenshot slot. Add files under public\u002Fprojects and list them in this project's `screenshots` array.","Cover image not added yet.",{"problem":66,"role":67,"architecture":68,"features":69,"impact":70,"stack":71,"screenshots":72},"Problem","My role","Architecture","Key features","Impact","Stack","Screenshots","Projects · Sornnacha Buranapongwattana","projects","Visit site","rPcB51S-sZcfgwU-Ibtc62NNUMcxQU6uWOjo2rNsKYc",[78,117,147,182,212,242],{"id":79,"title":80,"architecture":81,"architectureDiagram":21,"architectureDiagramAlt":21,"client":82,"cover":83,"coverAlt":84,"extension":19,"features":85,"highlights":91,"impact":21,"meta":94,"oneLiner":95,"order":96,"period":97,"problem":98,"role":82,"roleDetail":99,"screenshots":100,"sideProject":104,"slug":105,"stack":106,"stem":114,"url":115,"__hash__":116},"projects\u002Fprojects\u002Fbanpong-molly.yml","Banpong Molly","Nuxt 4 on the front, NestJS with TypeORM and MySQL behind it, Redis and BullMQ, and Socket.io for the live queue. An Android app written in Java runs on a Sunmi POS and prints queue tickets.\n","Side project","\u002Fprojects\u002Fbanpong-molly\u002Fcover.jpg","Banpong Molly contest homepage",[86,87,88,89,90],"Event registration","Payment-slip approval","Live checkout queue","Fish ranking reports","Android (Java) Sunmi POS app for queue ticket printing",[92,93],"Fish-contest platform with event registration, payment-slip approval, a live checkout queue and fish ranking reports.","Nuxt 4, NestJS, TypeORM, MySQL, Redis\u002FBullMQ, Socket.io, and an Android (Java) Sunmi POS app for queue ticket printing.",{},"Fish-contest registration, payment-slip approval, a live checkout queue and ranking reports.",5,"Feb 2026 – Present","Banpong Molly is a fish-contest platform. People register for events, payment slips are approved, checkout runs as a live queue, and fish ranking reports close the loop.\n","Side project. Built the platform — event registration, payment-slip approval, a live checkout queue and fish ranking reports — and an Android app that prints queue tickets.\n",[101],{"src":102,"alt":103},"\u002Fprojects\u002Fbanpong-molly\u002F01.jpg","Banpong Molly activities and supporters section",true,"banpong-molly",[107,9,10,108,109,110,111,112,113],"Nuxt 4","MySQL","Redis","BullMQ","Socket.io","Android (Java)","Sunmi POS","projects\u002Fbanpong-molly","https:\u002F\u002Fbanpongmolly.com","DKTHzp4YjA1GqufPJ_FY1M7ie_FNlHPQeNtcTwp1RVc",{"id":118,"title":119,"architecture":120,"architectureDiagram":21,"architectureDiagramAlt":21,"client":121,"cover":122,"coverAlt":123,"extension":19,"features":124,"highlights":130,"impact":21,"meta":132,"oneLiner":133,"order":134,"period":135,"problem":136,"role":45,"roleDetail":137,"screenshots":138,"sideProject":139,"slug":140,"stack":141,"stem":145,"url":21,"__hash__":146},"projects\u002Fprojects\u002Fisuzu-ayms.yml","Isuzu AYMS","Authentication uses JWT and Argon2. Gate-in suggests a location. Inspection reads a VIN or a QR code. Operators get a yard overview, and delivery sheets are PDFs.\n","Automatic Yard Management System","\u002Fprojects\u002Fisuzu-ayms\u002Fcover.jpg","Abstract cover for Isuzu AYMS",[125,126,127,128,129],"JWT\u002FArgon2 authentication","Gate-in with location suggestion","VIN\u002FQR inspection","Yard overview","PDF delivery sheets",[131],"Built JWT\u002FArgon2 auth, gate-in with location suggestion, VIN\u002FQR inspection, yard overview and PDF delivery sheets.",{},"Gate-in, VIN\u002FQR inspection, yard overview and PDF delivery sheets for an automatic yard management system.",3,"Nov 2025 – Apr 2026","Isuzu AYMS (Automatic Yard Management System) covers sign-in, gate-in, vehicle inspection, a yard overview and PDF delivery sheets.\n","Full Stack Developer. Built JWT\u002FArgon2 auth, gate-in with location suggestion, VIN\u002FQR inspection, yard overview and PDF delivery sheets.\n",[],false,"isuzu-ayms",[142,143,144],"JWT","Argon2","PDF","projects\u002Fisuzu-ayms","WXmxPNiBzqP23-LfOabNRgpyxIcke8A1KheR1bj54pk",{"id":148,"title":149,"architecture":150,"architectureDiagram":21,"architectureDiagramAlt":21,"client":151,"cover":152,"coverAlt":153,"extension":19,"features":154,"highlights":159,"impact":21,"meta":161,"oneLiner":162,"order":163,"period":164,"problem":165,"role":166,"roleDetail":167,"screenshots":168,"sideProject":139,"slug":172,"stack":173,"stem":179,"url":180,"__hash__":181},"projects\u002Fprojects\u002Fjapan-all-pass.yml","Japan All Pass","Storefront features use React and Next.js. Server features use Node.js and Express, including third-party API integrations. The back office uses Laravel and MySQL.\n","JOBBKK.com Co., Ltd.","\u002Fprojects\u002Fjapan-all-pass\u002Fcover.jpg","Japan All Pass storefront homepage",[155,156,157,158],"React and Next.js features","Node.js and Express features","Third-party API integrations","Laravel and MySQL back office",[160],"Built React\u002FNext.js and Node.js\u002FExpress features, third-party API integrations and a Laravel\u002FMySQL back office.",{},"E-commerce website and Laravel\u002FMySQL back office, built at JOBBKK.",4,"2024 – Oct 2025","Japan All Pass is an e-commerce website. The storefront and server features sit next to a back office.\n","Website Programmer (Full Stack Developer)","Website Programmer (Full Stack Developer) at JOBBKK.com Co., Ltd. Built React\u002FNext.js and Node.js\u002FExpress features, third-party API integrations and a Laravel\u002FMySQL back office.\n",[169],{"src":170,"alt":171},"\u002Fprojects\u002Fjapan-all-pass\u002F01.jpg","Japan All Pass product listing section","japan-all-pass",[174,175,176,177,178,108],"React","Next.js","Node.js","Express","Laravel","projects\u002Fjapan-all-pass","https:\u002F\u002Fjapanallpass.com","5cOVrBPq0_E_Pqe05f56BJhpL4pvzvdio-b37WuwXFg",{"id":183,"title":184,"architecture":185,"architectureDiagram":21,"architectureDiagramAlt":21,"client":186,"cover":187,"coverAlt":188,"extension":19,"features":189,"highlights":195,"impact":21,"meta":198,"oneLiner":199,"order":200,"period":201,"problem":202,"role":45,"roleDetail":203,"screenshots":204,"sideProject":139,"slug":205,"stack":206,"stem":210,"url":21,"__hash__":211},"projects\u002Fprojects\u002Fmulti-client-oms.yml","Multi-client OMS","Purchase orders are imported from Excel and validated, then integrated with the CCMS warehouse. Login uses Portal SSO. Shipping-label PDFs from multiple platforms are detected and matched. Bulk order-support tools sit on the same system.\n","Several enterprise clients","\u002Fprojects\u002Fmulti-client-oms\u002Fcover.jpg","Abstract cover for Multi-client OMS",[190,191,192,193,194],"Purchase Order module with Excel import and validation","CCMS warehouse integration","Portal SSO login","Auto-detection and matching of multi-platform shipping-label PDFs","Bulk order-support tools",[196,197],"Built the Purchase Order module (Excel import, validation) with CCMS warehouse integration and Portal SSO login.","Built auto-detection and matching of multi-platform shipping-label PDFs and bulk order-support tools.",{},"Purchase orders, CCMS warehouse integration and shipping-label matching for several enterprise clients.",2,"Apr 2026 – Present","Multi-client OMS is an order management system for several enterprise clients. The work is the purchase-order path, a warehouse integration, sign-in, and shipping-label handling.\n","Full Stack Developer. Built the Purchase Order module (Excel import, validation) with CCMS warehouse integration and Portal SSO login. Built auto-detection and matching of multi-platform shipping-label PDFs and bulk order-support tools.\n",[],"multi-client-oms",[207,208,209,144],"Excel import","CCMS","Portal SSO","projects\u002Fmulti-client-oms","SrmGO-nNLCmI3_460IfuY3SdW42INhrBjPgKYVyOFuQ",{"id":213,"title":214,"architecture":215,"architectureDiagram":21,"architectureDiagramAlt":21,"client":82,"cover":216,"coverAlt":217,"extension":19,"features":218,"highlights":223,"impact":21,"meta":226,"oneLiner":227,"order":228,"period":229,"problem":230,"role":82,"roleDetail":231,"screenshots":232,"sideProject":104,"slug":236,"stack":237,"stem":239,"url":240,"__hash__":241},"projects\u002Fprojects\u002Fnanagoldfish-farm.yml","Nana Goldfish Farm","Next.js front-end with bilingual EN\u002FTH content for the farm’s public marketing site.\n","\u002Fprojects\u002Fnanagoldfish-farm\u002Fcover.jpg","Nana Goldfish Farm homepage hero",[219,220,221,222],"English \u002F Thai language toggle","Farm record and grading sections","NEO-HELIOS distributor highlight","Enquire call to action",[224,225],"Public bilingual marketing site for Nana Goldfish Farm.","Next.js site with EN\u002FTH content, farm record sections and enquire CTAs.",{},"Bilingual marketing site for a Thailand goldfish farm breeding for overseas markets.",6,"Past project","Nana Goldfish Farm needed a public bilingual site that presents the farm, grades, export preparation, and product lines for overseas buyers.\n","Past side project. Built the public Next.js site with English\u002FThai content, farm record sections, and enquire calls to action.\n",[233],{"src":234,"alt":235},"\u002Fprojects\u002Fnanagoldfish-farm\u002F01.jpg","Nana Goldfish Farm record and standards section","nanagoldfish-farm",[175,174,238],"TypeScript","projects\u002Fnanagoldfish-farm","https:\u002F\u002Fnanagoldfishfarm.co.th\u002F","kObrruglADDjZF2bdcXjfZQUSrOKwIk5iAwT54S3R0k",{"id":243,"title":244,"architecture":245,"architectureDiagram":21,"architectureDiagramAlt":21,"client":246,"cover":247,"coverAlt":248,"extension":19,"features":249,"highlights":255,"impact":21,"meta":258,"oneLiner":259,"order":260,"period":261,"problem":262,"role":45,"roleDetail":263,"screenshots":264,"sideProject":139,"slug":271,"stack":272,"stem":275,"url":21,"__hash__":276},"projects\u002Fprojects\u002Fteenoi-logistics-wms.yml","Teenoi Logistics WMS","Multi-tenant PostgreSQL with row-level security (RLS). Picking is per branch and uses FEFO and LIFO.\n","Teenoi restaurant group","\u002Fprojects\u002Fteenoi-logistics-wms\u002Fcover.jpg","Teenoi Logistics WMS allocation center dashboard",[250,251,252,253,254],"Transfer flow from TR to TO, pick, QC, goods issue and dispatch","Auto-allocation center","Truck-round planning","Per-branch FEFO\u002FLIFO picking","Multi-tenant PostgreSQL with row-level security",[256,257],"Built the transfer flow (TR → TO → pick → QC → goods issue → dispatch) and the auto-allocation center.","Built truck-round planning and per-branch FEFO\u002FLIFO picking on multi-tenant PostgreSQL with RLS.",{},"Transfer flow, auto-allocation, truck rounds and FEFO\u002FLIFO picking for the Teenoi restaurant group.",1,"Aug 2026 – Present","Teenoi Logistics WMS is the warehouse system for the Teenoi restaurant group. It covers the transfer flow from request to dispatch, an auto-allocation center, truck-round planning, and per-branch picking.\n","Full Stack Developer. Built the transfer flow (TR → TO → pick → QC → goods issue → dispatch) and the auto-allocation center. Built truck-round planning and per-branch FEFO\u002FLIFO picking on multi-tenant PostgreSQL with row-level security.\n",[265,268],{"src":266,"alt":267},"\u002Fprojects\u002Fteenoi-logistics-wms\u002F01.jpg","Truck rounds planning screen",{"src":269,"alt":270},"\u002Fprojects\u002Fteenoi-logistics-wms\u002F02.jpg","Allocation center summary view","teenoi-logistics-wms",[11,273,274],"Row-level security (RLS)","Multi-tenant data","projects\u002Fteenoi-logistics-wms","TPF3z4xGFUDTSRPGoeZzq88eDi71l0Xo8NPxJ9a-Pl0",1793863890435]