我熱衷於探索設計、程式與互動體驗之間的可能性。
我喜歡從觀察使用者需求開始，透過設計思維與技術實作，將想法轉化為具有價值的數位產品與互動體驗。
我相信，好的產品不只是解決問題的工具，更是連結人與人、人與科技之間的重要媒介。
Yen-Chen Feng is passionate about exploring the intersection of design, programming, and interactive experiences.
Starting from understanding users' needs, she combines design thinking with technical implementation to transform ideas into meaningful digital products and engaging experiences. Her interests span UX design, frontend development, creative coding, and emerging technologies, with a particular curiosity about how people interact with technology.
For Yen-Chen, great products are more than tools for solving problems—they are bridges that connect people, ideas, and technology. She believes that thoughtful design and innovative technology can work together to create experiences that are both functional and meaningful.
- 🎨 Design & UX — Designing intuitive and engaging digital experiences.
- 🌐 Full-Stack Development — Building scalable, end-to-end applications with modern web technologies and robust architectures.
- 🤖 AI & Product Thinking — Exploring how AI can create meaningful user value.
- ✨ Creative Coding — Combining art, design, and code through interactive media and generative works.
🔗 Personal Website:
https://fengyenchen.com
🔗 HCI Portfolio:
https://hci-portfolio.fengyenchen.com
Front-end Development
Back-end & Database
Programming Languages
Design & 3D Creative
- Co Canvas - 結合 AI 對話與視覺化節點畫布的人機協作工具，使用 React、TypeScript、React Flow 與 Gemini AI，將對話結果轉換為可操作的節點與關聯。
- Pixel Art Generator - 一個以 React、TypeScript 與原生 Canvas API 製作的像素繪圖及圖片轉換工具。
- Soul Atelier - 一個融合 3D 互動視覺與 Gemini 2.5 AI 的人格測驗網站，採用 Next.js 、Tailwind CSS 和 R3F 開發。
- R3F Practice - 結合 3D 模型製作與 React Three Fiber（R3F），將作品整合至網頁中，打造流暢且具互動性的沉浸式體驗。
- Blog Vue - 用 Vue.js 框架與 Tailwind CSS 搭配的共享部落格。
- Magic Dispenser - 結合 React 3D 視覺前端與 Express 後端，對接 Neon PostgreSQL 雲端資料庫的物資販賣全端系統。