toptal.com
Contact us: +1.888.604.3188
Yang Yi, Software Developer in Shanghai, China
Yang Yi

Software Developer in Shanghai, China

Member since October 11, 2017
Since 2013, Yang Yi has been developing full-stack JavaScript solutions with Node.js, Angular, React, and Vue.js. He also develops cross-platform mobile-and-desktop applications using Ionic, React Native, and Electron. He has worked with small businesses and startups delivering MVPs quickly. Yang is fascinated by the idea of micro front ends and has extensive experience in building web components and working with Shadow DOM.
Yang is now available for hire
Hire Yang

Portfolio

Experience

Location

Shanghai, China

Availability

Part-time

Preferred Environment

VS Code, Sublime Text, OS X, Ubuntu

The most amazing...

...thing I've developed was a TOEFL English test application which was developed with Electron and Angular Material and complies with WACG 2.0 standards.

Employment

  • Front-end Developer

    2020 - 2020
    Procurity
    • Revamped the MVP's React dashboard.
    • Built a white-label dashboard with Vue.js.
    Technologies: Bulma, Buefy, Vuex, Vue.js, Redux, React

  • Shopify Developer

    2020 - 2020
    Pathstream
    • Fixed UI issues in the existing theme.
    • Built a new configurable page using Shopify sections.
    Technologies: JavaScript, SCSS, HTML, Liquid, Shopify

  • Shopify Developer

    2019 - 2019
    Avex Designs, LLC (via Toptal)
    • Updated existing themes based on the designs. I cloned themes to update, worked locally, and pushed changes to the store using theme kit.
    • Fixed bugs on Shopify stores including a fashion retail store.
    • Integrated new Shopify apps and added new features.
    • Built new pages based on Sketch designs provided by the client.
    Technologies: HTML, JavaScript, Liquid, Shopify

  • Full-stack Developer

    2019 - 2019
    Celegence (via Toptal)
    • Built a dashboard UI using React/Redux and DataMaps.
    • Wrote database migration scripts using Sequelize on an existing database.
    • Built REST APIs using Node.js, Express.js, and MySQL.
    Technologies: Relational Data Mapping, D3.js, Sequelize, MySQL, Redux, React, Node.js

  • Front-end Developer

    2019 - 2019
    Temperpack (via Toptal)
    • Built an area chart for real-time temperature data coming from WebSockets using D3.js.
    • Developed a back-end service to receive real-time data from a third-party API and serve the data to the front end using WebSockets.
    • Constructed a one-page dashboard using existing data in MySQL database.
    • Built REST APIs to get data from an existing database using custom queries.
    • Developed a gauge chart using D3.js.
    Technologies: Socket.IO, Bootstrap, D3.js, Express.js, Node.js, Vue.js

  • Web and Mobile Developer

    2018 - 2019
    Hashplay, Inc.
    • Created a desktop application for camera configuration (Vue.js, Electron).
    • Developed web services to access the camera config settings (Node.js, Socket.IO).
    • Maintained AWS EC 2 instances along with the deployment of camera configured applications.
    • Built a web portal for traffic logistics to trade shows (React, Redux, Redux-saga, and Material UI).
    • Developed a mobile application for traffic logging (React Native, NativeBase, React Navigation, and React Native QR Code Scanner).
    Technologies: AWS EC2, Electron.js, Material Design, React Native, React, Vue.js, Node.js

  • Freelance Senior React Developer

    2018 - 2019
    Della AI (via Toptal)
    • Built a contract management tool (web application) for internal use with React, Redux, and Material UI.
    • Built a desktop application for managing legal contracts with Electron, React, Redux, and Material UI.
    • Integrated REST APIs with Redux-saga, Thunk, and Axios.
    • Converted Electron app to web app by modifying webpack configuration.
    Technologies: SaaS, Auth0, Google Material Design, Electron.js, Redux Thunk, Redux-saga, Redux, React

  • Senior Web Developer

    2017 - 2018
    Interactive Works
    • Developed TOEFL English test applications that complied with WCAG 2.0 requirements (Electron, Angular, and Angular Material).
    • Built a cross-platform self-learning card-based mobile application (Ionic 3).
    • Created an online survey application (React, Material UI, and D3.js).
    • Worked on an existing EPUB application with pure JavaScript to add/modify custom activity types.
    Technologies: JavaScript, HTML, Node.js, Ionic, Redux, React, Angular Material, Angular

  • Senior Web Developer

    2017 - 2018
    Digital Publications Ltd
    • Built the front end of a learning management system (React/Redux).
    • Added a messaging-and-notification system (React Pusher).
    • Implemented the front-end designs of the platform's online testing section.
    • Completed the signup process and Stripe integration on the front-end.
    • Integrated REST APIs using Redux, Redux-saga and Axios.
    Technologies: Redux-saga, Redux, React

  • Web Developer

    2017 - 2017
    Luxair Group
    • Built an admin dashboard to manage employees and payrolls.
    • Customized ng2-admin to implement the new design for the dashboard and integrated the SAP API.
    • Added an organizational chart using D3.js and rendered in a PDF form for referrals.
    Technologies: D3.js, Node.js, Angular

  • Senior Angular Developer

    2016 - 2017
    Directory Labs
    • Developed a project management system for editors and artists.
    • Used Firebase real-time database to synchronize working status and push real-time updates to clients/customers.
    • Built various components using Material Design and implemented rich animations using CSS3.
    • Introduced a scalable architecture following Todd Motto's style guides.
    Technologies: Firebase, Material Design, AngularJS

  • Web Developer

    2014 - 2016
    Sky Software Services
    • Built a small shopping cart (CodeIgniter and PHP).
    • Developed an admin dashboard monitoring users and various network statuses.
    • Constructed a financial dashboard that was generating daily, monthly, and yearly reports (Highcharts).
    • Worked on various tasks and bugs in the company's website.
    Technologies: CSS, HTML, jQuery, WordPress, CodeIgniter, PHP

  • Mobile Developer

    2014 - 2014
    Enjoysport Games
    • Developed a 2D Android game called Baseball Run (Cocos2d).
    Technologies: Android, Cocos2d

  • Mobile Developer

    2013 - 2013
    3A Games
    • Built 2D games for iOS and Android devices.
    • Increased the performance with multithreading.
    • Stored data in a database (Core Data and SQLite).
    Technologies: Cocos2d, Android, iOS

  • Web Developer

    2013 - 2013
    Brighter Link
    • Developed the front end by dealing with various UI elements and D3.js charts for statistical data.
    Technologies: D3.js, CSS, HTML, JavaScript

Experience

  • White-label Applications

    This was a front-end development project for an LMS website using React/Redux. It involved a rich internet application with a complex-and-clean design, and the scale of the project was fairly large concerning several domains.

    One of the core features of the application deploying various brands (logos and styles) in each domain. It also has a decent access control system with several roles where a super administrator can manage all the deployed instances and content of the application.

    As a core member of the front-end team, I developed various foci of the website including chatting, notifications, dashboard, testing, the sign-up process, and more.

  • EASTVideo
    https://drive.google.com/open?id=1eGB-K_-HLgrMnQRUt1hyJjQBA6DqIOpe

    This is an Electron-and-Vue.js application that is also a part of a large real-time data source platform. The application starts/stops an AI engine, configures the cameras so that AI engine can use, receives the results from the AI engine to data engine, and more.

    Front-end Work:
    · Added a token/settings page
    · Implemented a Vue.js router, Vuex, Vue2-Google-Maps, Vue-konva (Canvas library).
    · Integrated an API service which will interact with the back-end (Electron main process) using a remote module.
    · All of the HTTP calls are implemented in the main process and renderer process will call the APIs via the main process.

    Back-end Work:
    · Developed a Node.js server to control the Electron app.
    · Added Swagger documents
    · Built a modular-based architecture with data, a camera, a cleaner, an engine, a heartbeat, and ingest and unit modules.

  • TOEFL English Test

    This is a cross-platform desktop application to help English learners in assessing their English level based on the predefined data sets. It also passes WACG 2.0 standards to help people with disabilities to access the material.
    It's built with Electron and Angular Material.

  • Schaum's Outlines

    This is a cross-platform card-based mobile application built with Ionic 3. It has an infinite navigation structure, several card types, and the ability to record/play audio files with an Ionic Native media plugin.

    I also added the persistent data source with an SQLite database.

Skills

  • Languages

    Java, CSS3, Python, Python 3, PHP, JavaScript, HTML5, CSS, SCSS, GraphQL, TypeScript, HTML, ECMAScript (ES6), Pug, Ruby, Solidity

  • Frameworks

    Serverless Framework, Spring, Spring Security, Jasmine, Swagger, Vuetify.js, Electron, Electron.js, Ionic 2, Ionic 3, Ionic 4, React Native, Express.js, Redux, Django, Angular, Laravel, Angular Material, Hapi.js, Material-UI, Vanilla JS, Bootstrap, Ruby on Rails (RoR), Cocos2d, Koa, CodeIgniter, AngularJS, Ionic, Bulma, Truffle

  • Libraries/APIs

    Highcharts, Liquid, Reactstrap, Vue.js 2, Vue Material, D3.js, Redux Form, Redux-saga, React Redux, Vue.js, Vuex, React, Node.js, NgRx, Google API, REST APIs, Moment.js, Web3.js, Firebase Web SDK, Three.js, AWS EC2 API, Shopify API, GatsbyJS, jQuery, Socket.IO, Buefy

  • Tools

    Webpack, Redux Thunk, Vue CLI, Shell, GitHub, Auth0, Webpack 4, Webpack 3, React Apollo, Git, JSX, Firebase Authentication, CircleCI, AWS ECR, AWS ECS, Shopify Plus, Sublime Text, VS Code, Sequelize

  • Paradigms

    REST, Microservices Architecture, Microservices, Agile Software Development

  • Platforms

    Shopify, Linux, AWS EC2, Docker, Web, Amazon Web Services (AWS), Firebase, WordPress, Kubernetes, AWS Lambda, Ubuntu, OS X, iOS, Android, Blockchain

  • Storage

    Firebase Realtime Database, PostgreSQL, MongoDB, MySQL, AWS S3, Couchbase

  • Other

    WebSockets, SaaS, Containers, OAuth, Vue-router, Shopify Customizations, PSD to Shopify, Front-end, Full-stack, Pixel Perfect, Sagas, Web Components, Theme Development, ESLint, Architecture, Pub/Sub, AWS, Material Design, Google Material Design, Relational Data Mapping, Smart Contracts

Education

  • Bachelor's degree in Computer Science
    2008 - 2012
    Beijing University of Technology - Beijing, China

To view more profiles

Join Toptal
Share it with others
Hire the top 3% of freelance developers TM