About Me
Thanachon Supasatian
For 3 years, I walked a different path as a mechanical engineer, working in construction management consultant company.
Then, a simple weekend project—building an interactive investing dashboard in Excel—ignited a spark. Hitting the limitations of my tools, I stumbled upon something that would fundamentally reshape my perspective: code.
What began as a hobby quickly transformed into an all-consuming passion. I was mesmerized by the power of web development and the limitless possibilities that coding unlocks.
It's a force shaping the world around us, from the software we use at work to the apps that seamlessly manage our lives. I realized I was surrounded by a world powered by code, and I hadn't truly seen it before.
That realization led me to a pivotal decision: to dedicate myself to becoming a software engineer.
This is where my journey begins, driven by a desire to not just understand the future, but to build it.
Luck Is What Happens When Preparation Meets Opportunity.
Skills
- Language:
- Domain Knowledge:
- Framework / Library:
- Testing:
- DevOps & Infrastructure:
- Database:
- Tool & Platform:
- AI:
Experience
Professional Experience
2024 - Present
Senior Front-End Engineer
TeamStack (formerly MAQE)
Remote
At MAQE, I focused on crafting engaging user interfaces and delivering product features that elevated the user experience. I partnered closely with cross‑functional teams to ship high‑quality, user‑centric solutions and proactively resolved challenges throughout the development lifecycle.
Customer-Focused Delivery
Delivering high‑quality, user‑centric solutions aligned to customer needs and business goals.
- Event Creation & Management Platform – Built an event platform leveraging generative AI to simplify organizer and attendee workflows.Tech Stack: Vue 3, Generative AI, TypeScript, Vuetify, Vite, GA4 & GTM, AWS
- Token Gating Application – Access control for NFT communities using Web3 on Ethereum and L2 blockchains.Tech Stack: Vue 3, NestJS, Web3, Vite, Vuetify, TypeScript, Alchemy SDK, GitHub Actions, AWS, Docker, Vitest
- Tangier – Tool for creating Giving Circles to raise and distribute funds within communities.Tech Stack: Vue 3, Solidity, Smart Contract, TypeScript, Alchemy, Web3, NestJS
- AP Thai – Consumer property website for discovery and investment.Tech Stack: NuxtJS, SCSS, Laravel, MariaDB, Docker, Cypress, GA4 & GTM, GitLab, AWS
Cultural Added
Fostering a positive, collaborative culture alongside technical excellence.
- Hosted the 4th‑gen FeDX guild monthly to strengthen collaboration between Frontend Engineers and Designers.
- Shared knowledge, experiences, and questions across 50+ guild sessions.
- Served as technical team for the GuildFest 2024 party web application.
- Initiate Remote Roast, a 30-minute informal session that curbs remote isolation and burnout while boosting morale, trust, and fostering psychological safety within a team.
Internal Initiatives
Driving internal improvements to enhance team efficiency and operations.
- ESLint & StyleLint Config MAQE – Maintained open‑source linting packages and conducted quarterly reviews of browser/device support.Tech Stack: NPM package, ESLint, StyleLint, SASS
- The Online Catalog Platform – Volunteered to explore Magento to improve Medium B2B purchasing experiences via optimized, automated sales operations.Tech Stack: React, GraphQL, Magento, TailwindCSS, PHP
- MAQE Corporate Website – Optimized performance achieving +41% performance score and −29% load time.Tech Stack: WordPress, PHP, jQuery, SASS, GA4
2022 - 2024
Associate Front-End Engineer
MAQE Bangkok Co., Ltd.
Bangkok, Thailand
Front-End Engineer
MAQE Bangkok Co., Ltd.
Bangkok, Thailand
Certificate
2025
AWS Certified Cloud Practitioner
Earners of this certification have a fundamental understanding of IT services and their uses in the AWS Cloud. They demonstrated cloud fluency and foundational AWS knowledge. Badge owners are able to identify essential AWS services necessary to set up AWS-focused projects.
See credential2023
TOEIC® Listening and Reading Test
Score : 915
Listening part score : 470, Reading part score : 445
See credential2021
Front End Web Developer Nanodegree Program
The goal of the Front End Web Developer Nanodegree program is to equip learners with the unique skills they need to build and develop a variety of websites and applications.
- be able to construct responsive websites using CSS, Flexbox and CSS Grid
- develop interactive websites and UI (User Interface) applications using JavaScript and HTML
- connect a web application to backend server data using Node.js
- build competency automating application build and deployment using Webpack
- improving offline performance of websites using Service Worker
2021
The Complete 2022 Web Development Bootcamp
- Be able to build ANY website you want.
- Craft a portfolio of websites to apply for junior developer jobs.
- Build fully-fledged websites and web apps for your startup or business.
- Master backend development with Node
- Master frontend development with React
- Learn the latest frameworks and technologies, including Javascript ES6, Bootstrap 4, MongoDB.
- Learn professional developer best practices.
Degree
2014 - 2018
Bachelor’s Degree in Mechanical Engineering
King Mongkut's Institute of Technology Ladkrabang
Bangkok, Thailand
Believe you can and you're halfway there.
Portfolio
Aurapan
LargeWomen's Clothing Online Shop
Aurapan is a beautiful women's clothing e-commerce website built with microservices architecture.
The entire app is deployed and runs in Docker containers executed in a Kubernetes cluster with Typescript as a back-end language, performed server-side rendering by Next.js with full-integrated Stripe and Paypal API payments, developed on Google Cloud Platform environment.
The project has set CI/CD pipeline with GitHub Action workflow and deploying on DigitalOcean Kubernetes cluster.
Suppee
LargeElectronics E-Commerce Store
Suppee is an e-commerce platform built with theMERN stack, creating extensive back-end with Express, managing global state with Redux, working with aMongoDB database and the Mongoose ODM, using JWT authentication and integrating the PayPal API.
Single page application that allows users to run Natural Language Processing (NLP) on articles or blogs found on other websites.
Travel planer app that obtains a desired trip location & date from the user and displays weather forecast, country information, and an image of the location using information obtained from external APIs.
A single landing page that shows 'TinCat', an application for cats who looking for hot kitties by wrapping all pages with the Bootstrap CSS framework.
Aurapan is a beautiful women's clothing e-commerce website built with microservices architecture.
Don't know where to go? Why not use this amazing app to find interesting places around your area on google maps with cool informations from TripAdvisor API.
This project is to create an asynchronous web app that uses Web API and user data to dynamically update the UI in a Weather Journal application by using Express as a server framework on Node.js.
Simon game is a mini JavaScript game, a practice project to learn how to use jQuery library to make it easier and faster to write code.
A crowd funding dapp using the Ethereum blockchain, deployed on Goerli test network and built by NextJS.
Lifelong Learning
Download resume here
DownloadSomeone's sitting in the shade today because someone planted a tree long time ago
Contact
Location:
Bangkok, Thailand
Email:
thanachonfirst@hotmail.com
