Front-endAPIsReactFinance

2021 Apr - 2022 Apr

One Account Admin

Duration

12 months

My Role

Sr. Front-end developer

Responsibility

React, MUI, SASS, Jest

Company

Good Finance, Taipei, Taiwan

Project Overview

01. Objective

Due to there are many business unit and service with different account system, we would like to integrate all in one to help work stability and efficiency.

02. Role & Deliverables

In this project, I worked closely with Designers, PM and back-end engineers. I was responsible for the end to end web design, from PRD to front-end implementation and API handling.

03. Challenges

I am the first one front-end developer in this company, so that there are many standard and rule what I have to clearify, then make a scalable web structure.

04. Outcome & Impact

After launched the one account admin that decreased repetitive work for open account, when customers register new service we can maintain and update the same account. Save 30% of working time.

Situation

Good Finance is one of tranditional securities company, some services were performed long ago by outsourcing companies. It makes employee increasingly difficult to maintain.

However, With the development of a new product, we decided to solve this heavy burden.

Additionally, the global financial services kept rolling out new content and features worldwide, which may not be an optimal experience to current market, it also affected the new product in many aspects.

old services

Task

Because of there are many legacy service have to maintain with new product, I have to understand existing domain knowledge and propose a scalable structure plan, so that here are tasks to do:

  • PRD discussion
  • Frontend technical specification.
  • Refactor old systems.
  • Define API data specification.
  • Technological selection for product.
  • Ensure browser compatibility.
sequence fiagram

Action

I am the first one frontend developer in this company, and worked very closely with designers and backend developers on the implementation of the features and in some cases even had my hands on project management to help team work and better understand the development process.

React.jsSASSKeycloak.jsMUIDate-ioReact-hook-formReact-pdfJestFigma

The front end build process included the use of Gitlab CI/CD for automated tasks to speed up development and Git for version control.


Result

one account admin home pageone account admin list pageone account admin profile page