• Over 5 years of web front-end development experience.
• Experience with front-end, back-end, and Flutter mobile application development.
• Experience with CI integration with Github.
• Experience with deploy processes like hosting websites on Google Cloud Platform (GCP) compute engine and Nginx config for https protocol.
• Being relentless in dig out the reason behind UI requirements. Evaluate tradeoffs between user-experience and software maintainability before implementation. Sometimes I would provide new options to designers to get balance between them.
• Have been a technical interviewer and mentor for junior engineers.
Core Skills:
• Programming: JavaScript, HTML, CSS, Sass, Less, TypeScript, Node.js, Dart
• Front-end: React.js, Next.js, Gatsby.js, Apollo Client, styled components, styled system, Ant Design, Material UI, Chakra UI, Ramda.js, Flutter
• Back-End: MongoDB, Express.js, Apollo Server
• Technologies: Webpack, Parcel, Esbuild, Nginx, Git, Redis, GCP, AWS, Notion, CodeSandbox, VSCode
I am interested in learning cutting edge technologies from online resources.
If you are looking for a software engineer who has passion to learn, grow, and try hard to improve user experience.
I would be an ideal candidate.
Feel free to email me at [email protected]
Senior Front End Developer
Taipei,TW
[email protected]
• Experience with building GraphQL api resolver with typescript NodeJS and MongoDB.
• Experience with website deploy to Compute Engine API on Google Cloud Platform (GCP).
• Collaborate with the marketing team to promote a new brand by building the landing page and the page for buyers intention survey which includes selfie assessment. The whole project was released in a month and got 100 results with 230 NT dollars cost per lead in the first month.
• Integrate Ant Design form state with TinyMCE rich text editor in the ERP system to help dental technicians to generate dental reports for dentists with flexible image and text layout.
• Build brace order creation form with Ant Design components in the CRM system. Encourage business partners to create orders on their own to reduce the cost of confirmation by phone.
• Create a mono-repo project template with Gatsby.js frontend, ant design CMS dashboard and Node.js Apollo GraphQL server backend to reduce the construction time of building new websites of clinic partners.
• Convert front-end codebase from JavaScript and RESTful api to TypeScript and GraphQL api with TypeScript codegen to avoid JavaScript runtime reference error.
• Tech Stack: TypeScript, Gatsby.js, Next js, React, Apollo GraphQL, Ant Design, Styled components, Node.js, MongoDB, GCP
• Collaborate with the organizer of the bike festival, which is an event introducing university departments to high school students, to build a campaign page with bar chart statistic data for attendants who used our application in the festival.
• Build mobile layout for game room detail page to improve user experience for mobile device users.
• Tech Stack: React, Styled-components, Eslint, Flow
• Build backend RESTful APIs to store inspection results evaluated by computer vision algorithms for following analysis.
• Build defects statistic pages generated by automated optical inspection machines to help clients to evaluate the yield loss rate of products from different product lines.
• Tech Stack: CSS, HTML, jQuery, MySQL, PHP
• Build the front end react website from scratch, and host the service on AWS.
• Build responsive infinite scroll masonry layout for 1 on 1 game room list.
• Convert the design document to react components by customizing the style of Material UI components.
• Tech Stack: React, Sass, Webpack, Material UI, AWS
• Touch typing practice for one of the Chinese Input Methods, Cang Jie.
• Implement the keydown event handling by useReducer React hook and ts-pattern util.
• Task management by Fithub project.
GitHub: https://github.com/YongYuH/Cang-Jie-Input-Method-touch-typing-practice
• A template for quickly diving into client side rendering React development.
GitHub: https://github.com/YongYuH/ts-react-esbuild-boilerplate
• Building a Chrome extension helps users dig out the lunch choice with 4 colleagues.
• The winner of the 2019 pixnet hackathon creativity award.
GitHub: https://github.com/sovmedcare/hackthon-pixnet
• Client side rendering
• Responsive web design
GitHub: https://github.com/ludonow/ludo-beta-react
• Collect 3D point cloud information of human body and remove background noise
• Detect human static posture and capture
• Parallel output
GitHub: https://github.com/YongYuH/Kinect-project
• Over 5 years of web front-end development experience.
• Experience with front-end, back-end, and Flutter mobile application development.
• Experience with CI integration with Github.
• Experience with deploy processes like hosting websites on Google Cloud Platform (GCP) compute engine and Nginx config for https protocol.
• Being relentless in dig out the reason behind UI requirements. Evaluate tradeoffs between user-experience and software maintainability before implementation. Sometimes I would provide new options to designers to get balance between them.
• Have been a technical interviewer and mentor for junior engineers.
Core Skills:
• Programming: JavaScript, HTML, CSS, Sass, Less, TypeScript, Node.js, Dart
• Front-end: React.js, Next.js, Gatsby.js, Apollo Client, styled components, styled system, Ant Design, Material UI, Chakra UI, Ramda.js, Flutter
• Back-End: MongoDB, Express.js, Apollo Server
• Technologies: Webpack, Parcel, Esbuild, Nginx, Git, Redis, GCP, AWS, Notion, CodeSandbox, VSCode
I am interested in learning cutting edge technologies from online resources.
If you are looking for a software engineer who has passion to learn, grow, and try hard to improve user experience.
I would be an ideal candidate.
Feel free to email me at [email protected]
Senior Front End Developer
Taipei,TW
[email protected]
• Experience with building GraphQL api resolver with typescript NodeJS and MongoDB.
• Experience with website deploy to Compute Engine API on Google Cloud Platform (GCP).
• Collaborate with the marketing team to promote a new brand by building the landing page and the page for buyers intention survey which includes selfie assessment. The whole project was released in a month and got 100 results with 230 NT dollars cost per lead in the first month.
• Integrate Ant Design form state with TinyMCE rich text editor in the ERP system to help dental technicians to generate dental reports for dentists with flexible image and text layout.
• Build brace order creation form with Ant Design components in the CRM system. Encourage business partners to create orders on their own to reduce the cost of confirmation by phone.
• Create a mono-repo project template with Gatsby.js frontend, ant design CMS dashboard and Node.js Apollo GraphQL server backend to reduce the construction time of building new websites of clinic partners.
• Convert front-end codebase from JavaScript and RESTful api to TypeScript and GraphQL api with TypeScript codegen to avoid JavaScript runtime reference error.
• Tech Stack: TypeScript, Gatsby.js, Next js, React, Apollo GraphQL, Ant Design, Styled components, Node.js, MongoDB, GCP
• Collaborate with the organizer of the bike festival, which is an event introducing university departments to high school students, to build a campaign page with bar chart statistic data for attendants who used our application in the festival.
• Build mobile layout for game room detail page to improve user experience for mobile device users.
• Tech Stack: React, Styled-components, Eslint, Flow
• Build backend RESTful APIs to store inspection results evaluated by computer vision algorithms for following analysis.
• Build defects statistic pages generated by automated optical inspection machines to help clients to evaluate the yield loss rate of products from different product lines.
• Tech Stack: CSS, HTML, jQuery, MySQL, PHP
• Build the front end react website from scratch, and host the service on AWS.
• Build responsive infinite scroll masonry layout for 1 on 1 game room list.
• Convert the design document to react components by customizing the style of Material UI components.
• Tech Stack: React, Sass, Webpack, Material UI, AWS
• Touch typing practice for one of the Chinese Input Methods, Cang Jie.
• Implement the keydown event handling by useReducer React hook and ts-pattern util.
• Task management by Fithub project.
GitHub: https://github.com/YongYuH/Cang-Jie-Input-Method-touch-typing-practice
• A template for quickly diving into client side rendering React development.
GitHub: https://github.com/YongYuH/ts-react-esbuild-boilerplate
• Building a Chrome extension helps users dig out the lunch choice with 4 colleagues.
• The winner of the 2019 pixnet hackathon creativity award.
GitHub: https://github.com/sovmedcare/hackthon-pixnet
• Client side rendering
• Responsive web design
GitHub: https://github.com/ludonow/ludo-beta-react
• Collect 3D point cloud information of human body and remove background noise
• Detect human static posture and capture
• Parallel output
GitHub: https://github.com/YongYuH/Kinect-project