React
React Native
TypeScript
Next.js
Angular
HTML
Sass / CSS
GraphQL
Jest
Cypress
Playwright
GitHub
Bitbucket
Trello
Jira
2012 - 2016
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.
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.
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.
2016/07 - 2017/02
React
React Native
TypeScript
Next.js
Angular
HTML
Sass / CSS
GraphQL
Jest
Cypress
Playwright
GitHub
Bitbucket
Trello
Jira
2012 - 2016
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.
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.
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.
2016/07 - 2017/02