React Chapter Lead
2019 - 2020OMERS- Managed 16 React developers across different teams, facilitated cross-team functions such as chapter meetings, component library guild, and initiatives such as feature flags.
- Created a dynamic content rendering engine to read from Contentful CMS and display custom webpage content and layout based on the data retrieved. Having content as data eliminated the need to deploy code whenever creating or updating a page.
- Used React Redux to manage state in complex, highly interactive logged in the portal for the OMERS Pension.
- Communicated, built, and demoed the proof of concept (POC) used in the Contentful CMS site-builder to business leaders, then led the team to implement that idea into a successful product.
- Mentored and led four junior developers, three of whom received team and company recognition as intermediate level developers after one year.
Technologies: Next.js, Node.js, Contentful, React Redux, ReactSenior Angular Developer (Contract)
2019 - 2019Royal Bank of Canada- Separated Angular project from its Go back end, enabling Angular to be deployed and served separately from Go. This allows for better separation of concern and an independent release schedule.
- Implemented the Node.js server as a backend for frontend (BFF), with Passport.js as the authentication layer. This allows the Go server to become a microservice and focus on business logic.
- Integrated OAuth into the Node.js server to pave the path for a single sign-on (SSO) experience with other Royal Bank services.
Technologies: Go, Passport.js, Node.js, NgRx, AngularSoftware and Architecture Consultant
2018 - 2019RewardOps- Embedded with client company teams, including LoyaltyOne and BMO, and implemented front-end applications to support RewardOps’ Software as a Service (SaaS) back end.
- Wrote a transform library to convert RewardOps backend responses to transform data to deal with specific UI rendering concerns.
- Maintained a demo front-end client application so RewardOps can show off their Software as a Service capability to potential clients.
Technologies: NgRx, Node.js, AngularLead IT Architect
2017 - 2018TELUS Digital- Created a custom rendering engine to allow content creators to build the site they want without going through developers.
- Created a what you see is what you get (WYSIWYG) editor to read and save content, enabling a more straightforward GUI and better site editing experience.
- Created a grid system to eliminate the need for an ever-expanding collection of unique UI renderers. A new website element can be created through the composition of grid components.
Technologies: Antd, Contentful, ReactSolution Architect
2015 - 2017Rangle.io- Provided onsite consultation and mentorship traveling to the client’s office and directly mentor three software teams delivering software.
- Trained and mentored developers on areas such as Redux patterns, separation of data and logic, and data modeling for the front end.
- Provided architectural code reviews for the client's pull requests to ensure the single direction data Flow is implemented correctly.
- Adapted and implemented the correct Agile and Scrum philosophy in challenging the Waterfall organization.
- Provided weekly consultation sessions to advise on previous week’s problems and work out plans for work needed to be completed next week.
- Reviewed Redux implementation and observable usage to ensure best practices are followed.
- Suggested internationalization strategies using NGX-translate and Angular2 translation implementation.
- Developed a three-day training course to build enterprise-level software using Angular2 and Redux.
- Delivered training through live coding and exercises. Used slides as supplementary material.
Technologies: Node.js, NgRx, Angular
Tsung-Ting (John) Chen
Software Developer in Toronto, ON, Canada
Member since October 28, 2020
With over 13 years of web development experience, John has led teams in enterprise fintech and telecom companies such as OMERS, Royal Bank of Canada, TELUS Digital, Rangle.io, and Progressive Insurance. John specializes in both Angular and React front ends with optional Node.js support. John sees Toptal as an amazing platform because the variety of opportunities it offers will allow him to meet and work with other top-quality engineers in the field.
Tsung-Ting is now available for hire
Portfolio
- OMERSNext.js, Node.js, Contentful, React Redux, React
- Royal Bank of CanadaGo, Passport.js, Node.js, NgRx, Angular
- RewardOpsNgRx, Node.js, Angular
Experience
- Git 7 years
- Angular 5 years
- Node.js 5 years
- NgRx 5 years
- React 4 years
- MongoDB 4 years
- React Redux 4 years
- Contentful 3 years
Availability
Part-time
Preferred Environment
MacOS, Slack, Git
The most amazing...
...thing I developed is a rendering engine capable of custom routing, layout, and content generation by modifying content on a CMS.
Employment
Experience
- BlueBird Stock Random Walk Analysis
If we take stock fluctuations as a series of numbers whose relations with each other are only a series of random deltas, is there an algorithm to outperform the buy and hold strategy? This is the simulation and evaluation tool created to evaluate such a strategy.
Based on the algorithm created from the findings here, I built a trading algorithm hooked to Questrade API and traded with real money. It ran for one year before Questrade changed its user agreement and shut it down. The algorithm performance gained 13% versus a buy and hold strategy of a 15% gain. - TELUS Digital Site Builderhttps://www.telus.com/en/
A React rendering engine that takes content from Contentful CMS and renders dynamic webpages. Having layout information and web content retrieved from Contentful enables publishing flexible, dynamic web pages without the code deployment.
- OMERS Static Site Generatorhttps://www.omers.com/
A React-based Next.js application taking Contentful data organized in rows and dynamically rendering it onto the webpage. The payload is cached per page to improve performance. The ability to publish static content outside of release cycles proved extremely valuable during COVID-19 times, where information needs to be shared quickly. A two-week deployment cycle would hurt business values.
Skills
Languages
HTML, JavaScript, CSS, Java, C, C++, PHP, Flash ActionScript, GoFrameworks
Angular, Ionic, AngularJS, Next.jsLibraries/APIs
React, React Redux, NgRx, Node.js, Passport.js, Antd, jQueryTools
Git, SlackPlatforms
Contentful, MacOSIndustry Expertise
IT SecurityStorage
MongoDB, Databases, MySQL, Redis CacheOther
Algorithms, Server-side Rendering
Education
- Bachelor's Degree in Computer Engineerinig2003 - 2007University of Toronto - Toronto, Canada
