Full-stack Developer
2018 - PRESENTMitre 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), RubySoftware Developer
2016 - 2017Uberflip- 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, PHPCloud Apps Software Developer
2016 - 2016Autodesk 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, AngularJSC/C++ Software Programmer
2015 - 2015Northport 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++, CSoftware Engineering
2015 - 2015Imagine 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#
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
Portfolio
- Mitre MediaApollo, GraphQL, Kubernetes, Docker, MySQL, React, Ruby on Rails (RoR), Ruby
- UberflipJavaScript, CSS, HTML, PHP
- Autodesk Canada CoGrunt, AngularJS
Experience
- JavaScript 5 years
- CSS 5 years
- REST APIs 4 years
- React 4 years
- HTML5 4 years
- Ruby on Rails (RoR) 3 years
- Sass 3 years
- GraphQL 2 years
Availability
Part-time
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.
Employment
Experience
- 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
Skills
Languages
JavaScript, Sass, HTML5, Ruby, JavaScript 6, Java, CSS, GraphQL, CSS3, HTML, C#, C, PHP, C++, Python 3, BashFrameworks
Ruby on Rails (RoR), Tailwind CSS, AngularJS, Bootstrap, Cypress.io, React Native, FlutterLibraries/APIs
React, REST APIs, JSON API, Node.js, Google Maps APITools
Jira, Git, RSpec, Docker Compose, JSS, Grunt, Qt Creator, Webpack 4, BabelParadigms
Agile Software Development, Continuous Integration (CI), Continuous Development (CD), REST, E2E TestingPlatforms
Firebase, Visual Studio Code, Netlify, MacOS, Linux, Docker, KubernetesOther
Freelance, Gatsby, Semantic UI, ApolloStorage
MySQL, MongoDB
Education
- Bachelor's Degree in Computer Science2012 - 2018University of Waterloo - Waterloo, Ontario, Canada
