Resume

About me 🧑🏻‍💻​

Eric 鄧國欽
ericdenggc@gmail.com

I am a Senior Frontend Engineer with 6+ years of experience, and a Frontend Tech Lead at AsiaYo currently.

I specialize in React.js and Vue.js for web development, React Native for mobile apps. Throughout my career, I have led the development of various e-commerce products and admin systems, focusing on performance optimization and user experience.

I am passionate about continuously learning technologies to foster personal growth and aim to create user-friendly products.

Work Experience Summary​

• Frontend Tech Lead at AsiaYo 2022/09 - Present
• Senior Frontend Engineer at HTC VIVE 2021/01 - 2022/08
• Frontend Engineer at QNAP 2017/12 - 2021/01

Objective of next career​

• Large-scale system design
• Full stack development

Technical Skills​

• HTML5, CSS3, JavaScript (ES6+)
• React.js Tech stack: Next.js, React Router, Hook, Context, Redux
• React Native: Navigation, Notification, Webview, Deep Linking, Code Push, Flipper
• Vue.js 2 Tech Stack: Vuex, Vue Router, Vue CLI, Nuxt.js, Vue-i18n, vue-devtools
• CSS: SASS/SCSS, styled-components, CSS Modules, Flexbox, Grid Layout
• UI Component Library: Chakra UI, Element UI, Bootstrap
• Data Fetching: Axios, SWR, React Apollo GraphQL Client, Socket.io, React Query
• SEO
• Performance Optimization
• Cross browser compatible & responsive web design
• Build Tools: Webpack, Babel, ESLint, Prettier, Storybook, Gulp
• Monorepo: Lerna
• Monitoring: Sentry, Firebase
• CI/CD: Docker, Azure Pipeline, AWS, Drone
• Visualization: D3.js, ECharts, SVG, SVG.js, Canvas, Fabric.js, GSAP
• CMS: Magento, Contentful
• Backend Development: Node.js, Express.js, MongoDB
• Blockchain: Solidity, Hardhat, Web3.js, Metamask, WalletConnect, Infura, Moralis

Soft Skills​

• From zero to live product. Planning, requirements analysis, task prioritization, time estimation, implementation, testing, deployment, collaborate with team member
• Provide technology solutions to members for building a better production together
• Write engineering spec, wiki, problem solving journey

Work Experience​

Frontend Tech Lead at AsiaYo​

2022/09 - Present

Products​

AsiaYo Web, iOS and Android App

AsiaYo is an online travel agent platform for booking accommodations, offering quality recommendations in popular Asian travel destinations such as Taiwan, Japan, Korea and Thailand.

Tech Stack​

• Web: React.js, Next.js, Lerna, Zustand, Apollo, GraphQL, Webpack, styled-components and Internal UI component library
• iOS and Android App: React Native, styled-components, Redux, React Query, React Navigation , Universal Deep Linking (AppsFlyer), Code Push, Flipper, Visual Studio App Center

Experience​

• Develop AsiaYo Web and App products and led a team of Frontend developers to collaborate with Backend team, PM team, QA team, Design team.
  • Project planning, system analysis and design, resource arrangement, arrange project schedule, code reviews, training newcomers.
• Collaborated with Backend Engineers to design APIs, draw API flow sequence diagram, ensuring efficient communication between frontend and backend systems.
• Upgraded React from version 17 to 18, leveraging the latest features and enhancing overall performance.
• Refactor existing web project from React + webpack to Next.js 14 App Router.
• Upgraded React Native from version 0.67 to 0.72.4 and target SDK version (iOS SDK 16, Android SDK 13).
• Implemented Server-Side Rendering (SSR) using React 18 Client & Server rendering API, Apollo React Client, Helmet, and Loadable Components.
• Optimized Web Vitals, focusing on Largest Contentful Paint (LCP) and Cumulative Layout Shift (CLS) to enhance website performance and user experience.
• Implemented SEO strategies including metadata optimization, JSON-LD structured data, canonical, alternate link and resolve Google Search Console issues.
• Leveraged Contentful CMS to enable efficient management and customization of SEO content.
• Developed an App Notification Center, enhancing user engagement and providing timely updates and alerts.
• Integrated various payment gateways, including Braintree, Tappay, and Atome, supporting both TWD and USD currencies.
• Integrated third-party services such as GTM, GA, Facebook Pixel, Firebase, Sentry, CRM, and AppsFlyer, enriching tracking capabilities and improving marketing strategies.
• Planned and implemented static promotion page in web & mobile app webview.
• Built new product line for selling packaged travel goods in web & mobile app, including cruise, group tour.
• Maintained Javascript SDK for Affiliate Marketing, enabling effective tracking and analysis of affiliate activities in web & app.
• Troubleshooting urgent production issues.
• Mid-level Frontend Engineer acquisition, responsible for resume checking, assignment code review and first round technical interview.
• Continuously researching new technologies, assessing the cost-effectiveness of adopting them in existing projects.
• Maintained technical documentation to facilitate knowledge sharing and smooth onboarding of new team members.

Senior Frontend Engineer at HTC VIVE​

2021/01 - 2022/08

Products​

• VIVERSE Market - NFT marketplace focusing on Anime, Cartoon, and Games (ACG) themed NFTs.
• VIVE Arts NFT - NFT marketplace focusing on Arts and Collectibles.
• VIVEPORT - VR app store. Revamp web frontend and maintain issues of related legacy microservices.

Tech Stack​

React.js, React Hook, React Context, React Router, Redux, Magento PWA Studio, Next.js, ChakraUI, Webpack, ESLint, Storybook, Bit.dev, Prerender.io, Sentry, GA, GTM, CookiePro

Backend Rest API & GraphQL Integration

Magento, Payment gateway service, Axios, SWR, React Apollo Client

Blockchain Smart Contract Integration

Web3.js, Metamask, WalletConnect, Infura, Moralis

Experience​

• Buy NFT & Blind Box with credit card or cryptocurrency
  • Support Ethereum and Matic (Polygon)
  • Connect with MetaMask & WalletConnect protocol using Web3.js to interact with smart contract
  • Integrate dApp browser in crypto wallet mobile app
  • Support Pre-mint & Lazy mint NFT
  • NFT Private sales (Whitelist) using Merkle Tree
  • Timed auction & reserved auction
  • Redeem NFT with redemption code that purchased from 7-11 ibon
  • Withdraw NFT to a specific wallet address
• Implement all features common in E-commerce, including but not limited to:
  • checkout
  • payment
  • member account setting
  • shareable profile & collectibles
  • multi-currency stores, include TWD, USD, JPY
  • multilingual, include English, Japanese & Traditional Chinese
  • Google 2FA
• API & GraphQL integration with Magento CMS backend service
• OAuth integration with HTC account, Google, Metamask
• Build internal React component library with storybook and Bit.dev
• Setup CI pipeline with Azure DevOps
• Optimize SEO
  • Setup robots.txt, sitemap.xml and Google Search Console
  • Integrate Prerender.io for web crawlers
  • Handle metadata and open graph tags
• Integrate 3rd-party services:
  • Sentry service for frontend logging, issue tracking
  • CookiePro for cookie consent
  • GTM
  • GA

Frontend Engineer at QNAP​

2017/12 - 2021/01

QNAP is a Taiwan-based NAS device manufacturer with expertise spanning software development, hardware design, and in-house production lines. The company is currently focused on delivering comprehensive solutions in storage, networking, and intelligent video surveillance.

Within my team, we specialize in developing video analysis applications, encompassing features such as facial recognition and people flow detection. Our products are Docker containerized web applications executed on QNAP's NAS.

My primary responsibilities include refactor legacy websites and develop new products. I utilize Vue.js 2 as the primary technology and collaborate closely with UI/UX designers, backend engineers, DevOps, QA, machine learning engineers, and project managers.

Experience​

• Planned website architecture, including routes, pages, components, and UI state management.
• Established a component library and page templates for shared use across multiple products.
• Researched new technologies, evaluated open-source packages, and applied them to product development.
• Optimized performance, successfully improving page speed by 50%.
  • Reduced JS and CSS file sizes.
  • Implemented lazy loading.
  • Evaluated the possibility of removing or replacing packages.
  • Utilized DevTools to analyze rendering performance.
• Implemented i18n multiple languages.
• Integrated real-time data and UI state updates (Long polling, Websocket).
• Integrated image streaming, concurrently drawing specific shapes, text, and images on the video feed.
• Developed a drawing tool allowing users to draw lines, rectangles, polygons, etc., on image thumbnails, with coordinates sent to the backend via API for analysis area configuration.
• Developed various form components with field validation, and photo upload functionalities (from local, NAS, webcam, screenshot of image stream).
• Created a wizard window component for step-by-step form configuration, including data transfer and validation between each step.
• Visualized statistical data or system information into interactive charts using data visualization libraries such as D3.js and ECharts.
• Developed RESTful APIs using Node.js, Express, and MongoDB.
• QNAP Seminar - Introduction to React Native
• Web Frontend Framework Survey 2018 Evaluated Vue, React, and Angular frameworks to determine the most suitable framework for the new product.

Certificates​

AppWorks School Blockchain Program Batch #1​

2022/08/08 - 2022/12/15

https://school.appworks.tw/blockchain-program/

Ethereum Blockchain Developer Bootcamp With Solidity​

2022/02/06

https://www.udemy.com/certificate/UC-84d3335f-4f71-400e-854e-7328e1582446/

Personal Side Projects​

Details

ETH Price Prediction Dapp​

A dapp for guessing the rise and fall of ETH prices. Players who guess correctly can win bonuses according to the betting ratio.

Crypto Trading Bot​

A cryptocurrency trading bot to help you implement dollar-cost averaging (DCA) investment strategy automatically.

Node.js, Serverless Framework, AWS Lambda

Muxic​

整合 KKbox、Spotify 及 Youtube 的音樂服務網站。因為喜歡音樂，為了發現更多好音樂而獨立開發的專案。設計風格復刻Spotify，專案名稱寓意電子學中的多工器(Multiplexer)，一個可從多個輸入訊號中選擇其中一個輸出的電子元件，以其縮寫 MUX 改寫 Music 而成。

功能包含:

• 歌單列表
• 歌單分類
• 播放清單
• 歌手頁面
• 專輯頁面
• 音樂播放控制
• OAuth 登入
• 收藏歌單
• 搜尋歌曲、歌手、專輯

Vue.js, Nuxt.js, SSR, PWA, RWD, BootstrapVue, KKBOX Open API, Spotify Web API, Youtube API, OAuth

Random Eat​

Demo | Github

從圓圈區域中隨機找出一家餐廳，可拖曳/縮放圓圈、篩選餐廳類型、星星評分。

React.js, create-react-app, Semantic UI, Google Maps JavaScript API, Google Places API

Traffic Accident Map​

Demo | Github

在 Google 地圖中使用 Marker 及 Marker Cluster 標示出台灣每個地區的交通事故資料，包含發生時間、發生地址及事故狀況。

React.js, create-react-app, Semantic UI, Node.js, Koa, MongoDB, Mongoose, Nodemon, Google Maps JavaScript API

RGB Color Game​

Demo | Github

辨識 RGB 色碼的小遊戲，練習配置 Webpack 並實作一個簡單的 JavaScript 元件框架。

JavaScript, Webpack, Babel, css-loader, style-loader, bootstrap

Tenkibot 天氣君​

Github

A facebook chatbot for search and regular notice weather information, the data are crawled from CWB.

Education​

• 國立交通大學 National Chiao Tung University
  2015/09 - 2017/09
  Master of Computer Science and Engineering

• 國立臺灣科技大學 National Taiwan University of Science and Technology
  2011/09 - 2015/07
  Bachelor of Electronic and Computer Engineering