Leo Liu, Software Developer in Toronto, ON, Canada
Leo Liu

Software Developer in Toronto, ON, Canada

Member since September 23, 2019
Leo is a full-stack developer, technology enthusiast, and University of Waterloo CS fellow. With a full-hearted pursuit in the web development field, Leo has developed quality products in both React and AngularJS; built back ends in Ruby on Rails and Node.js; architected full-stack communication through REST and GraphQL; and leveraged databases such as MySQL, MongoDB, and Firebase, all with his peculiarly strict standards for Git commits.
Leo is now available for hire




Toronto, ON, Canada



Preferred Environment

Visual Studio Code, Git, Linux, MacOS

The most amazing...

...project I have accomplished is migrating a 10-year-old codebase that faces millions of users.


  • Full-stack Developer

    2018 - PRESENT
    Mitre Media
    • Reduced server response time significantly using different caching strategies, assets management, and database querying optimization in MySQL.
    • Architected and implemented a front-end system for React application with Material UI and Styled Components and animation using React Pose.
    • Incorporated React strategies such as higher-order components, render props, and global state management using Apollo client caching.
    • Leveraged the Proxy Pattern in back-end Ruby on Rails application to retrieve and process financial data through third-party REST APIs.
    • Migrated over 70% of the legacy codebase in PHP and Rails 3 to Rails 5 to a smart (dynamic) components architecture.
    • Proposed and developed GraphQL endpoint for its advantage of a single source of data while developing GraphQL schema foundation in Rails and reusable Querying/Mutation structure in React with Apollo.
    • Managed assets using Webpacker in Rails for optimization.
    • Implemented an entire rebranded UI/UX on two major products that average 1 million monthly page views using HTML (HAML), CSS (Tailwind.css), and JS (Stimulus, and EventQueue system, Webpack compiled) within two/three months.
    Technologies: Apollo, GraphQL, Kubernetes, Docker, MySQL, React, Ruby on Rails (RoR), Ruby
  • Software Developer

    2016 - 2017
    • Administered a reusable in-house web app to process issues and commit data from Redmine and Jira for SR&ED review using a pure JavaScript solution.
    • Promoted code quality and standards by implementing various custom Git commit hooks.
    • Employed PHP mass detector and PHP linting tools to maintain code integrity and visibility among the development team.
    • Streamlined developer workflow process by developing custom JIRA dev dashboards and queries.
    • Performed bi-weekly sprints, story point estimations, retrospectives and code reviews in an agile manner.
    Technologies: JavaScript, CSS, HTML, PHP
  • Cloud Apps Software Developer

    2016 - 2016
    Autodesk Canada Co
    • Leveraged UI/UX designer's expertise and excelled in redesigning Autodesk Fusion Life Cycle main UI.
    • Initiated in implementing additional measures for page load time performance and UI improvements.
    • Strived for detailed inspection for peer code review and suggestive comments.
    • Skillfully practiced the use of AngularJS and SASS for feature development.
    Technologies: Grunt, AngularJS
  • C/C++ Software Programmer

    2015 - 2015
    Northport Systems
    • Created several in-house utilities leveraging object-oriented architecture, parallel processing, and command line support.
    • Designed graphical user interface for utilities using QT Creator with MVC architecture.
    • Delivered projects using GDAL (Geospatial Data Abstraction Library), Boost, and QT libraries for data processing and manipulation.
    Technologies: Qt Creator, C++, C
  • Software Engineering

    2015 - 2015
    Imagine Communications Corp
    • Created full record logging feature to all critical user interactions with the company's media software.
    • Identified and conducted fixes to software regarding 32 bits and 64 bits operating system discrepancies.
    • Operated version control using Mercurial and CVS.
    Technologies: C#


  • Mobile App

    ❖ Established Facebook, email, and phone authentication using Firebase authentication system
    ❖ Handled storage and database using Firebase cloud storage
    ❖ Composed and designed rich mobile front end interface using React-Native for both iOS and Android devices
    ❖ Built reusable components throughout for simplicity and maintainability
    ❖ Fluent with Apple credentials setup, Testflight upload configuration using FastLane
    ❖ Incorporated Crashalytics to monitor potential testing failures
    ❖ Prepared to scale application with a back-end REST API with Node.js for web application

  • University Club Website

    ❖ Designed and developed an informational website using a minimalistic theme
    ❖ Ran backend with Express.js and composed views with EJS (Embedded JavaScript)
    ❖ Hosted the application on an Amazon EC2 instance and routed with Route 52
    ❖ Utilized semantics UI for visuals and responsive design
    ❖ Integrated in-page PDF reader, feedback form submission, and Google API integration for location


  • Languages

    JavaScript, Sass, HTML5, Ruby, JavaScript 6, Java, CSS, GraphQL, CSS3, HTML, C#, C, PHP, C++, Python 3, Bash
  • Frameworks

    Ruby on Rails (RoR), Tailwind CSS, AngularJS, Bootstrap, Cypress.io, React Native, Flutter
  • Libraries/APIs

    React, REST APIs, JSON API, Node.js, Google Maps API
  • Tools

    Jira, Git, RSpec, Docker Compose, JSS, Grunt, Qt Creator, Webpack 4, Babel
  • Paradigms

    Agile Software Development, Continuous Integration (CI), Continuous Development (CD), REST, E2E Testing
  • Platforms

    Firebase, Visual Studio Code, Netlify, MacOS, Linux, Docker, Kubernetes
  • Other

    Freelance, Gatsby, Semantic UI, Apollo
  • Storage

    MySQL, MongoDB


  • Bachelor's Degree in Computer Science
    2012 - 2018
    University of Waterloo - Waterloo, Ontario, Canada

To view more profiles

Join Toptal
Share it with others