Allen Chou

Frontend Engineer
We are what we repeatedly do. Excellence, then, is not an act but a habit.   -- Aristotle 

  [email protected]   886 972939943   eepson123tw 施周杰

WORK EXPERIENCE  

April 2022 - 

present

Web Developer, Starlux Airlines

TypeScript / Vue 3 / Restful API / Self-Made-UI

Comprehensive Web Development and System Optimization 

Design websites using Vue.js and its UI building tools.

  • Designed project architecture and page routing flow, ensuring intuitive user experience.
  • Built a comprehensive Vue framework component library, enhancing UI consistency and functionality.
  • Authored Dockerfiles and orchestrated CI/CD processes, streamlining deployment and integration workflows.
  • Focused on performance optimization, ensuring high responsiveness and ongoing version maintenance.
  • Collaborated with UI/UX teams on Storybook component library design to maintain a cohesive design language.
  • Managed multi-language environments (i18n), ensuring broad application accessibility across diverse user bases.
  • Implemented DevOps methodologies, including continuous integration (CI) and continuous deployment (CD), utilizing Docker container technology for efficient development processes.

Construction Project and Data Structure Design

Focus on designing folder architecture, routing, components, and functional logic

  • Formulated the project's folder structure and format rules as organizational strategies.

  • Strategized the overall project folder structure and file location.

  • Developed generic components and functional designs.

  • Utilized Vite packaging tools to optimize front-end projects, boosting build speed and enhancing code efficiency
  • Utilized Vitest tools for unit testing, ensuring code quality and enhancing application/system stability.

Achievement Project

  • Implemented Storybook to visualize components, facilitating efficient communication between the UI/UX and front-end teams, and shortening time for user requirement discussions.
  • Presented an AI collaborative briefing, experimenting with a self-made GPT-4 Agent within the organization to enhance development speed and accuracy.
  • Refactored old Vue2 projects to Vue3 and Vite bundler, and improving packaging speed from 165.10s to 41.49s, improving over 70%.
  • Crafted a custom Vue3 component library, reducing dependency on third-party libraries and project package size.

April 2021 - 

April 2022

Frontend Engineer, ShengJin Integrated Service

JavaScript (Vue.js, Nuxt.js) / Restful API / Vuetify

Big Data Visualization and Presentation

A Website helps users to see analysis with data visualization charts, developed by Nuxt.js /vue.js

  • Collaborated with team members, including PM, UX, FE, BE, QA, SA.
  • Built web from 0 to v1 with a 100% achievement rate in every scrum phase.
  • Responsible for creating new features, integrating Restful API, modularizing UI components,
    SEO optimization , algorithm sorting data and hierarchical data linkage.

Construction Project and Data Structure Design

Design folder architecture, routing, components, functional logic

  • Design the overall project folder structure and file location.
  • Generic components and functional design.
  • Make code writing rules , SCSS rules, git commit rules.

Other Achievement for FE Team

  • Developed Vue Common Components and Function to help team members and internal UI Components Library.
  • Knowledge sharing, like how to make code clean,how to make a visualization website, how to build the Accessibility website in technical workshop. 

EDUCATION  

Tamkang University of Japanese Department         Bachelor of Japanese                                                           Sep 2011 - June 2015

SKILLS & LANGUAGES  

Programming

  • HTML
  • CSS
  • JavaScript / TypeScript
  • SCSS / SASS
  • Vue2 / Vue3
  • Nuxt.js
  • Node.js
  • React 18.2

Other Tools

  • Tailwind / Bootstrap / UnoCSS
  • Vuetify / Chakra
  • Git / Git-flow
  • Github / Gitlab 
  • Webpack / Gulp / Vite
  • JIRA / Trello
  • Swagger
  • Notion
  • Postman
  • Linter(Eslint / Prettier /commit-lint)

Library

  • Lodash
  • Apache EChart
  • highcharts
  • vue draggable
  • D3.js
  • P5.js
  • SheetJS
  • Three.js
  • React-Three-Fiber

Languages Mandarin (native) / English (TOEIC 560) / Japanese (JLPT N1)

SELECTED PROJECTS  


Starlux Airlines Experience

Frontend Developer with Comprehensive Project Experience in Aviation Industry at Starlux Airlines. 

  • Utilized Vue2 and Vue3 framework for the development of all Frontend related projects.
  • Projects spanned various departments including fuel services, aircraft maintenance, procurement, human resources, and planning . 
  • Engineered data-driven reporting solutions, ranging from interactive chart visualizations to complex procurement process analytics.
  • Collaborated with UI/UX designers for frontend integration and backend engineers for RESTful API consumption in system development.
  • Responsible for system architecture planning, implementing design patterns for logical process efficiency, code refactoring for optimization, and enhancing system performance metrics.

Visual Vote Library

SSR data visualization analysis Website, developed by Nuxt.js

  • use Nuxt.js framework for SEO optimization.
  • with the Apache ECharts visual library, the multi-level complex information is presented in a visual way to improve the user experience. 
  • use third-party libraries to achieve functions such as outputting Excel forms and social software sharing. (sheet.js/vue-social-sharing) 
  • algorithm sorting data and hierarchical data linkage 
  • and supports RWD on mobile and tablet devices, to create an excellent user experience.
  • programming development for Front-end folder structure, routing design, visual block page, announcement list page, FAQ page.

Demo

Visual Vote Library(Backstage)

 the data visualization analysis Website Backstage, developed by Nuxt.js

  • Using Nuxt framework, develops background pages and overall architecture.
  • Componentized development with TypeScript type checking and using the Vue Class Component plugin
  • use libraries like VueDraggable to improve the UX experience, Lodash to optimize data processing, etc.
  • Manage the views presented at the frontend of the Visual Vote Library.

MY SIDE PROJECT  

LastMile

This side project is designed to provide users with an easy way to find affordable airfare. It features a visual chart segment that analyzes the top three airlines in terms of current traffic and passenger volume, offering users a comprehensive understanding of the aviation sector. Additionally, it employs Three.js technology to create an engaging questionnaire section, enhancing the interactive and enjoyable aspects of the user experience. 

Stack: React/Three/Vite

Link

GPT Audio

This side project utilizes GPT Transition and Audio APIs to provide users with a key point extraction tool. It is capable of identifying timestamps in audio files and uses specific prompts to summarize and highlight each key point. This tool will be particularly valuable for users who need to extract essential information from extended recordings. 

Stack: HTML/GPT API/Vite/CSS/JS

GitHub Link

Portfolio

Portfolio page.

Stack: React/Three/Vite/Tailwind CSS

Link