Hey, this is Ruo-Fang (Karen).
Product-minded Frontend Engineer with 3+ years of experience building scalable web and Electron applications using React and TypeScript.
Featured Portfolios
Korean Saju AI
An AI-powered Korean fortune (Saju) reading app built with a Next.js/TypeScript frontend and stateless FastAPI backend. Cut LLM generation cost ~75% via cache-eligible prompt restructuring and Python-precomputed, chart-specific relationships. Includes Redis-backed rate limiting and full EN/KO/TC localization with a custom design system.
View Page
Winds Meet AI
A full-stack AI search assistant (React 19 + NestJS + OpenAI GPT-4o) that streams responses token-by-token over SSE, with live "thinking step" animations. Features resilient state handling, daily token-usage limiting, response caching, performance optimizations (React.lazy, debounce, React.memo), and a bilingual (English / Traditional Chinese) UI with auto language detection.
View Page
Image Color Picker
Extract color values from temporarily uploaded images and capture the perfect palette with ease.
View Page
React - Weather in 7 Days
A versatile weather forecast web app, enabling users to plan trips and outfits with a 7-day outlook. The app offers seamless mode switching (light/dark). Integrated Chart.js for intuitive data visualization. Designed UI with Adobe XD and developed using React, SCSS, Bootstrap, and Chart.js. Employed location and weather APIs for data retrieval.
View Page
Redesigned Astronomy Picture of the Day (APOD)
A revamped NASA APOD web app for an enriched user experience. Integrated NASA's APOD API, featuring a specialized dark mode for an immersive astronomy experience. Built with Javascript, SCSS, and Bootstrap for seamless functionality and aesthetics.
View Page