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.js. 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

Portfolio

Experience

Location

Shanghai, China

Availability

Full-time

Preferred Environment

Ubuntu, OS X, Sublime Text, VS Code

The most amazing...

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

Employment

  • Shopify Developer

    2019 - 2019
    Avex Designs, LLC (via Toptal)
    • Updated existing themes based on the designs.
    • Fixed bugs in Shopify stores.
    • Integrated existing apps and added new features.
    • Built new pages based on Sketch designs.
    Technologies: Shopify, Liquid, JavaScript, HTML, Shopify Apps
  • Full-stack Developer

    2019 - 2019
    Celegence (via Toptal)
    • Built a dashboard UI using React/Redux and DataMaps.
    • Composed database migration scripts on an existing database.
    • Built REST APIs using Node.js, Express.js, and MySQL.
    Technologies: Node.js, React, Redux, MySQL, Sequelize, D3.js, DataMaps
  • 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: Vue.js, Node.js, Express, D3.js, Bootstrap.js, Socket.IO
  • 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 logistics (React Native, NativeBase, React Navigation, and React Native QR Code Scanner).
    Technologies: Node.js, Vue.js, React, React Native, Material UI, Electron.js, AWS EC 2
  • Freelance Senior React Developer

    2018 - 2019
    Della AI (via Toptal)
    • Built a contract management tool for internal use with React, Redux, and Material UI.
    • Constructed a desktop application for managing legal contracts with Electron, React, Redux, and Material UI.
    • Integrated REST APIs with Redux-saga, Thunk, and Axios.
    • Improved the code quality with tools like ESLint.
    • Wrote the documentation of new products.
    • Converted web version of Electron app using Webpack.
    Technologies: React, Redux, Redux-saga, Redux Thunk, Electron.js, Material UI, Auth0, SaaS
  • 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: Angular 2+, Angular Material, React, Redux, Ionic, Node.js, HTML, JavaScript
  • 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).
    • Realized the front-end design of the platform's online testing section.
    • Implemented the signup process and Stripe integration on the front-end.
    • Integrated APIs (Redux-saga and Axios).
    Technologies: React, Redux, Redux-saga
  • 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: Angular 4, Node.js, D3.js
  • Senior Angular Developer

    2017 - 2017
    Ombea
    • Fixed various bugs and UI elements in the Ombea dashboard.
    • Integrated an API built with ASP.NET.
    Technologies: Angular 1.5, TypeScript
  • Senior Angular Developer

    2016 - 2017
    Directory Labs
    • Developed a project management system for editors and artists.
    • Integrated an auto synchronizing environment using a Firebase real-time database.
    • Built various components using Material Design and implemented rich animations using CSS3.
    • Introduced a scalable architecture following Todd Motto's style guides.
    Technologies: AngularJS, Material Design, Firebase
  • 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: PHP, CodeIgniter, WordPress, jQuery, HTML, CSS
  • Mobile Developer

    2014 - 2014
    Enjoysport Games
    • Developed a 2D Android game called Baseball Run (Cocos2d).
    Technologies: Cocos2d, Android
  • 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: iOS, Android, Cocos2d
  • Web Developer

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

Experience

  • White-label Applications (Development)

    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 was the deployment was with 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.

    For this project, I developed various features of the website including chatting, notifications, dashboard, testing, the sign-up process, and more.

  • EASTVideo (Development)
    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 (Development)

    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 WCAG 2.0 standards to help people with disabilities to access the material.

    It's built with Electron and Angular Material.

  • Schaum's Outlines (Development)

    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.

    For this project, I added the persistent data source with an SQLite database.

  • Ombea Dashboard (Development)

    For this project, I worked on the admin dashboard of the Ombea feedback system which receives feedback from customers with proprietary hardware. The aim of the dashboard is to give insights about the customers' overall satisfaction level with various graphs, manage retailer shops, and so on.

    This was built with Angular 1.5, TypeScript, and Material Design on top of an ASP.NET platform.

Skills

  • Languages

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

    Serverless Framework, Spring, Spring Security, 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, Truffle
  • Libraries/APIs

    Highcharts, Vue.js 2, Bootstrap Vue, 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
  • Tools

    Redux Thunk, Vue CLI, Shell, GitHub, Auth0, Webpack 4, Webpack 3, React Apollo, Git, JSX, Firebase Authentication, CircleCI, AWS ECR, AWS ECS, Shopify Plus, Gatsby
  • Paradigms

    REST, Microservices Architecture, Microservices, Agile Software Development
  • Platforms

    Shopify, Linux, AWS EC2, Docker, Web, Firebase, WordPress, Kubernetes, AWS Lambda, Blockchain
  • Storage

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

    nodejs, WebSockets, Vue-router, Shopify Customizations, PSD to Shopify, Front-end, Full-stack, Pixel Perfect, Sagas, Web Components, ESLint, Architecture, Pub/Sub, AWS, 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