Wistron Medical Technology
#Web development
#Headless CMS
Role: Independent Full-stack Developer
This project is the official corporate website for Wistron Medical Technology, designed to showcase their medical innovations, smart healthcare solutions, and corporate information to a global audience. Independently responsible for the entire full-stack development using a Headless WordPress architecture. I built both the backend CMS API integration and the modern frontend interface, accurately bringing the provided UI/UX designs to life.
Tech Stack: React / Vite / React Router v7 / Typescript / Tailwind CSS / Headless WordPress / REST API / GraphQL
合盒 - theBox
#E-commerce
#Full-stack development
Role: Full-stack & UX Design
This e-commerce platform empowers users to intuitively customize various types of paper packaging online and seamlessly purchase related accessories. I was responsible for the entire full-stack development (front-end and back-end), as well as contributing to the UX design to ensure a smooth and user-friendly customization process.
Tech Stack: React / Next.js / Javascript / Firebase / Chakra UI / Node.js / ECPay Payment Gateway
Note: website is currently available only in Mandarin.
Funfool
#Shopify
#Video Agency
#Data Tracking
Role: Shopify / Front-end Developer
This website was built for a creative agency specialising in short video editing. It serves as a dynamic digital portfolio to showcase their successful case studies and attract potential clients. I was responsible for building and customizing the site using Shopify. By writing extensive custom Liquid code, I provided the client with highly flexible sections, allowing them to easily update and manage content from the admin panel after deployment. Additionally, I integrated Microsoft Clarity and Google Analytics (GA) to help the team track user behavior and optimise their marketing strategies.
Tech Stack: Shopify / Liquid / JavaScript / Google Analytics / Microsoft Clarity
Note: website is currently available only in Mandarin.
SMC Taiwan
#Campaign Page
#Scroll-driven Animations
#B2B Content
Role: Front-end Developer
Over the past decade, Taiwan's optoelectronics industry has experienced tremendous growth while encountering various challenges. Developed for SMC Taiwan, this campaign website serves as an interactive editorial platform that invites users to explore diverse industry perspectives. I was responsible for the front-end development, focusing on smooth scrolling interactions, elegant typography, and responsive design to deliver an engaging and professional reading experience.
Tech Stack: React / Custom JS/CSS Animations / D3.js
Note: website is currently available only in Mandarin.
Ooopen Lab
#User-Generated Content
Role: Front-end Developer
This website is primarily designed for users to create their own content, such as psychological quizzes, score challenges, surveys, and more. I was in the team from 12/2022 to 8/2023. Primarily responsible for the development of psychological test, dodging runway modules, and the frontend interface.
Retired materials' story
#Interactive web
#Gamification
Role: Front-end Developer
This website uses gamification to create interaction, allowing users to understand the principles and characteristics of retired materials, and to learn about common retired materials in daily life. I was responsible for the entire front-end development of the website.
Note: website is currently available only in Mandarin.
