Edwin Chan, Developer in Calgary, AB, Canada
Edwin is available for hire
Hire Edwin

Edwin Chan

Verified Expert  in Engineering

React Developer

Location
Calgary, AB, Canada
Toptal Member Since
January 14, 2022

Edwin is a front-end developer working primarily with React, React Native, and TypeScript. He is proficient in REST APIs, GraphQL, and UI/UX tools such as Figma, Marvel, and Miro. At Shopify, he helped build the Sign in with Shop authentication experience and contributed to the Shop eCommerce app. Past projects include React apps, mobile apps, and AR/VR experiences using the HoloLens.

Portfolio

Self-employed
React, React Native, Firebase, Cloud Firestore, Netlify, Next.js, TypeScript...
Tekarra Project Services
React Native, Expo, Firebase Authentication, Google Cloud Functions...
Shopify
React, React Native, iOS, Docker, Ruby, Datadog, Agile Project Management...

Experience

Availability

Part-time

Preferred Environment

React, React Native, TypeScript, GraphQL, REST, Material UI, Firebase, Expo, Next.js, Netlify, Front-end, Jest

The most amazing...

...project I've contributed to is an eCommerce app called Shop owned by Shopify, with millions of users globally.

Work Experience

Full-stack Developer

2020 - PRESENT
Self-employed
  • Developed an Android app for home automation, allowing owners to control the temperature, lighting, doors, blinds, and even irrigation.
  • Created a PWA dashboard for top real-estate photography in the city to manage appointments, invoices, expenses, and staff payouts. The appointments were pulled from Acuity through a webhook, and invoices were exported via a FreshBooks integration.
  • Developed a React Native mobile app to manage real estate properties, allowing users to upload their warranty documents, set up recommended reminders for home maintenance, and search for local contractors.
  • Used React web to develop a check-in system for a local sports facility, saving them over $4,000 per year in subscription fees.
  • Developed a React Native social media app for Tekarra Projects Ltd. The back end relied on the Firebase ecosystem (Auth, Firestore, Cloud Functions, Cloud Storage), while Blackhawk Network and Elavon integrations provided in-app gift card purchases.
Technologies: React, React Native, Firebase, Cloud Firestore, Netlify, Next.js, TypeScript, Node.js, Consulting, Custom Solutions, Front-end, Unit Testing, REST APIs, CSS3, CSS

Lead Developer

2020 - PRESENT
Tekarra Project Services
  • Architected a custom solution for a new social media app while educating and assuring stakeholders new to the software space.
  • Managed timeline and expectations following the resources available. Advised PM on the necessary team members and explained the pros and cons of different tech stacks. Ran weekly standups with Jira.
  • Onboarded multiple team members, ranging from new graduates to senior developers. Our team operated in the local office and remotely with developers in Canada and overseas.
Technologies: React Native, Expo, Firebase Authentication, Google Cloud Functions, Google Cloud Storage, Jira, Microsoft Teams, CI/CD Pipelines, Sentry, Segment, Mailgun, Plivo, Front-end, REST APIs, CSS3, CSS

Senior Front-end Developer

2019 - PRESENT
Shopify
  • Championed parts of the Sign in with Shop authentication experience at Shopify. Since contributing to the project in its early stages, Sign In with Shop has grown to be used in hundreds of thousands of stores, with millions of global users.
  • Championed and integrated novel features around push notifications, such as iOS time-sensitive notifications, to improve UX while ensuring users received timely and relevant notifications.
  • Improved event reporting in web and mobile apps, facilitated earlier bug detection and enabled detailed results validation with our data scientists.
Technologies: React, React Native, iOS, Docker, Ruby, Datadog, Agile Project Management, Front-end, Jest, Vanilla JS, Unit Testing, REST APIs, HTML5, CSS3, CSS, HTML

Front-end Developer

2019 - 2021
Seequent
  • Contributed significantly to a web port of the company's main desktop product for interacting with 3D models across multiple industries. Examples included geological models for mining and exploration, watershed models, and city transportation models.
  • Helped architect and implement the front-end model parser, emphasizing performance. Overcame many challenges such as loading data on-demand, reducing memory use, and optimizing UI render to support models up to 1GB in size.
  • Implemented automated end-to-end (E2E) tests in our Azure pipelines using BrowserStack and Nightwatch.js.
Technologies: React, TypeScript, RxJS, Python, VMware, Azure, CI/CD Pipelines, Front-end, Jest, Unit Testing, REST APIs, HTML5, CSS3, CSS, HTML

Full-stack Developer

2017 - 2019
VizworX
  • Designed custom solutions for clients from multiple industries, including oil and gas, education, emergency response, and health services. Deliverables included React/Ruby PWA, Android and iOS native apps, and the TensorFlow machine learning model.
  • Developed a 3D model review app for the HoloLens AR headset used by Cenovus for life-size model reviews and walkthroughs. We were one of the earliest adopters of the HoloLens in Canada.
  • Implemented a remote collaboration feature on the HoloLens, allowing multiple reviewers to see others as live virtual avatars while reviewing the same model. It was before Microsoft released their Microsoft Mesh app for shared experiences.
  • Integrated Stripe API into a React/Ruby progressive web app (PWA) to purchase digital services.
  • Developed native Android and iOS survey apps for the First Nations Technical Services Advisory Group to survey living conditions. Built a custom parser for ODK forms using a subset of the W3C XForms specification.
Technologies: React, Android, Flutter, Unity3D, Unity SDK, Universal Windows Platform (UWP), Mixed Reality (MR), Microsoft HoloLens, Ruby, Python, Front-end, Jest, Vanilla JS, Unit Testing, REST APIs, HTML5, CSS3, CSS, HTML

Researcher | MSc Candidate

2015 - 2017
University of Calgary
  • Published nine publications, including an award-winning paper at CHI, the top conference in human-computer interactions (HCI), regarding the design of hand gestures for user interaction: dl.acm.org/doi/10.1145/2858036.2858589.
  • Received the Teaching Excellence Award in recognition of the top TA with the highest student review score in the department—over 98.5%.
  • Got PhD offers from professors at Dartmouth College (Ivy League), the University of Michigan, Simon Fraser University, and the University of Calgary.
Technologies: JavaScript, Node.js, Microsoft HoloLens, Unity3D, Conference Speaking, Tech Conferences, University Teaching, Front-end, Vanilla JS, REST APIs, CSS, HTML

Research Assistant

2013 - 2015
University of Calgary
  • Developed a spatial-awareness toolkit for stationary and mobile devices to enable natural interactions, such as "pouring" data from an iPad to a tabletop display and wrote the publication: dl.acm.org/doi/10.1145/2817721.2817750.
  • Prototyped software for research under my mentor Teddy Seyed, currently a senior researcher at Microsoft Research.
  • Developed a Ruby on Rails website for SurfNet, a Canadian research alliance of academic researchers, industry partners, and government collaborators.
Technologies: JavaScript, Objective-C, Unity3D, Mixed Reality (MR), Agile Software Development, C#, UX Research, CSS, HTML

Shopify Shop App

A top-rated React Native mobile app for eCommerce and account management.

As a front-end developer, I worked with a large team of other skilled developers and UX designers and focused on account management, account verification, and push notifications.
2015 - 2017

Master's Degree in Computer Science

University of Calgary - Calgary, Alberta, Canada

2010 - 2015

Bachelor's Degree in Computer Science

University of Calgary - Calgary, Alberta, Canada

Libraries/APIs

React, REST APIs, Node.js, RxJS, Plivo

Tools

Figma, Expo, Unity SDK, VMware, Firebase Authentication, Jira, Microsoft Teams, Sentry

Frameworks

Jest, Material UI, React Native, Vanilla JS, Next.js, Unity3D, Flutter

Languages

JavaScript, TypeScript, HTML5, CSS3, CSS, HTML, TypeScript 3, GraphQL, Objective-C, C#, Ruby, Python

Paradigms

REST, Agile Software Development, Unit Testing, Human-computer Interaction (HCI), Agile Project Management

Platforms

Firebase, Android, Universal Windows Platform (UWP), Azure, iOS, Docker, Mailgun, Netlify, Visual Studio Code (VS Code)

Storage

Cloud Firestore, Datadog, Google Cloud Storage

Other

Front-end, Google Cloud Functions, Research, Augmented Reality (AR), Virtual Reality (VR), Microsoft HoloLens, UX Research, Presentations, Conference Speaking, Mixed Reality (MR), Tech Conferences, University Teaching, CI/CD Pipelines, Segment, Consulting, Custom Solutions, App Store

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring