Hi! My name is Kai. I have a strong ability to learn new things and strive to become an excellent Front-End engineer.
Hope to create a good User Experience (UX) for users and bring efficent productivity and high-quality code to the company.
🔗 PDF version of my resume and portfolio

• National Taiwan University                        2019/09 - 2021/10
  Master of Engineering in Computer Science & Information Engineering
• National Chengchi University                    2014/09 – 2019/06
  Bachelor of Science in Computer Science

• Specialize in React: React hooks, Next.js, Redux (thunk, saga), CSS-in-JS, Tailwind
• Make development smoother: Typescript, Webpack, Vite, Cypress, Accessibility (a11y)
• Full stack capability: Python, Node.js, RESTful, Flask, RDBMS, NOSQL, ORM, C++, Docker
• Workflows: Git flow, Microservice, Scrum, Kanban, CI/CD

• Built with: VanillaJS
• Github Link / Demo Link

• A breakout-clone game which can hit the HTML elements.
• Users can use the mouse to control the bottom paddle.
• Implemented without using 3rd party lib, only Bootstrap is used to quickly build some HTML elements.
• Using window.requestAnimationFrame, CSS transition to control the game flow.
• Currently work in progress, every day it may have some updates.

• Built with: React, canvas API
• Github Link / Demo Link

• A React component which can provide particle effects like constellations in a starry sky.
• Users can use the mouse to interact with the particles.
• The particles and animations is implemented using canvas API and window.requestAnimationFrame.
• Use React Hook to encapsulate into a single component.

• Built with: React, Redux, Material-UI
• Website / Introduction of the Platform

image source: codingbar medium

• Codingbar is an online programming education platform, including interfaces for students, teachers and administrators.
• Led the frontend architecture design and implementation of v2.0 platform.
• We utilized Monaco Editor with our real-time linter to build the online coding editor.
• Developed an online blockly editor for coding block-based visual programming languages using Microsoft Programming Experience Toolkit.

• Built with: jQuery, Bootstrap, Sass, Gulp
• Website

• Helped the company build an official website with RWD.
• Used Bootstrap as UI library, jQuery and Sass for interaction and animation, jQuery-i18n as locale management tool.
• Utilized Gulp as a toolkit for automation and packaging.
• Some pages used SVG and Canvas API to implement the animation.

• Built with: Python
• Using the algorithms of computer graphic, the input large picture is assembled into many small pictures.

📧 porkchopwork423@gmail.com
📱 0956-850-423