I like creating interesting products and solving problems through learning new ways. Constantly thinking about how to design a beautiful interface that is also user-friendly.
A successful front-end shouldn't be satisfied by simply finishing the UI mockup, but you also need to understand the context and reasons.
Skills
Front-End
- React
- Next.js
- Redux
- UI libraries:
Material UI、Ant Design - Testing: Jest、RTL
- eComm:
Shopify、WordPress - Git / GitHub / Bitbucket
- ESLint
- Prettier
Optimize and Event tool
- Google Analytics 4
- Universal Analytics
- Google Tag Manager
- Google Optimize
Design Tools
Adobe XD Photoshop Adobe Premiere
Experience
FLUX Inc. • Frontend Engineer
May 2022 - April 2024
- Using Typescript, Jest, RTL and Cypress to keep high quality for the e-commerce site, which is based on Next.js.
- Developing the intuitive control panel of a laser engraving machine and establishing real-time connection with the machine backend through WebSocket.
- Maintaining and updating a variety of WordPress websites, leveraging PHP for optimal functionality and user experience.
- Launching innovative Shopify e-commerce sites by using Liquid templating language to create bespoke online shopping experiences.
Tomofun • Frontend Engineer
Oct 2021 - May 2022
- Developed and implemented React and Next.js frameworks for ISR (Incremental Static Regeneration) architecture.
- Integrated CMS for global site management across over ten countries, leveraging Prismic API service for streamlined content updates and maintenance.
- Successfully enhanced web performance scores from 40 to 95, significantly improving user experience and site efficiency.
- Configured and managed Google Tag Manager (GTM) to efficiently handle all third-party scripts and tracking codes, ensuring a cleaner codebase and improved site performance.
Side Projects
MyTI - Collect your favorite Esport tours
- React、React Router for SPA, using custom hook for making a reusable calendar
- Implemented Firebase with database、chat room、third-party login、storage
- Created interactive information display visually by D3
- Python for fetching api data, turn into json documents
- Used Adobe XD to design all page's UI
One Day Trip in Taipei
- Applied MVC to front-end JavaScript
- RESTful API for all apis design
- RWD - use CSS Flexbox system
- Integrated TapPay for payment system
- Python Flask as backend solution
- Use MySQL database
- Solve MySQL’s auto-stop connecting by
- connection pool
- Nginx for AWS EC2 proxy
- Test api by Postman
Web Trainee • WeHelp Bootcamp
Feb 2021 - Aug 2021
- For half a year, we have arranged at least 60 hours of learning every week.
- Learning basic web knowledge and structure by practicing different types of projects.
- Finished a travel e-commerce website with Python Flask and JavaScript.
- Collaborating with other classmates, we produced a weather forecast website.
- Finished an Esport website by React and Firebase.
Web Editor & Analytic • ESGO
Apr 2019 - Dec 2020
- Managed the eSports GO website - Includes website events, layout design, and Google Analytics analysis. During the DOTA2 TI (The International) tournament, the website garnered a total of 150,000 visits over approximately ten days.
- Operated the Weibo account - Managed Weibo activities, increased follower count, and content creation.
- Conceptualized special content projects - Focused on the current season's events and collaborated with writers for invitations and article reviews.
Video Director • Freedom Media
Sep 2015 - Dec 2017
- Product sport TV program, online video.
- Scripts
- From pre-production through to the final edit.
