Yu-Hao Chang

Software developer with a great sense of perceiving and interpreting user experience, capable of setting up continuous integration processes while developing the application with unit tests. In 2017, I was assigned to the headquarter in USA and successfully guided the interns to complete several core modules of EHS(environment, health & safety) platform. 

Senior Frontend Developer at Logic Solutions, Inc.
Taipei，TW
[email protected]

Profile 06 00@2x 1eefad8fbe6a673df05fbf5e2852a74aa9d79ca70552a626532fa30bd71725f3

Skills

  • JS Frameworks & State Management
    • React / Redux
    • Angular 5
    • Angular JS
  • Test Framework
    • Mocha
    • Jest
  • Continuous Integration
    • Travis CI
    • Gitlab CI
    • Jenkins
  • Server-Side Framework & API Layer
    • Firebase
      • Hosting
      • Authentication
      • Cloud Firestore
  • Unity
    • unity-webvr-export
  • CSS
    • Sass / SCSS
    • CSS-in-JS

Experience

Senior Front End Developer

Logic Solutions, Inc.                                                               Taipei, Taiwan Jul 2015 - Present

Michigan mobile app, eCommerce, web design & development consulting company based in Ann Arbor: 200 employees worldwide.


  • Set up reusable UI components, save 50% development time for new products
  • Took responsibility for upgrading the EHS platform from AngularJS to Angular 5 
  • Manage scrum project via Jira Software
  • Discuss wireframe & mockup with PM & UI designers at the early stage
  • Survey out-of-the-box solutions like third-party components or templates before working on a mockup
  • Carry out unit tests for continuous integration
  • Recruit new team members

Professional High School Math Tutor

Teacher Chang’s Math Class                                            Hsinchu, Taiwan Jun 2013 - Jun 2015

  • Personalized tutoring and help students build confidence and achieve goals

Firmware Engineer

Sunext Technology, Inc.                                                    Hsinchu, Taiwan Aug 2011 - Jun 2013

  • Design read & write strategy for reader & writer of Blu-ray player

Education

National Taiwan University                                                                 Taipei, Taiwan Sep 2005 - Sep 2010

 

 B.S. in department of engineering science and ocean engineering

Projects

Paragraph image 05 00@2x d170fe8d3169a1e4180deac7150bb5e073029308e837c64ef461e01445ee7d3f
Paragraph image 05 01@2x 48a2e32b6416927a94cff749639e9bc2ccdc88b497b221b2c2ee9fe56c1e7cdd

Findatsu - Find Experts Nearby

This web site allows users to find experts in a particular field, built with React, Redux and Firebase. https://findar-514d2.firebaseapp.com/ (please browse the website on your mobile device for a better experience)

Required Skills

  • React
    • Redux
    • redux-thunk - dispatch a function instead of an action for asynchronous actions such as API requests 
    • redux-logger - log actions, previous & after states 
    • react-router - declarative routing for React 
    • react-select - select component built with React 
  • Firebase
    • Hosting - deploy to SSL certificated site 
    • Authentication - social login via Facebook and Google 
    • Cloud Firestore - flexible, scalable NoSQL cloud database to store and sync data 
  • CSS 
    • CSS-in-JS - inject css via higher-order component instead of defining in external files 
  • Theme
    • material-ui - react components with Material Design 
  • Translation 
    • react-i18next - internationalization for react, based on i18next. Mange translation via locize.com 
  • Google Map API - embed Google Map images with static api, open Google Maps or Apple Maps once users click the image on mobile devices

Draggable To-Do List

A draggable todo list based on React, Redux and React DnD https://github.com/robenten/react-redux-draggable-todolist

Paragraph image 02 00@2x cb1a9cce8ec2420576e7f93d4a97d2663cb38d3060b7943702140d7f6da9f81e
Paragraph image 03 00@2x a10257c22ab8b43ba541f7170ecfbbafea76718648ab6504b9015d9950ed2250

Continuous Integration

Automatically build and test code changes via Travis CI. Deploy to Github Pages automatically after a successful build.



Required Skills

  • React
    • react-dnd - drag & drop component for React
  • Redux
  • CI
    • Travis CI - continuous integration tool
  • CSS
    • Bootstrap - include bootstrap.min.css

Paragraph image 01 00@2x 1a3881c875a7a1fb1e859435ef9363b5ddf36f4e73d1ad63a1a0af69f2a9f745

Quantum - Cloud EHS Platform

A cloud-based EHS (Environment, health and safety) platform helps clients to efficiently organize and implement inspections, storage, tracking waste and hazardous chemicals. http://www.usequantum.com/

Responsibilities

As the project’s frontend team leader, I have to work closely with PM & UI designer at the early stage and survey out-of-the-box solutions like third-party components or templates before working on a mockup to speed up the development process. 
 
  • Set up reusable UI components, save 50% development time for new products
  • Took responsibility for upgrading the EHS platform from AngularJS to Angular 5
  • Carry out unit tests for continuous integration
  • Review merge requests
  • Recruit new team members

WebVR project built with unity

Export simple unity tutorial into WebVR format via unity-webvr-export. https://robenten.github.io/unity-webvr-roll-a-ball/

Paragraph image 00 00@2x ebb59a6d9adb03673d06762584bb6a0cc401a7cc4bd081bb82ce6f841d95aa2b
Powered By
CakeResume