魏恩廷 Tim Wei

Frontend software engineer with 6+ years of experience

#React #GraphQL #Typescript #XState

#KRPano(VR/panoramic images)


Primarily focused on building user friendly and well-performance websites, learning new techniques, contributing tools & libraries to developers.


Phone: 0988003190 

Email: [email protected] 

Github: https://github.com/shinenic/resume  

LinkedIn: https://www.linkedin.com/in/kadenz-wei/

Experience

MEXC, Software Engineer, Jun 2023 ~ Now

React, Typescript, Ant design, Next.js, Sentry

  • Maintain data display webpages and admin dashboard systems
  • Enhanced webpage performance by 25% and reduced memory usage by one-third using sorting algorithms
  • Identified and resolved webpage crash errors caused by browser extensions, improving stability through refactoring and documentation
  • Led coding style rule establishment and react-testing-library configuration

Shypyard, Software Engineer, Feb 2022 ~ Mar 2023

React, Typescript, GraphQL, XState, Ant design, immer.js, styled-components, Sentry

  • Build internal tools for measuring the performance and comparing the difference while developing new components
  • Find the app's bottleneck and improve the speed of editing a huge form by 3x faster via the chrome performance tool
  • Improve the speed of rendering lazy-loadable content by 2x faster
  • Use optimistic responses and handle complex logic to improve UX
  • Introduce XState to make complex UX flow simpler and easier to debug
  • Develop a complex table component similar to Excel

Linker Networks, Frontend software engineer, July 2021 ~ Feb 2022

React, Typescript, GraphQL, Konva, Next.js, Fluent UI

  • Maintain annotation labeling platform web application
  • Improve performance while annotating shapes & zooming an image
  • Migrate i18n translations into customizable configuration

Taiwan Rakuten 台灣樂天市場, Frontend software engineer, Nov 2019 ~ July 2021

React, GraphQL, XState

  • Handle API Data via Apollo GraphQL and build new page with React hooks
  • Work with foreign team and handle LINE transaction API
  • Introduce new technique to improve development efficiency and development experience
  • Lead to refactor legacy code and design API schema

Education

National Taipei University of Technology 2013 - 2017

Computer Science and Information Engineering


Side Projects     Code, Features, Demo: https://github.com/shinenic/resume

A-Tree (Chrome extension for Github users) - 2021

Chrome Extension: Chrome web store
A chrome extension for helping Github users to browse code & review pull requests effectively.
It provides tree view, file search, switch between commits/pulls, etc.

-  React

-  Material-UI

-  React-window (Apply virtualization for large repositories and pull requests)

-  React-Query

-  Webpack


National Taichung Theater VR Tour - 2021

A web application that provides user to visit National Taichung Theater via VR and get information about each floors.
Using KRPano(VR software)'s API to migrate React to implement SPA and build smooth UX flow with XState.

-  React

-  XState

-  KRPano (VR/Panoramic Images)


React-Krpano-Hooks (Npm Library) - 2021

A npm package migrates KRPano into React as a hook with strong types, KRPano is a software for showing all kind of panoramic images on the web, so this hook connects between React & KRPano's Javascript API to make developers use the KRPano more easily.

-  React hooks

-  TypeScript

-  Webpack

-  Babel


Skills


HTML & CSS

  • Familiar with CSS, BEM, CSS Module, SCSS
  • Familiar with RWD 
  • Familiar with handling browser compatibility issues



JavaScript

  • Familiar with ES6
  • Familiar with Webpack
  • Experienced in Typescript


React

  • Familiar with React, hooks
  • Familiar with Next.js
  • Familiar with Apollo GraphQL Client
  • Experienced in React-Router
  • Experienced in Optimizing Performance


Other related

  • Familiar with Prettier & ESLint
  • Familiar with Git and GitHub 
  • Familiar with GraphQL
  • Experienced in Babel and Webpack
  • Familiar with KRPano
  • Familiar with XState
  • Familliar with Building Chrome extension


Test

  • Familiar with React-testing-library
  • Experienced in cypress
  • Experienced in Jest, Enzyme


Studying

  • Model-based testing
  • Functional programming
  • Firebase