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. Created a responsive web with a React multi-screen application that allowed vendors to utilize it.
    • Logged into their accounts, viewed, and created invoices to send to their clients and collect payments. Set up the app to also allowed vendors to sort and filter their transactions.
    • Developed an app that targeted the legal contract space that leveraged artificial intelligence APIs for ContractPod Technologies. Performed document comparison.
    • Built application flows to allow contract creation and generation. Created a flow to manage a matrix of user role permissions.
    • Worked on an eCommerce travel website for Tripfez Travel. Used React for building compostable and reactive user interfaces.
    • Built a reusable component system to serve as the foundational base for the entire site. Worked on implementing the initial scaffolding for the front-end build system using Grunt and a webpack to bundle web components.
    • Utilized HTML5, CSS3, Sass, Vue Material, Vue, React, jQuery, JavaScript, GraphQL, Next.js, React, and TypeScript. Built high-volume traffic web applications for several Toptal clients.
    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, REST 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, REST APIs
  • Product and Front-end Developer

    2017 - 2017
    Galavantier
    • Conducted user research to design product pages. Helped strengthen the brand and build customer trust.
    • Created wireframes, mockups, and overall design assets. Built out production-ready responsive HTML and CSS pages.
    • Utilized Adobe Photoshop, Adobe Illustrator, Sketch, Axure, and Sass. Developed with PHP, React, Node.js, JavaScript, Grunt, and Bootstrap.
    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, REST APIs
  • Senior UI Developer

    2015 - 2016
    Healthline Networks
    • Helped with entire site rebranding. Collaborated to build out new mobile ad products.
    • Worked heavily on components that heavily utilized responsive design. Rebuilt a pill identification app in React from scratch.
    • Influenced the reshaping of story points attribution. Pointed out all tasks typically required of the team when working on tasks to count points more accurately.
    • Utilized Less and implemented client-side interfaces using React.
    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
  • Front-end Developer III

    2012 - 2015
    eBay, Inc.
    • Worked on prototyping various iterations of client side facing pages to use in user research testing labs.
    • Included bringing live product API data into pages to make testing of the shopping experience dynamic.
    • Collaborated on site rebranding as well as building new site features. Tested user trust, user conversions, and increased sales through A/B testing.
    • Created an internal platform that allowed the ability to prototype new eBay pages rapidly. Included a repository of components, live data, and the ability to add custom UI interactions on the fly.
    • Assisted in peer code reviews, knowledge transfers, website testing, and research tasks for the site.
    • Utilized Sass and implemented client-side interfaces using React components.
    • Used HTML5, CSS3, Sass, Grunt, Bower, Node.js, React, Object-oriented JavaScript (OOJS), PHP, and MySQL.
    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, REST APIs
  • Front-end Developer

    2011 - 2012
    Apple, Inc.
    • Worked on the first mobile web version of the Apple.com website.
    • Built mobile web pages with custom touch handlers and animations written in JavaScript. Tasked with developing implementation solutions to never-before-seen web interactions for the mobile website.
    • Delivered implementation of new web interactions. Used a critical eye for detail honed from my design background. Utilized 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, REST APIs
  • Front-end Designer for eCommerce

    2009 - 2010
    Advance Auto Parts
    • Maintained the production site through several 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 a new eCommerce store redesign with back-end templates.
    • Built components and set the schedule for all eCommerce promotional 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
  • 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 Adobe Photoshop. Used Adobe ImageReady to create custom GIF animations for ad units.
    • Developed JavaScript classes to handle the heavy interaction of the internal tools. Took in user input and generated custom output that users could copy into their sites for promotion.
    • Devised marketing materials consisting of templating geo-targeted web banners, various landing pages, co-branding pages, fully featured co-branded sites, and multi-language support.
    • Developed a monthly affiliate newsletter while ensuring a proper display across Hotmail, Yahoo, and Gmail email providers. Completed 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, REST APIs, 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, Freelancing, 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

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