Resume

Xu Zhiyi (Zachary)

Front-End Engineer

Summary

Front-End Engineer with 7 years of experience and Javascript-based technologies (Vue2 / Vue3 / Typescript / Nuxtjs / Nodejs).

Learning new languages and technologies, especially JS-related, is what I am passionate about. Besides my ability to work well in a team, I can mentor tasks and review code for fresh members.

Areas of Expertise

Working Experiences

QiMao

November 2021 - Present

Project: Copyright Center, Official Website - https://ip.qimao.com/ - https://www.qimao.com/

• Description: Portal built with Nuxt

• Stack:

  • Nuxt, SCSS, Webpack, Sentry, PM2

• Position: Frontend Developer

• Responsibilities:

  • Responsible for Nuxtjs framework selection, infrastructure, skin change function, performance optimization, compatibility repair...
  • On the basis of server-side rendering, PWA is added to achieve performance optimization. The loading speed of the home page reaches 624ms, and the performance index of LightHouse reaches 99 points.
  • Added sentry for error log monitoring.
  • Promotion within the company, all toC business adopts this template.

• Accomplishments:

  • A 4-core 8G server QPS up to 1500.
  • Complete architecture design and performance optimization.

Project: Nuxt SSG Automatic Generate

• Description: Use Nuxt's own generation function to realize the automatic generation of protocols and active pages

• Stack:

  • Front-end: Nuxtjs + Vite
  • Back-end: Koa.js, JWT, MongoDB

• Position: Fullstack Developer

• Responsibilities:

  • Nuxt + Npm component library implements the preview function.
  • A generate interface using Koa, which mainly calls the generate function in nuxt, can generate files to the specified directory.
  • Configure nginx root to point to the specified directory to achieve SSG access.
  • The management background mainly implements dragging and dropping the npm component library, and fills in custom data, and clicks to generate to call the generate interface to automatically generate static pages.

• Accomplishments:

  • Good knowledge of Nuxt implementation principle.
  • Using low-code ideas to achieve static page output.

Project: Log Report SDK

• Description: SDK for log collection and reporting

• Stack:

  • Monorepo, TypeScript, Rollup

• Position: Frontend Developer

• Responsibilities:

  • Monorepo architecture design divided into three parts, namely core, tracing, utils package.
  • Core package is the base class, initialize to obtain server url, encryption key,max cache numbers, send interval time etc.
  • Tracing package is browser reporting, which inherits the core class. The main functions include log queue cache, delayed reporting, and reporting methods(post, get, image, beacon). Regarding the reporting method, a compatible downgrading process will be adopte.
  • Utils package is util class. The main functions include encrypt log, determine browser compatibility, obtain basic browser information, etc.

• Accomplishments:

  • Good knowledge of develop SDK or component library.
  • Architecture design and understanding of reporting methods.

Project: QiMao Statistics Platform、Infrastructure 、Recommend Management

• Description: Business indicators BI, AB testing, Error Collection and Analysis System, service flow configuration.

• Stack:

  • Vue2、Vue3、VueX、Antd-Design-Vue、VxeTable、EChart

• Position: Frontend Developer

• Responsibilities:

  • Responsible for system management refactoring to control multiple project permissions.
  • Automate indicator display through Echarts and configuration center.
  • optimize big data list, low-code drag and drop to generate form.
  • lazy loading to achieve loading speed of business market.
  • nginx+lua realizes gray release
  • Encapsulation filter item from , table, pagination components realize data viewing and filtering

• Accomplishments:

  • Good knowledge of utomatic generation of BI reports.
  • Grayscale release, low-code form.

Xsunt

March 2018 - November 2021

Project: OneLook3

• Description: Dashboard of the sales growth report of the company's products (various drugs), doctor's sales and SWOT analysis.

• Stack:

  • .Net Core3.0 WebApi、Vue2、ElementUi、HighChart、GoogleMap、PWA、IndexDB

• Position: Fullstack Developer

• Responsibilities:

  • the display of medical site maps, the development of some reports, the packaging of report components and the display of data configuration.

• Accomplishments:

  • Refactored the project to use vue.
  • use PWA + IndexDB to build a completely offline website.

Shanghai Internet Software Co., Ltd

September 2016 - March 2018

Project: Government Management information platform

• Description: Portal and declared website.
• Stack:
  • C#、JQuery、HTML、CSS
• Position: Fullstack Developer
• Responsibilities:
  • Platform construction and function development.

Side Projects

• ChatMate-GPT: ChatMate is a chat application based on Open AI GPT-3. Developed with React Native, supports Android and iOS
• IndexDB Promise: A lightweight indexdb promise

Education

Jiangsu Normal University of Computer and Science Sep 2012 - June 2016

• Major: Software Engineering
• Degree grade: Good

Pastimes and Activities

• I love new tech, tried chatgpt, threejs.
• I love outdoor activities (fitness, basketball, swimming...)
• I like video games, such as God of War series, Zelda series, Elden Ring.

Last updated: June 2023