Elan Mills Canfield, Front-end Developer in Tucson, AZ, United States
Elan Mills Canfield

Front-end Developer in Tucson, AZ, United States

Member since July 13, 2021
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.
Elan is now available for hire


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



Tucson, AZ, United States



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.


  • 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
    • 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, MUI (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

    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.


  • Languages

    JavaScript, TypeScript, Python, CSS, GraphQL, C++, Java, C, C#
  • Libraries/APIs

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

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

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

    Photoshop CS6, Git, GitHub, Bitbucket, Blender
  • Platforms

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


  • Bachelor's Degree in Computer Engineering
    2015 - 2020
    University of Arizona - Tucson, AZ, United States

To view more profiles

Join Toptal
Share it with others