head-img

ShuoHan-Huang (@ArvinH)

I am passionate about creating the fascinating visual experience and solving real-world problems by using technical skills and tools. As a professional developer in web front-end area, I have 3+ years of experiences and love to build up robust, appealing, secure and accessible websites.

Driven by the curiosity and passion for new technologies, I constantly investigate cutting-edge technologies and document it on my blog, also act as an evangelist to others by operating a tech weekly newsletter which has more than 4,000 subscribers.

As an amateur developer of data engineering and data visualization, I construct several data visualization works on my blog and shared by newsletter; Also researched in Graph Mining, SpatialTemporal data, LBSN, Big data process and data mining.

github: arvinh
LinkedIn: Shuo-Han Huang

Education

[2014]
Computer Science - M.E. (GPA:4.0)
National Cheng Kung University, Tainan
[2012]
Computer Science - B.E. (GPA:3.8)
National Taiwan Ocean University, Keelung

English

[2013]
TOEFL
91
[2012]
TOEIC
810

Specialties

  • JavaScript: Vanilla js, React, Redux, D3.js
  • CSS: Atomic CSS, SCSS, PostCSS
  • Server: Node.js, Nginx
  • Databases: MongoDB, PostgreSQL
  • Testing: Mocha, Enzyme, Jest
  • Build Tool: Webpack, gulp, grunt, Babel, rollup
  • Design Tool: Vectr, Photoshop CC
  • Web performance optimization, cross-browser development

Research Topic

[2014]
Thesis
Graph Mining on MALWARE Activities for Online THREAT Identification
[2012 ~ now]
Interested Research Area
Data engineering, Data visualization and web technology

Experience

[2015/12-]
F2E, Yahoo
  • Create an interactive topic discussion platform called PK擂台 for TW/HK Yahoo News site that users can choose and discuss their opinions in real time (PC/Mobile) [React/Flux].
  • Implement a modularized poll application that been used in various properties across Yahoo (PC) [React/Flux]
  • Proactively create a dynamic typhoon path-map by using D3.js and React which achieved one million page view on that topic project (PC/Mobile) [React/Flux]
  • Design and implement a novel card-typed reading experience with parallax scrolling effect on the mobile web. [React/Flux]
  • Design and construct an editorial tool with real-time preview function for our news editors/PGC users to create Youcard content. It also supports Excel-like experience to create charts by using React and D3.js. [React/Flux]
  • Improved web performance include reducing loading time and bundle size, making it 5x faster. [Webpack/Grunt/Javascript]
  • Implement and launch first AMP site in Yahoo TW Media team, significantly increase the user experience for our mobile users. [AMP]
  • Implement a chrome devtool extension for our internal front-end framework and received positive responses from the core-team member in the US. [Javascript]
  • MVP award in 2016 Q2

[2013/07-2013/08]
Intern, TrendMicro
  • Emerging Threat Sourcing Evaluation.
  • System Design by using Graph DB (Neo4j).
  • Performance Evaluation.

[2012/07-2012/08]
Intern, Patisco.com, Xinosys co., ltd--a B2B web-based commercial platform
  • Used Apache Solr to help patisco.com build up a full-text search engine.
  • Used WebSocket + Redis + akka to help patisco.com build up a internal Pub/Sub system.

[2012/07-2012/08]
2012 Microsoft Computex Tester
Set up,tested and maintained the software and hardware that will be used in Computex.

Contest

[2018/02]
2018 Oath Global Hack Day
  • Design and implement a messenger bot that integrate with one of our existing products and got the approve from manager that can become an offical product.
  • Implement a chrome devtool extension for our internal front-end framework and received positive responses from the core-team member in the US.

[2016/12]
2016 Yahoo TW/JP Joint Hack Day in Taiwan
Use Microsoft Cloud API & React & Firebase to implement a emotion detect meeting service, which let you have the ability to know all audiences' emotion during the meeting.

[2016/08 - 2016/09]
Pepper developer contest, Champion
Integrate brain wave detection(EEG) with Pepper, develop an application on Pepper that let Pepper can interact with customers and give customers personalized service by detected their preference of different products.

[2016/07]
2016 Yahoo TW Bot Challenge
Use Messenger API to implement a chatbot that can create bot for stores, customer can draw a number plate from bot we create, stores can dispatch advertisement or coupon to customer. No more waiting line, no more wasted waiting time!

[2012/10]
2012 Yahoo Open Hack Day in Taiwan
Combined Flickr api and google api to create a “Photo recommended website”, based on LBS and spatialtemporal data filtering.

[2012/07]
2012 Evernote Hackathon
Used Evernote api, PayPal api and Kickstrapter framework to create an “Online NotesTrading Platform” in 30 hours.

[2011/07]
6th Center for Talented Youth, Venture Capital Competition, Champion
Project name:“Sweet Shopping”—bound augmented reality and store information.

[2011/07]
ITSA Programming Contest, Ministry of Education
Got 10th in more than 250 teams.

[2010-2011]
National Science Council, College student research projects
  • Project name: Sodar
  • NSC College Student Research Creativity Award.

Projects

[2018/04]
react-vimeouploadr
  • React component for upload video to your vimeo account.
  • Implemented with react/redux/vimeo api.
  • Link: react-vimeouploadr

[2018/02]
acss_devtool
  • Chrome devtool extension for Atomic CSS. Turn your element style into Atomic CSS class automatically. I built this for improving my performance in daily works.
  • Implemented with atomizer and chrome devtool extension api.
  • Link: acss_devtool

[2017/11]
atomic-css-search
  • VSCode extension for searching atomic CSS class name. I built this for improving my performance in daily works. Tools I used: atomizer, vscode, nodejs
  • Implemented with atomizer and chrome devtool extension api.
  • Link: atomic-css-search

[2016/12]
Emotion live player (Yahoo TWxJP Joint Hack)
  • Emotion detected on live streaming meeting room.
  • This demo project built for 2016 Yahoo TWxJP joint hack day, it likes a video conference site that host can see the emotions from other attendees, so host can know how his/her did from those feedback. We caculate the emotion score anonymously and show it in timeline with animated bubble format.
  • Tool sets: #create-react-app, #Microsoft Cloud API, #Firebase

[2014-2015]
Visually LAB
  • Used D3.js to visualize health care relative data.
  • Used node.js and postgresql for back-end.
  • Link: visually lab site

[2014/05]
PAKDD 2014 web app (DEPRECATED)

[2013/09]
Medical cloud
Builded and managed hadoop cluster, mysql cluster, openstack and git server.

[2015]
SITW group search site (DEPRECATED)
  • Used school's open data to build a site for student searching group information.
  • Used OSQA to build an QA site called sitw-qa.

[2012/09-2013/07]
Ministry of Economic Affairs Technology Development Program for Academia.
  • Web service api designed and implemented
  • Builded up MongoDB, MySQL Cluster and CloudFoundry.

Organizations

[2010-2011]
New Taipei City Computer Association, ITSEED program 8th
  • Project of Spring Party, Head of Advertisement Section. Led group members arranging performances and marketing activities.
  • Project of Closing ceremony, filmling group leader.