方暐傑

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

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: React, Overmindjs, TypeScript, react-i18next, styled-component

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: React, Redux, redux-thunk, TypeScript, Next.js, Apollo GraphQL, styled-component

Back-end: GraphQL, Node.js