Full-stack Engineer at MasterPiece

Full-stack EngineerEnterprise systems integration & workflow digitization

I'm Eliot Su, a full-stack engineer focused on internal enterprise systems, workflow digitization and cross-system integration. My work spans front-end and back-end development, REST APIs, database design, ERP / WMS integration, management reporting and production troubleshooting.

Where I fit

Full Stack Engineer
Front end
Next.jsReactJavaScript / TypeScript
Back end
Node.jsASP.NET (VB.NET)REST APIs
Database
OracleSQL ServerMySQL
Enterprise
ERPWMSApproval workflowsReporting
Also
LINE botsLLM appsSystem integration
Edge
Domain knowledge in operations & manufacturing
  • ~3 yrsbuilding enterprise systems
  • 3 DBsintegrated across
    Oracle · SQL Server · MySQL
  • 40+public GitHub repos
  • 96.9%Paper Radar recall on
    systematic-review screening

01About

Solving problems at the level of the whole system

I build with Next.js, React, Node.js and ASP.NET on Oracle, SQL Server and MySQL, and I work from the whole system down: understand the business process, break down the data and rules, then build the front end, the back end and the integrations with existing systems.

Beyond enterprise systems I build and run live web products (WorkSuan and Weekend Island) and keep shipping LINE bots and LLM applications, taking them from requirements and architecture through implementation, deployment and validation on my own.

Earlier work in healthcare administration and manufacturing means I know how operations actually run, which makes it faster to turn what users need into an engineering solution.

  • Taiwan
  • B.S. Healthcare Administration, Hungkuang University
  • Mandarin (native) · English CEFR B1

Workflow digitization

Multi-level approvals, permissions and delegation, SLAs, email notifications, PDF export and audit trails that replace Excel-driven processes.

ERP / WMS data integration

Connecting Digiwin TIPTOP ERP and Smart Logistics WMS, reconciling data across Oracle, SQL Server and MySQL, and turning it into management reports.

LINE bots & LLM applications

Parking Helper, Paper Radar and Jev Arena: built solo from requirements and architecture to deployment and validation, with cost and accuracy measured.

How I work

  1. Start on the floor

    Sit with the people doing the work to map the real process, its exceptions and its pain points, not just the ticket.

  2. Design data & rules

    Translate needs into data fields, workflow rules and permissions, and trace where every piece of data comes from and goes.

  3. Build & integrate

    Own the front end, back end and database together, connect ERP, WMS and existing systems, and verify data stays consistent across them.

  4. Ship, then keep improving

    Watch real usage and logs after launch and iterate on feedback until the system is actually adopted.

02Experience

Work experience

Full-stack development of internal enterprise systems: approval workflows, ERP / WMS integration, reporting and production support.

Full-stack Engineer Current

MasterPiece (金全益股份有限公司)

Nov 2023 – Present

I own internal web systems end to end: requirements, database design, front-end and back-end development, and production troubleshooting, connecting ERP, WMS and day-to-day operations.

See the integration architecture (simplified)
Enterprise integration (simplified) INTERNAL WEB SYSTEMSLinked serverreconcilereceipts · write-backBusiness teamsoperations · approversNext.js / React appsmulti-level approval · SLAemail · PDF · audit trailASP.NET Web FormsVB.NETinternal tools & reportsSQL ServerOPENQUERY · CTEreporting layerDigiwin TIPTOP / TTOP ERPOracleitems · BOM · work orders · stockDigiwin WMSSmart Logistics · MySQLWMS API · Java adapter · JDBC
Simplified from my public job description; no internal details.

Workflow digitization

  • Built multi-level approval systems in Next.js / React with role-based access, delegated approval, SLAs, email notifications, PDF export and audit history.
  • Replaced manual and Excel processes for quality incidents, sample development, and purchasing / work orders with web systems, iterating on feedback from each department.

ERP integration & reporting

  • Integrated Digiwin TIPTOP / TTOP ERP (Oracle) via SQL Server OPENQUERY and multi-table joins across items, BOMs, work orders, purchasing, receiving and inventory.
  • Built reports on delivery dates, supplier on-time rate, equipment capacity and maintenance completion using CTEs, temp tables and aggregation.
  • Developed internal management and reporting systems with ASP.NET Web Forms and VB.NET.

WMS integration & troubleshooting

  • Worked on the Digiwin Smart Logistics WMS integration, connecting the WMS API with Oracle ERP and tracing work-order receipts and ERP write-backs.
  • Reconciled data across Oracle, SQL Server and MySQL to find quantity mismatches, missing or duplicated transfers and sync failures.
  • Diagnosed service issues layer by layer, from APIs and application logs to the Java adapter, JDBC connection pool and database.
  • Next.js
  • React
  • ASP.NET Web Forms
  • VB.NET
  • SQL Server
  • Oracle
  • MySQL
  • REST API
  • JDBC
  • Digiwin TIPTOP ERP
  • Digiwin WMS

Volunteering

Volunteer, Website Update Team

Guangfu Disaster Relief Info Hub · GuangFu Hero

Sep 2025 – Oct 2025

On 23 September 2025, rain from Typhoon Ragasa made the barrier lake on the Mataian River overflow, burying the town of Guangfu in Hualien under mud and killing 19 people. Tens of thousands of volunteers poured in, but there was no single place that matched what was needed with who had arrived. Within days, volunteers in Taiwan, Japan, the US and Canada built the Guangfu Disaster Relief Info Hub. I joined its website update team, working on front-end page features.

  • 120Kactive users (11 Sep – 8 Oct, 28 days)
  • 1.16Mevents; 71K views of the volunteer-matching page
  • 91Kactive users in the first week (1 – 7 Oct)
  • The hub brought together volunteer matching, supply distribution, a pre-trip checklist, a map of sites and the volunteer community, so people knew where to go and what to bring before they set off.
  • Adjusted and extended front-end page features. Needs on the ground changed daily, so the pages had to change quickly for volunteers to find the right tasks and sites instead of a wasted trip.
  • The team worked fully remotely and shipped most features about two days after the idea; the hub matched more than 9,000 volunteers in its first month (news report, in Chinese).
  • Front-end development
  • Disaster response
  • Remote collaboration
  • Information design
  • Google Analytics

Team list (Wayback Machine archive)

Earlier

  1. May 2023 – Oct 2023

    Front-end Engineering Bootcamp

    iSpan International (資展國際)

    Designed and built the full-stack e-commerce site ShiYueGuo (React, Node.js, MySQL) and led a team through a full-stack project.

  2. Apr 2021 – May 2023

    Assistant

    Lead Yu Industry Co., Ltd.

    Coordinated materials, equipment and staffing for printing projects, working with suppliers to keep resources on schedule.

  3. Apr 2019 – Jan 2020

    Medical Laboratory Assistant

    Changhua Christian Hospital

    Managed internal and external research projects and outsourced testing, organized meetings and wrote minutes.

  4. 2014 – 2018

    B.S. Healthcare Administration

    Hungkuang University

03Work

Selected projects

Built outside my day job: two live products, plus open-source tools and full-stack projects you can open and try.

012026 · Live product · Featured on free.com.tw

WorkSuan · Taiwan payroll & leave calculators

Pay and leave for Taiwan's office workers, worked out in one place: take-home pay, leave planning, overtime, annual leave and severance.

  • 20+pay, leave and insurance calculators
  • 37unit-test files for the rules
  • 0servers or databases; data never leaves the browser
  • Covers take-home pay, leave planning, overtime, annual leave, severance, unemployment and parental benefits and the labor pension; every tool shows its working, the legal basis and a link to the official calculator, with rates updated from government notices.
  • A leave-planning algorithm reads the official work calendar to find the longest breaks for the fewest days off, with calendar (ICS) export and share cards. Inputs live in the URL, so a link sent over LINE opens the same result.
  • A static Next.js export on Cloudflare Pages that installs to the home screen and works offline. GitHub Actions syncs holiday events from government open data every day and checks each July that next year's data is in place.

Reviewed by free.com.tw, a long-running Taiwanese free-tools blog, as "a free, no-sign-up calculator site for Taiwan". Read the article (Chinese).

  • Next.js
  • TypeScript
  • React
  • Vitest
  • PWA
  • Cloudflare Pages
  • GitHub Actions

022026 · Live product

Weekend Island · events & trip planner

Where to this weekend? Events, places and itineraries across Taiwan's 22 counties and Japan, in one place.

  • 1,168tourism events synced automatically
  • 6,182attractions across Taiwan
  • 22 + JapanTaiwan counties plus key regions in Japan
  • Date, county, type, mood, price and indoor/outdoor filters combine freely and live in the URL. One-line search ("what's on in Taichung this weekend") is parsed into filters by rules, falling back to keywords for the rest.
  • Favorites and trips need no account: drag to reorder by mouse, touch or keyboard, catch time clashes, share a link and open Google Maps directions, plus a MapLibre map and an events calendar.
  • A sync pipeline pulls from the Tourism Administration, Taipei Travel and TDX with validation, normalization, de-duplication and idempotent updates, and a failed sync never wipes data. The /admin CMS has optimistic locking, an audit log and submission review.
  • Next.js
  • TypeScript
  • PostgreSQL
  • Prisma
  • Zod
  • MapLibre
  • Playwright
  • Vercel

032026 · Open source · 28★

Paper Radar

Reads every new arXiv paper each morning and surfaces the few you should actually read.

  • 33 sto judge 501 papers
  • $0.06a day to read all of arXiv
  • 96.9%systematic-review recall
  • Write your interests in plain English; the model answers one yes/no question per paper with a calibrated probability, and code decides must-read, maybe or skip.
  • On four unseen Cochrane reviews it screened 19,447 records, recovered 96.9% of the studies reviewers included and cut reading by 78%.
  • Runs entirely on GitHub Actions + Pages with a web page and RSS feed, plus optional Slack, Discord and Telegram digests. Fork and go, no server.
  • Python
  • GitHub Actions
  • RSS
  • LLM evaluation
  • Calibration

042026 · Open-source game · npm

Jev Arena

Write a fighter in plain English and let a model pilot it in real time.

  • Players write a strategy and reflexes in YAML; the model reads the arena several times a second and returns actions with probabilities.
  • An Elo ladder you join with a pull request, with GitHub Actions running the matches and updating rankings.
  • Swappable brains: Jev, other models or any LLM, compared under the same rules.
  • JavaScript
  • Canvas
  • npm
  • GitHub Actions
  • Elo ladder

052026 · Full-stack MVP

Mobile ordering system

From QR ordering to the kitchen pass to admin reports: the full flow for a restaurant.

  • Three roles, three interfaces: customers order from their table and track status, the kitchen works from a live board, managers use the admin console.
  • Role-based access control in the admin, with an operations dashboard and reports.
  • Next.js + Prisma + PostgreSQL, Docker Compose for the database and Vitest for tests.
  • Next.js
  • TypeScript
  • Prisma
  • PostgreSQL
  • Docker
  • Tailwind

062025 · LINE bot

Parking Helper

Send your location on LINE and instantly see where there's still a space nearby.

  • Share a location or type an address to find car parks or street parking within 2.5 km, sorted by distance.
  • Pulls live availability and pricing from Taiwan's TDX transport API, falling back to city open data when coverage is thin.
  • Google Geocoding for addresses and Distance Matrix for real driving distance and time, shown as LINE Flex Message cards with one-tap navigation.
  • Node.js
  • Express
  • LINE Messaging API
  • LIFF
  • TDX API
  • Google Maps API

04More work

Small, complete projects

05Skills

Technical skills

CoreFamiliar

Languages

  • TypeScript
  • JavaScript
  • Python
  • SQL
  • VB.NET
  • PHP
  • HTML / CSS / Sass

Work: TypeScript, SQL, VB.NET · Open source: Python, JavaScript

Front end

  • React
  • Next.js
  • Tailwind CSS
  • Redux
  • Bootstrap
  • GSAP
  • Responsive design

Approval systems at MasterPiece, WorkSuan, Weekend Island

Back end

  • Node.js
  • Express
  • ASP.NET Web Forms
  • REST API
  • Flask
  • Laravel
  • GraphQL

MasterPiece internal systems, ordering API, Parking Helper

Databases

  • SQL Server
  • Oracle
  • MySQL
  • PostgreSQL
  • Prisma
  • SQLite

MasterPiece ERP / WMS integration, Weekend Island, ordering system

Enterprise systems

  • Digiwin TIPTOP ERP
  • Digiwin WMS
  • Approval workflows
  • JDBC / pooling
  • Cross-DB reconciliation

MasterPiece: approvals, ERP reporting, WMS integration

APIs & integrations

  • LINE Messaging API
  • LIFF
  • Google Maps API
  • TDX API
  • PayPal API

Weekend Island data sync, Parking Helper, ShiYueGuo payments

Applied AI

  • LLM classification
  • Calibration
  • Cost & accuracy evals

Paper Radar, Jev Arena

Tooling & deploy

  • Git / GitHub
  • GitHub Actions
  • Docker
  • Vitest
  • Render
  • Google Cloud SQL

CI and deployment for every open-source project

07Contact

Got a workflow that should be simpler?

Enterprise systems, ERP / WMS integration, workflow digitization, or just a chat about tools and applied AI. My inbox is open.

Write to me

Topic

This opens your email app with everything filled in.