Skip to content

Independent mind. Thoughtful engineering.

Bangkok, Thailand / Open to the world

Lon Shan

Software engineer
Creative developer
Personal portfolio / 01

01 / THE WAY I BUILD

Creative by instinct.
Steady by design.

I’m Lon Shan. I build web, mobile, and the systems behind them. I like giving ambitious ideas a solid foundation — and leaving a little room for the unexpected.

Explore the work Start a conversation
Web & systemsMobileCreative code
THE ELEMENTAL STUDYFIG. 001
N / 13.7563E / 100.5018
Ignis

Phoenix Flame Warden

Click a companion.
See the world change.

A solid foundation. An untamed imagination.

The little inhabitants? They’re part of the personality.

01 / Selected work

Ideas, made real.

Production systems and playful experiments. Different problems, the same care.

6 projects

01 / Featured creation

Business Central

Smart Retail Platform

Built a retail management system from scratch for merchants, staff, and administrators, with POS workflows, dashboards, and backend services. It supports offline-first sales, Bluetooth thermal printing, and AI-assisted business queries.

Flutter / Go Fiber / Next.js / PostgreSQL / BLE Printing / Docker

Project notes
  • Offline-first local storage and a sync queue support sales in unreliable network conditions.
  • Bluetooth Classic and BLE thermal printing with configurable formatting and layouts.
  • AI-assisted business features use structured data queries and context-based responses.

02 / Mobile + Backend + HealthTech

Pistil

Women's Health Platform

Contributed to frontend and full-stack development across a women’s health platform for customers, clinics, pharmacies, and administrators. Built interfaces, integrated APIs, and improved workflows and data handling across web and mobile.

React Native / Laravel / Express.js / MySQL / WebSockets

Project notes
  • Built user interfaces for customer, clinic, pharmacy, and admin systems.
  • Integrated APIs and improved system workflows and data handling.

03 / Desktop + Mobile + Systems

SingBox Manager

Network Proxy Suite

Built a lightweight Go service for VPN server management, with configuration generation and client management designed for low-resource VPS deployments.

Flutter / Rust / WebSockets / Chart.js / Linux / macOS

Project notes
  • Generates VPN configurations and supports client management.
  • Designed for deployment on low-resource VPS instances.

04 / Creative Dev + 3D WebGL + Frontend

Elemental Stick Man Realm 3D

Browser-based action game with elemental fighters and a living 3D world

Developed a browser-based 3D game world inside the portfolio. Elemental stick figures roam and spar; visitors can choose fighters, battle AI opponents, and cast character-specific spells. Built custom character animation, real-time combat systems, and procedural spell effects with Three.js.

Three.js / Next.js / TypeScript / Web Audio API / Tailwind CSS

Game features
  • Open-world simulation with 28 roaming characters across 14 elements, with movement, dialogue, duels, and other ambient behaviors.
  • Choose a fighter and battle AI opponents in a real-time arena using movement, jumps, punches, kicks, and elemental spells.
  • Combat includes health and energy, spell cooldowns, shields, status effects, and powerful character transformations.
  • Each element has its own spell set, custom 3D effects, character animations, and synthesized audio.
  • AI-driven character dialogue and element-based themes connect the game world to the portfolio sections.

05 / Mobile + E-Commerce

Smthgood

Conscious Fashion Marketplace

Migrated Smthgood’s Flutter mobile app to a scalable Next.js web platform, building seller dashboards and admin tools while improving API integration, data flow, and deployment.

Flutter / Next.js / Node.js / Stripe / AWS S3

Project notes
  • Built seller dashboards and admin systems with improved workflows and usability.
  • Integrated frontend features with backend APIs and improved data flow.
  • Managed AWS infrastructure and deployment pipelines with CI/CD.

06 / Mobile + Logistics

QuickFood

Delivery & Merchant Logistics

Built the QuickFood Rider and Merchant Flutter apps from scratch and shipped them to the App Store and Google Play. The apps support authentication, order management, support messaging, payments, delivery navigation, and real-time location updates.

Flutter / Firebase / Google Maps SDK / WebSockets

Project notes
  • Integrated backend APIs for payments, chat, and platform services.
  • Implemented delivery location tracking and real-time communication with WebSockets.
  • Optimized app performance and added deep linking for navigation.

02 / Experience

Built on real work.

From live mobile systems to enterprise platforms. A few places I’ve put the work in.

01

Jan 2024 – Dec 2025

Remote

Mid-Level Full-Stack Developer

Singtecs Co., Ltd (Singapore)

Engineered scalable enterprise production applications spanning React, Next.js, Flutter, and high-throughput Node.js microservices with NestJS and Express.

Highlights & technologies
  • Designed and deployed high-traffic REST/WebSocket APIs with PostgreSQL, MySQL, and MongoDB for internal and clinical platforms.
  • Delivered cross-platform mobile and web systems with offline-first synchronization and real-time reliability.
  • Integrated AI conversational assistants and operational automation pipelines that boosted team efficiency by 35%.
  • Optimized backend queries and client bundles, slashing API latency by 40% and cutting asset load times.

Next.js / React / Flutter / NestJS / PostgreSQL / MongoDB / Docker / AWS

02

Oct 2023 – Jan 2025

Remote

Cross-Platform / Frontend Developer

Smthgood Co. (Singapore)

Spearheaded the architectural migration of an existing Flutter mobile app into an ultra-responsive Next.js e-commerce platform.

Highlights & technologies
  • Built merchant seller portals, multi-tier product catalogs, and high-converting checkout flows with smooth animations.
  • Engineered intelligent API caching and optimistic state management for lightning-quick client interactions.
  • Managed cloud deployment pipelines across AWS EC2, S3, and CloudFront using automated GitHub Actions CI/CD.
  • Decreased initial page load time by 45% through dynamic code-splitting and asset compression.

Next.js / TypeScript / Flutter / Tailwind CSS / AWS / CI/CD / REST APIs

03

Jan 2023 – Aug 2023

Onsite

Flutter Mobile Developer

EfficientSoft Co., Ltd

Created and shipped QuickFood Rider and QuickFood Merchant applications to the Apple App Store and Google Play Store.

Highlights & technologies
  • Engineered live GPS driver tracking and real-time order status feeds via WebSockets and Firebase.
  • Integrated seamless payment gateway flows, instant customer support chat, and push notification triggers.
  • Refactored Flutter state layers using BLoC and Riverpod, ensuring 60fps animations across diverse mobile devices.

Flutter / Dart / WebSockets / Google Maps API / Firebase / iOS / Android

03 / Tools of the craft

Many tools. One mindset.

I choose the stack to suit the problem, then take care of the details.

TOOLSET / 01

Frontend

Interfaces with intention.

  • React / Next.jsSSR, App Router, Server Actions, Performance
  • TypeScriptStrict typing, Generics, AST manipulation
  • Three.js / WebGL3D Scene graph, Shaders, Procedural Meshes
  • Tailwind CSSDesign systems, responsive layout, animations
TOOLSET / 02

Mobile

Native feel. Shared foundations.

  • Flutter & DartCross-platform iOS/Android, Custom RenderObjects
  • React NativeExpo, Native Modules, JSI, Reanimated
TOOLSET / 03

Backend

The systems behind the experience.

  • Node.js / NestJSMicroservices, REST, WebSockets, BullMQ
  • Go (Golang)High-speed microservices with Fiber, Goroutines
  • PostgreSQL / MySQLIndexing, Query plans, Relational architecture
  • MongoDB / RedisDocument stores, Pub/Sub, Low-latency caching
TOOLSET / 04

Cloud & DevOps

Ship with confidence.

  • Docker & ContainersMulti-stage builds, orchestration
  • AWS Cloud ServicesEC2, S3, CloudFront, Lambda, RDS
  • CI/CD PipelinesGitHub Actions, automated tests, zero-downtime deploy
TOOLSET / 05

AI & Tools

A little beyond the expected.

  • LLM & AI ToolingGemini, OpenAI, LangChain, embeddings, agentic workflows
  • Web Audio APIProcedural audio synthesis, polyphonic oscillators

04 / A conversation

Curiosity welcome.

A quick guide to my work, experience, and the world on this page.

Follow your curiosity.

Pick a question or ask your own. This guide answers from the portfolio, right here in your browser.

Portfolio guideLocal / No sign-in
Guide

Welcome to the archive. I'm Lon Shan's portfolio guide. Ask about my experience, the products I've built, or the elemental magic on this page.

05 / Make something matter

Your next idea.
Our next creation.

Have a project, a role, or just a good question?

Emaillonshan3010@gmail.com
Phone(+66) 0641618200
Websitelonshan.com
LocationBangkok 10260, Thailand

GitHub · github.com/lonshanworld LinkedIn · linkedin.com/in/lon-shan-336699db