Frontend Engineer  •  SHOPLINE Technology Corp., Ltd.

2021/09 - Present

Shopline is a platform that enables user to establish their online presence. As a front-end engineer within the team, I participated in various projects and functionalities in a task-oriented manner：

• Manage/User Interface

  • In charge of all store-related functionalities, such as product management, event management, and member management.

  • The project has a large-scale architecture, and the front-end interface is developed using Angular.js and React frameworks. Redux Saga is employed to manage data in the React portion, and Axios is used for API integration.

• Data Dashboard

  • This platform allows store owners to monitor the performance and data of their shops. 

  • React serves as the primary framework, with data management predominantly relying on useContext. API integration is handled using the fetch method, and data presentation incorporates various D3.js charts.

• Development Practices

  • Angular.js is paired with SCSS, while React utilizes styled-components to implement necessary styles.

  • Type checking is implemented in React using TypeScript, and a CI/CD process is triggered upon pushing to branches to ensure stability through unit tests and type checks.

• Workflow

  • Enable to prepare implement documentation independently or with cooperating front-end Engineer.

  • Implement features with over 80% coverage unit test by jest.

  • As the planner to refactor the member center and order page from Angular.js to React.js.

Frontend Engineer  •  KKday

2019/07 - 2021/09

At KKday, I participated in the development of Rezio, a system designed to empower suppliers to manage itinerary products, connect with sales channels, handle order inventory, and oversee website self-operations. The team size for each feature development typically ranged from 2 to 6 engineers. Unit tests were written using Jest. I was responsible for approximately five projects, encompassing both the back-end and its corresponding front-end components. Examples of my responsibilities include:

• Main System for Multilingual Use Platform (Web and App):

  • Developed a multi-language platform for suppliers to configure products, set up self-operated websites, connect with channels, and manage on-platform activities.

  • Utilized React Native, Expo, and MobX Tree for both app and web development.

• Self-Operated Booking Website:

  • Created a multilingual platform with search capabilities, shopping cart functionality, payment gateway integration, and e-invoice features.

  • Implemented GraphQL with React for Server-Side Rendering, and integrated GTM for GA and Pixel tracking.

• Internal Personnel Management Backend (Multilingual):

  • Served as Project Owner for the construction of a multilingual backend management system from scratch.

  • Integrated various front-end technologies including React, Next.js, GraphQL, and Next.js for data integration from source APIs.

• Rezio Official Website (Static with Dynamic Components):

  • Developed a simple static website for Rezio's official site.

  • Some dynamic data was maintained through Google Sheet integration.

  • The core structure was built using React and Next.js.

Web Designer   •  Match

2017/03 - 2019/03

• Involved in the UI/UX design process for web projects, ensuring a user-friendly and visually appealing interface.

• Implemented web page layouts according to project requirements through slicing and coding.

• Developed front-end functionalities such as data validation, parameter-based page rendering, dynamic effects, and other interactive features.

• Engaged in the creation and modification of PHP scripts to address specific project needs.