experience

2025.04
MammothCyber
Software Engineer
Industry / Cybersecurity
Ongoing work
React
Next.js
Remix
Vue
NestJS
Golang
PostgreSQL
AWS Cognito
2024.11
Bunastar
Frontend
Industry / Gaming
Southeast Asian Gaming Platform - Pok Deng (博丁)
  • Card Game State Machine: Implemented game state management for Pok Deng card game, handling betting, dealing, hand evaluation (flushes, straights, three-face cards), and payout calculation logic.
  • Real-time Card Trading: Built real-time card synchronization using React and WebSocket, enabling instant game state updates and player interactions.
  • Egress Game Engine Integration: Integrated Egress game engine with Canvas-based rendering, optimized performance using Sprite Sheet technique for efficient asset loading and animation.
  • Cross-domain Communication: Implemented postMessage API for seamless communication between React application and game iframe, handling game events and data exchange.
  • Analytics Integration: Integrated Google Analytics to track user behavior, game sessions, and key performance metrics.
React
WebSocket
Canvas
Egress
Sprite Sheet
Google Analytics
2022.12
Confetti
Full stack
Industry / Gaming
confetti.studio β†’
Live Preview
Y2K Landing page
Next.js
Tailwind CSS
Typescript
Cashing Platform
Routine maintenance. To enable users to interact with the payment interface seamlessly and intuitively.
React
Next.js
Node.js
Typescript
Gaming BO
In the middleware layer, the image access requirements for both frontend and backend must be effectively handled, ensuring robust handling on both sides.
aws-sdk
React
remix
Node.js
Typescript
2021.10
SCMP
Sr. Frontend
Industry / Media
scmp.com β†’
  • Optimizing SEO performance, with a specific focus on addressing LCP (Largest Contentful Paint) issues
  • Enhancing the business logic to stay current with the latest content updates
Vue
Typescript
scmp.com/infographic β†’
  • Routine maintenance
  • Optimized SEO for components handling multiple image files, implementing lazy loading to optimize requests.
React
Next.js
Vue
Node.js
GraphQL
scmp.com/*
  • Routine maintenance
React
Next.js
Vue
Node.js
GraphQL
scmp.com/yp β†’
  • Routine maintenance
  • For newspapers targeting different age groups, adopting a vibrant and dynamic UI to enhance user engagement and satisfaction.
React
Next.js
Vue
Node.js
GraphQL
2020.11
Futuresai
Frontend
Industry / Finance
www.futures-ai.com/monitors/os-futures β†’
Live Preview
  • Membership system: Next.js monorepo with multiple subscription tiers and customizable products
  • Real-time market insights: Live trading strategy articles with graphical analysis for various commodities
  • Data analytics: Algorithm-driven financial insights platform
React
Typescript
Next.js
emotion
SignalR
Trading dashboard
  • Futures and options trading platform
  • React/Next.js rewrite with monorepo architecture
  • SignalR integration for real-time market data streaming
  • Investment analysis tools for banking partners
Typescript
React
Next.js
firebase
emotion
SignalR
Admin management system
  • Subscription and product management interface
  • Real-time SMS notifications
  • Line push notifications with rich media
firebase auth
Redux
React
Auth member service
  • Middleware Backend: Firebase authentication integration with custom membership logic
  • Data Handling: Custom data processing for subscription management
Node.js
expressjs
2019.12
COVID-19
2018.7
Dentalltw
Frontend
Industry / Healthcare
Dentall Clinic Management System β†’
Live Preview
  • Built desktop and mobile apps for dental clinics to manage patient records, appointments, and billing
  • Integrated with Taiwan National Health Insurance system to sync patient treatment data
  • Developed prescription generation and visual documentation features for dental procedures
.Net
UWP
C#
React
Vietnam Market Expansion
Localized clinic software for Vietnamese market with multi-language support and SMS notifications. Managed state across different regional features using Redux and Saga.
React
Redux
Redux-Saga
i18n
AI Image Classification Service
Collaborated with AI team to build and deploy a dental X-ray classification service. Set up Python web server and handled cloud deployment to automatically categorize images by tooth regions.
Python
Flask
uWSGI
Nginx
GCP
CI/CD Knowledge Sharing
Led technical workshop for cross-functional team on continuous deployment. Demonstrated how to integrate Golang services with cloud infrastructure using Docker and Kubernetes.
Docker
GitLab CI
Kubernetes
GCP
2018.4
SAVY
Front-end Intern
My First Journey
Built a volunteer platform connecting people with community service opportunities. This was my first professional coding experience, working with React to create an interactive feed where users could discover events and coordinate donations.
React