Elan is currently unavailable
Elan Mills Canfield
Verified Expert in Engineering
Front-end Developer
Tucson, AZ, United States
Toptal member since July 13, 2021
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
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
Project History
Full-stack Website for Boeckeler Instruments
https://boeckeler.comI 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.
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.
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.
My team and I were tasked with completing the concept and wrapping the pure JavaScript code in React for use on the enterprise site.
Education
2015 - 2020
Bachelor's Degree in Computer Engineering
University of Arizona - Tucson, AZ, United States
Skills
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