Ltvrqbfmfxflmbqvqong

方暐傑

Roy Fang

[email protected]| +886 0975120370 |New Taipei City,Taiwan

Front-end engineer


I have three years front-end and one year full-stack development experience, being passionate about web development and problem solving. Also love to dig in web related technology and build web with delightful user experience.

Education


Tamkang University, 2010 - 2014

Graduated from Information and Library Science department.

Front-end Skills


HTML & CSS

  • HTML
  • CSS
  • Responsive Web Design(RWD)
  • Sass

Javascript & Framwork

  • Modern Javascript(ES5, ES6, etc)
  • Typescript
  • React / React Router / Redux / Redux-Saga / Reselect / NextJs
  • Vue / Vue Router / Vuex / Nuxtjs
  • Apollo GraphQL
  • styled-components
  • styled-system

Preprocessing tools

  • Webpack
  • Babel
  • Gulp

Test Framwork

  • Jest
  • Enzyme
  • React Testing Library

Other

  • Git & Git Flow
  • NPM
  • Yarn
  • Chrome Dev Tool

Back-end Skills


Language

  • Nodejs
  • Python
  • Go

Nodejs & Framwork

  • Express
  • Koa
  • hapi/joi

Database

  • PostgreSQL
  • MongoDB
  • CockroachDB
  • Redis
  • Firebase

Cloud

  • GCP
  • Heroku

Deployment

  • Docker

Other

  • GraphQL
  • Typeorm
  • Mongoose
  • Nginx
  • PM2

Work experience


BitoEX Co.Ltd | Senior front-end engineer |  Sep 2020 - Now


Use React and Nextjs to develop Crypto exchange web.

- Refactor crypto exchange web and manage the project to insure structure.

- Performance tuning, including reduce re-render, code splitting and bundle size.

- Share my knowledge and news with co-workers to exchange opinions.


Deep Codify Co.Ltd | Senior front-end engineer | July 2019 - June 2020


Use React to develop web and web app for Shopify, also build backend with Nodejs and Koa.

- Use React.memo, useMemo and useCallback to optimize component for reducing re-render.

- Use React router combines with lazy loading to reduce js bundle of landing page by 200kb. 

- Img srcset combined with different size image to show respective images according to device width.

- Use Koa to develop several application back-end. 

- Refactor back-end report api to reduce 1.5 second response time.

- Wire up PayPal payment service.


PressLogic Co.Ltd | Front-end engineer | April 2019 - June 2019


Use React to build data visualization web app.

- Build reusable components on Storybook for team members.

- Add debounce technique on button and search bar to reduce the number of calling API by 30%.

- Replace setInterval with requestAnimationFrame to implement animation to make it smoothly and improve performance.

- Wire up Redux to manage global state.


CORREMAX International Co.,Ltd. | Front-end engineer | June 2017 - October 2018

Develop and maintain official website with HTML, CSS, SASS, Javascript, jQuery and use React to refactor CMS.

- Use React to refactor CMS front-end with team.

- Use Sass mixin feature to reduce repeated CSS.


FOREMOST groups, Inc | Front-end engineer | April 2016 - April 2017

Develop and maintain official website with HTML, CSS, Javascript, jQuery.


- Make effect and animation with CSS and jQuery for web.

- Adjust RWD to fit different device for website to increase usability.

Projects

Paragraph image 03 00@2x

Deep Codify website


  • Use React.memo, useMemo and useCallback to optimize component for reducing re-render.
  • Implement internalization through react-i18next.
  • Wire up Google map API.
Tech stack:
Front-end: ReactOvermindjsTypeScriptreact-i18nextstyled-component

Paragraph image 03 00@2x

PressLogic MEDIA LENS


  • Use Next.js to implement SSR.
  • Connect GraphQL back-end with Apollo GraphQL.
  • Highcharts for Data visualization.
  • Wire up Redux to manage global state.
  • Develop several reusable components for whole team.
  • Replace setInterval with requestAnimationFrame to implement animation to make it smoothly and improve performance.
Tech Stack:
Front-end: ReactRedux, redux-thunkTypeScriptNext.jsApollo GraphQLstyled-component

Back-end: GraphQLNode.js

Paragraph image 03 00@2x

CORREMAX website


  • Develop CMS front-end interface.
  • Use React to refactor CMS front-end with team.
Tech Stack:
Front-end: HTML, CSS, SASS, Javascript, jQuery, React, Redux

Paragraph image 03 00@2x

FOREMOST website


  • Make effect and animation with CSS and jQuery.
  • Wire up back-end and third party API.
Tech Stack:
Front-end: HTML, CSS, Javascript, jQuery

Side projects

Paragraph image 03 00@2x

Dolphin ui

  • Use React and Storybook to build component library.
  • Integrate with styled-component and React hooks.
Tech Stack
Front-end: React, styled-component, Storybook
Paragraph image 03 00@2x

Grace - Cloud service website

  • Make effect and animation with Javascript and CSS.
  • Implement RWD for various device.
  • Follow BEM to control CSS naming.
Tech Stack
Front-end: HTMLCSSSassBootstrapRWDJavascriptJQuery
Paragraph image 03 00@2x

Expense record web app


  • Connect Firebase to store data.
  • Support Google account sign in.
  • Use Redux to manage app state.
  • Heroku Deployment.
Tech Stack
Front-end: Sass, RWD, Javascript, React, Redux
Back-end: Express, Firebase, Heroku
Powered by CakeResumePowered by CakeResume