Hey, this is Ruo-Fang (Karen).
Product-minded Frontend Engineer with 4+ years of experience building scalable web and Electron applications using React and TypeScript.
Featured Portfolios
Winds Meet AI
An AI-powered game guide assistant for Where Winds Meet with a conversational interface for querying quests, exploration, and item locations. Features real-time streaming responses, caching, performance optimizations (React.lazy, debounce, React.memo), and i18n support for English and Traditional Chinese.
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