Elan Mills Canfield, Developer in Tucson, AZ, United States
Elan is available for hire
Hire Elan

Elan Mills Canfield

Verified Expert  in Engineering

Bio

Elan is a full-stack developer with four years of experience ranging from embedded C++ to image processing with Python. For the past few years, Elan’s focus has been front-end development with React and TypeScript. Other front-end technologies that Elan’s used include Redux and component libraries such as Chakra UI. Elan is also comfortable using React Native and back-end technologies like GraphQL.

Portfolio

Gap, Inc.
React, Three.js, JavaScript, Git, GitHub, CSS, TypeScript, Blender, WebGL
Stuff4Hire
React, Redux, TypeScript, Material UI
Boeckeler Instruments
C++, Python, Image Processing, React, OpenCV, Firebase

Experience

  • Software Development - 4 years
  • React - 4 years
  • Git - 4 years
  • JavaScript - 4 years
  • Firebase - 3 years
  • TypeScript - 2 years
  • Three.js - 2 years
  • GraphQL - 1 year

Availability

Part-time

Preferred Environment

React, TypeScript, GraphQL, Node.js

The most amazing...

...project I've built is a website for a microscopy instrument company in Tucson, AZ; it was built in React and Firebase with 7,200 unique visitors in 2020.

Work Experience

3D Developer

2020 - 2021
Gap, Inc.
  • Converted 3D experience from WebGL to Three.js to improve developer efficiency and accessibility.
  • Created and modified 3D models in Blender for use in prototype React applications.
  • Implemented various UI mockups in React and TypeScript; the mockups were created in Figma by a UI designer working on the team.
Technologies: React, Three.js, JavaScript, Git, GitHub, CSS, TypeScript, Blender, WebGL

Front-end Developer

2019 - 2020
Stuff4Hire
  • Collaborated with the lead back-end developer to implement the booking and messaging system used in the website.
  • Worked with lead back-end developer to implement a review system for items posted on the site.
  • Completed front-end tasks assigned to me via Jira (our ticketing software); tasks range from fixing problematic components and user flows to implementing new features on the site.
Technologies: React, Redux, TypeScript, Material UI

Software Engineeer

2019 - 2020
Boeckeler Instruments
  • Implemented Python image processing code in C++ using OpenCV.
  • Coordinated with hardware engineers to develop a proprietary API between physical instruments and software.
  • Built and maintained the company website with full content management system. The website was built in React with a Firebase back end.
  • Travelled to London to work with scientists at the Francis Crick Institute on image processing software for microscopy.
Technologies: C++, Python, Image Processing, React, OpenCV, Firebase

Software Devlopment Intern

2018 - 2019
Jacobs Enginering Group
  • Designed and assembled a prototype with Arduino within a team that designed and prototyped an atmospheric sensing system in three months. The system tracks temperature and relative humidity, sending measurements to the main hub via RF signals.
  • Developed a Windows application for remotely monitoring and controlling atmospheric sensors in the field. Coordinated with another intern to design a protocol between the hardware and the software; built the software in C# using WPF.
  • Fixed bugs in production applications assigned to me via an internal ticketing system. The applications were written in C# with WPF and the MVVM pattern.
  • Contributed to the design and build of coding challenges for the Hack Arizona 2019 hackathon, which was presented by Jacobs and hosted by the University of Arizona; built a React and Firebase application which served as a leaderboard for contestants.
  • Presented an introductory tech talk on React Hooks. Discussed the advantages of the library and some of the basic features of React such as functional components and basic state management.
Technologies: C#, Windows Presentation Foundation (WPF), Arduino

Full-stack Website for Boeckeler Instruments

https://boeckeler.com
I built a website for Boeckeler Instruments, a local microscropy instruments company in Tucson, AZ.

The website includes company information, career positions, products, and more. The product pages include gallery images, datasheet PDFs, and other specifications.

The authentication needed to cover the admins, Boeckeler dealers, and administrators who controlled all website content; Boeckeler dealers also required access to restricted files.

The front end was built in React and the back end with Firebase.

Web Application for Stuff4Hire

A web App for Stuff4Hire that's written in React and Redux with TypeScript.

I was tasked with implementing various components and user flows including the homepage, product pages, item rental flow, and item review flow.

3D Prototypes for YZY/Gap Collaboration

A React-and-Three.js prototype of a 3D shopping experience for the Yeezy/Gap collaboration. The initial concept was developed by a WebGL developer who could no longer work on the project.

My team and I were tasked with completing the concept and wrapping the pure JavaScript code in React for use on the enterprise site.
2015 - 2020

Bachelor's Degree in Computer Engineering

University of Arizona - Tucson, AZ, United States

Libraries/APIs

React, Node.js, Three.js, WebGL, OpenCV

Tools

Photoshop CS6, Git, GitHub, Bitbucket, Blender

Languages

JavaScript, TypeScript, Python, CSS, GraphQL, C++, Java, C, C#

Frameworks

Redux, React Native, Windows Presentation Foundation (WPF), Express.js, Material UI, Next.js

Platforms

Windows, MacOS, Firebase, Arduino, Amazon Web Services (AWS)

Other

Software Development, Project Planning, User Interface (UI), Full-stack, Circuit Design, Circuit Analysis, Image Processing

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