Fullstack engineer based in Taiwan. I build web apps with AI integration, data visualization, and modern frontend frameworks.
GIS Weather Demo | Taiwan Weather Monitoring Dashboard
Real-time weather data from 853 CWA stations on an interactive map. Spatial range queries with PostGIS, disaster alerts (high temp / strong wind / heavy rain), and dark mode. Source
Vue 3 / Quasar / Leaflet / Python FastAPI / PostgreSQL + PostGIS / Supabase / Fly.io
KnowBase Landing | AI Education Product Page
A product landing page for an AI-powered physics study assistant. Designed and built with Pencil.dev + hand-tuned CSS, featuring full RWD and warm editorial aesthetics.
HTML / CSS / Responsive Design / Pencil.dev / Cloudflare Pages
InBody Analyzer | AI Body Composition Tracker
Upload an InBody report photo → AI extracts measurements → trend charts → group leaderboard with gamification. 6 active users. Click "以訪客身份體驗" to try the demo.
Bun / Hono / SQLite / Claude Vision / Chart.js / Fly.io
DocuMap | AI-Powered Knowledge Mapping
Paste any text, and AI extracts key concepts and relationships, then renders an interactive knowledge graph with D3.js.
Nuxt 4 / Vue 3 / TypeScript / D3.js / Claude API
Physics Knowledge Base | AI-Driven Study Assistant
An AI agent that answers physics questions using a curated knowledge base of atomic notes. Supports concept lookup, problem solving, and quiz generation via natural language.
TypeScript / Bun / Agentic AI / RAG
Physics Knowledge Garden | Interactive Textbook Wiki
Transforms textbook content (including scanned PDFs) into a Wikipedia-style knowledge site with interlinked concepts for quick navigation.
Quartz / Markdown / Cloudflare Pages
Frontend: Vue.js, Nuxt, TypeScript, D3.js, Three.js Backend: Node.js, Bun, Python, FastAPI, PostgreSQL/PostGIS AI: Claude API, Agentic Workflows, RAG DevOps: Docker, Fly.io, Vercel, Cloudflare Pages, Supabase