Dion Yang, Software Developer in San Juan, Puerto Rico
Dion Yang

Software Developer in San Juan, Puerto Rico

Member since February 2, 2018
Dion has a degree in digital media communications and over 17 years of experience in front-end web and user-experience development. He has a comprehensive skill set ranging from core JavaScript to creating pixel-perfect web pages from his years of experience working with different-sized companies and clients. Dion's achievements include building the initial Apple.com mobile website and re-building a stock options analyzer for eTrade financial as a single-page app.
Dion is now available for hire

Portfolio

  • Clients (via Toptal)
    WordPress, Responsive Design, PHP, Angular, JavaScript, Sass, HTML...
  • Toptal
    React, Next.js, Elasticsearch, PostgreSQL, TypeScript, Front-end...
  • Galavantier
    Grunt, Drupal, JavaScript, Sass, Bootstrap, CSS3, HTML5, Axure, Sketch...

Experience

Location

San Juan, Puerto Rico

Availability

Part-time

Preferred Environment

Git, MacOS, Visual Studio Code, React

The most amazing...

...challenge I've faced was building out new interaction animations that had never existed before on mobile web using only vanilla JavaScript at Apple, Inc.

Employment

  • UI Developer

    2018 - PRESENT
    Clients (via Toptal)
    • Worked on an app to digitize the process of cargo payment fulfillment for Jetstream Global Inc., enabling private sector customs brokers, freight forwarders, and shippers to pay terminal operators, shipping lines, airlines, and air-ground handlers.
    • Leveraged artificial intelligence APIs to perform document comparison, built application flows to allow contract creation and generation, and created a flow to manage a matrix of user role permissions for ContractPod Technologies Limited.
    • Worked on implementing the initial scaffolding for the front-end build system using Grunt and webpack to bundle web components for Tripfez Travel. Built a reusable component system to serve as the foundational base for the entire site.
    Technologies: WordPress, Responsive Design, PHP, Angular, JavaScript, Sass, HTML, Responsive UI, Vue, TypeScript, Bootstrap, Node.js, React, MUI (Material UI), CSS, HTML5, Animation, Front-end Development, PSD to HTML, MacOS, HTML Templates, Front-end, UI Development, CSS3, Agile Software Development, JSON, Newsletters, Visual Studio Code, Storybook, Webpack, RESTful APIs
  • React Fellow

    2022 - 2022
    Toptal
    • Developed an app that allows users to post, favorite, and comment on recipes and allows admins to create global notifications, display maps of submitted recipes around the world, and more.
    • Tracked and fixed bugs using Jira as a reporting tool. Utilized GitHub to manage pull requests before merging features into the master branch.
    • Collaborated with team members across three different time zones to take tasks from beginning to completion within deadlines. Utilized Zoom video sessions to brainstorm and perform code pairing exercises to enable knowledge transfers.
    Technologies: React, Next.js, Elasticsearch, PostgreSQL, TypeScript, Front-end, UI Development, CSS, CSS3, Agile Software Development, Front-end Development, JSON, Visual Studio Code, Storybook, RESTful APIs
  • Senior Product Designer

    2017 - 2017
    Galavantier
    • Conducted user research in order to design product pages that will help strengthen the brand and build customer trust.
    • Created wireframes, mockups, and overall design assets.
    • Built production-ready responsive HTML5 and CSS3 pages.
    Technologies: Grunt, Drupal, JavaScript, Sass, Bootstrap, CSS3, HTML5, Axure, Sketch, Adobe Illustrator, Responsive UI, PHP, CSS, MySQL, Front-end Development, PSD to HTML, Responsive Design, HTML, MacOS, HTML Templates, Front-end, UI Development, Agile Software Development, User Experience (UX), UX Design, Adobe Photoshop, JSON, Webpack, RESTful APIs
  • Senior UI Engineer

    2015 - 2016
    Healthline Networks
    • Developed and implemented new mobile ad products.
    • Worked heavily on site components that heavily utilize responsive design.
    • Rebuilt a medical pill identification app in AngularJS.
    • Implemented the rebranding of their entire site.
    Technologies: Less, AngularJS, JavaScript, CSS3, HTML5, Responsive UI, Bootstrap, Sass, Node.js, CSS, jQuery, Animation, Front-end Development, PSD to HTML, Responsive Design, HTML, MacOS, HTML Templates, Front-end, UI Development, Agile Software Development, JSON
  • Associate Web Developer

    2015 - 2015
    ETRADE Financial
    • Involved in building next-gen AngularJS Single Page Applications.
    • Visual graphic of datasets in JS using highcharts library.
    • Used bootstrap to deliver responsive design form mobile to desktop.
    Technologies: Bootstrap 3, HTML, JSON, Highcharts, AngularJS, Responsive UI, JavaScript, Bootstrap, Sass, Node.js, CSS, HTML5, Front-end Development, PSD to HTML, Responsive Design, MacOS, HTML Templates, Front-end, UI Development, CSS3, Agile Software Development, Webpack, RESTful APIs
  • Design Engineer III

    2012 - 2015
    eBay, Inc.
    • Prototyped various front-end web pages for user research testing; these included bringing live product API data into the pages to make the experience more dynamic.
    • Created a platform that allowed for the ability to rapidly prototype new eBay pages with a repository of components, live data, and the ability to add custom UI interactions on the fly.
    Technologies: MySQL, PHP, JavaScript, AngularJS, Node.js, Bower, Grunt, Sass, CSS3, HTML5, Responsive UI, Bootstrap, CSS, jQuery, Animation, Front-end Development, PSD to HTML, Responsive Design, HTML, MacOS, HTML Templates, Front-end, UI Development, Agile Software Development, Adobe Photoshop, JSON, RESTful APIs
  • Senior UI Developer

    2011 - 2012
    Apple, Inc.
    • Worked on the mobile web version of the Apple.com website; before this project, there was no mobile web version of the Apple store.
    • Built mobile web pages with custom touch handlers and animations written in core JavaScript and was tasked with coming up with implementation solutions to never before seen web interactions for their mobile website.
    • Delivered on the implementation of new web interactions using my critical eye for detail honed from my design background and my thorough testing and debugging skills from working on cross-platform websites to meet Apple standards.
    • Delegated tasks to junior developers and mentored them to get them up to speed on requirements.
    Technologies: JavaScript, CSS3, Responsive UI, CSS, HTML5, Animation, Front-end Development, PSD to HTML, Responsive Design, HTML, MacOS, HTML Templates, Front-end, UI Development, Agile Software Development, Adobe Photoshop, JSON, RESTful APIs
  • Senior Front-end Designer for eCommerce

    2009 - 2010
    Advance Auto Parts
    • Maintained the production site through various production tasks, such as creating functional prototypes for user testing labs and creating landing pages and newsletters.
    • Coordinated with the offshore development team to lead the integration of the new eCommerce store redesign with the back-end templates.
    • Built components and set the schedule for all the eCommerce promo materials in IBM WebSphere.
    Technologies: IBM WebSphere, JavaScript, CSS, HTML, Responsive UI, Bootstrap, jQuery, Front-end Development, PSD to HTML, Responsive Design, HTML Email, MacOS, HTML Templates, Front-end, UI Development, CSS3, Adobe Photoshop, JSON, Newsletters
  • Senior HTML Marketing Technology Developer

    2007 - 2008
    FriendFinder, Inc.
    • Created HTML/CSS marketing materials for the FriendFinder, Inc. network of sites.
    • Sliced out images for landing pages, interactive banners, newsletters, and other production materials using Photoshop; also used Adobe ImageReady to create custom GIF animations for ad units.
    • Developed JavaScript classes to handle the heavy interaction of the internal tools which took in user input and generated custom output that users could copy into their sites for promotion.
    • Devised marketing materials which consisted of templating geo-targeted web banners, various landing pages, co-brand landing pages, fully featured co-branded sites, multi-language support, developing monthly affiliate newsletter while ensuring a proper display across Hotmail, Yahoo, and Gmail email providers and bug resolution through Bugzilla.
    Technologies: Bugzilla, Adobe Photoshop, JavaScript, CSS, HTML, Responsive UI, Front-end Development, PSD to HTML, HTML Email, MacOS, HTML Templates, Front-end, UI Development, Newsletters

Experience

  • Toptal React Accelerator

    The Toptal React Accelerator is an exclusive learning program that educates JavaScript developers in React, NextJS, Redux, and GraphQL. This is a 2-month program that consists of rigorous learning exercises and hands-on activities along with a stringent evaluation process, comprehensive learning assessments, and 30-40 hours of building an Invoice Management System. Within this invoicing application, users are able to track invoices, clients, and company information.

  • Galavantier Event Page
    https://www.galavantier.com/las-vegas/nightclubs/xs-nightclub

    I conducted user research in order to redesign this event page. For this project, I was responsible for creating the wireframes, mockups, and overall design assets as well as building out the production-ready responsive HTML and CSS for this page.

  • TableParty
    http://www.tableparty.com

    I conducted user research in order build and refine the flow of the pages on this website. For this project, I was also responsible for creating the wireframes, mockups, and overall design assets as well as building out production-ready responsive HTML and CSS for this site.

Skills

  • Languages

    CSS, HTML, JavaScript 5, HTML5, CSS3, JavaScript, Sass, Less, PHP, TypeScript, GraphQL
  • Frameworks

    Bootstrap 3, Angular, Bootstrap, AngularJS, MUI (Material UI), Svelte, Next.js
  • Libraries/APIs

    jQuery, Highcharts, Vue, React, Node.js, Liquid
  • Tools

    Adobe Photoshop, Sketch, Google Web Designer, Axure RP Pro, Adobe Illustrator, Sublime Text, Git, Grunt, Bower, Bugzilla, Webpack, Figma
  • Paradigms

    Agile Software Development, Responsive Web Design (RWD), UI Design, UX Design
  • Platforms

    WordPress, Shopify, MacOS, Drupal, IBM WebSphere, Visual Studio Code
  • Storage

    JSON, MySQL, Elasticsearch, PostgreSQL
  • Other

    Responsive Design, PSD to HTML, Freelance, Responsive UI, Front-end Development, Front-end, UI Development, Banner Ads, Digital Communication, HTML Templates, User Experience (UX), User Interface (UI), Web App UX, HTML Email, Newsletters, Animation, Typefaces, Axure, PSD to Shopify, Storybook, RESTful APIs

Education

  • Associate's Degree in Digital Media Communications
    2003 - 2005
    Katherine Gibbs School - Melville, NY, USA

Certifications

  • Toptal React Accelerator Graduate
    JULY 2022 - PRESENT
    Toptal, LLC

To view more profiles

Join Toptal
Share it with others