Andrew Steele, Developer in Chattanooga, TN, United States
Andrew is available for hire
Hire Andrew

Andrew Steele

Verified Expert  in Engineering

Web UX Developer

Location
Chattanooga, TN, United States
Toptal Member Since
May 12, 2016

Andrew is a creative problem-solver with a decade of experience who achieves quick results by thinking outside the box. He envisions user needs of multiple generations and brings back-end logic and understanding to front-end code and design. His flexibility and versatility allow him to maintain a sense of humor under pressure. He thrives in collaborative environments and enjoys mentoring junior developers to reach new levels of their craft.

Portfolio

Freelance Work
HTML, CSS, JavaScript, Ruby, PHP
InfoArmor
HTML, CSS, MobX, JavaScript, React
ADP
HTML, Electron, CSS, JavaScript, React

Experience

Availability

Part-time

Preferred Environment

Git, Sublime Text, OS X

The most amazing...

...project I've worked on was a real-time translation chat system designed for call centers that supported over 2,500 languages.

Work Experience

Webmaster | App Developer

2001 - PRESENT
Freelance Work
  • Developed an app for an automatic, template-based website and printed materials creation.
  • Consulted on an API design for a worldwide medical assistance organization.
  • Developed websites for a local playground designer and for a local preschool.
  • Advised a local ad agency on UX improvements for their client's sites.
  • Used PHP-based CMSs such as WordPress, Joomla, and CMSMadeSimple including custom templates.
Technologies: HTML, CSS, JavaScript, Ruby, PHP

Front-end Architect

2017 - 2018
InfoArmor
  • Led a team of five in a complete remake of InfoArmor's Identity Theft Prevention platform.
  • Architected the front-end for a new log-in and authentication system.
  • Developed work-flow charts and diagrams to ensure compliance with client deadlines.
  • Provided methodologies for object-oriented software development and efficient database design.
Technologies: HTML, CSS, MobX, JavaScript, React

Senior React Consultant

2017 - 2017
ADP
  • Architected a drag-n-drop, WYSIWYG desktop application for creating page layouts which compiled into a JSON specification.
  • Used plain JavaScript and React in the front-end and Node.js and Electron in the back-end.
  • Trained three junior developers in JavaScript, React, and Git.
  • Helped to define and implement JavaScript and Git best practices.
Technologies: HTML, Electron, CSS, JavaScript, React

UI/UX Developer (Contract)

2016 - 2017
Remine
  • Completed front-end development on version 1.0 of real estate analytics app.
  • Handled and was responsible for implementing interface design requirements from Photoshop mock-ups.
  • Provided UX consultation and advised senior staff on best-fit languages and app structure.
  • Worked with Google Maps API.
  • Transitioned the code base from standard CSS to SCSS.
Technologies: HTML, SCSS, CSS, jQuery, JavaScript

UI/UX Developer (Contract)

2016 - 2016
Rezli
  • Handled and was responsible for the development and strategy of the front-end for rezli.com.
  • Worked 100% remotely using Slack and Zoom.us.
  • Created multiple views using HTML/Slim Templates and CSS/SCSS.
  • Integrated (and in some cases de-integrated) functionalities using React.
  • Did some back-end work in Ruby on Rails as well.
Technologies: HTML, Ruby on Rails (RoR), Ruby, React, CSS, JavaScript

UI Engineer

2015 - 2016
CodeScience
  • Created a SPA for administrative interfaces.
  • Recreated an Excel-like interface for tabular insurance data.
  • Created a community blog platform for use by sales people inside SalesForce's HQ.
  • Worked individually and with a team.
  • Used Angular 1.x, Ember 1.x, pure JavaScript and ES2015, VisualForce, and Apex.
Technologies: Apex, Visualforce, Ember.js, CSS, JavaScript, Angular

Front-end Engineer

2015 - 2015
OrthoBanc
  • Created a database administration GUI using Ember.
  • Created a landing page/marketing mini-site for a new product line.
  • Provided support in the Node back-end; architecting their API.
  • Taught myself Ember from scratch while on the job.
  • Worked as part of a five-person Scrum team.
Technologies: Bootstrap, Sails.js, Node.js, HTML, CSS, JavaScript, Ember.js

Senior Technical Consultant | Lead Developer

2009 - 2015
Firma 8
  • Created an e-learning system for an accredited university.
  • Helped to create a live-streaming video platform.
  • Developed a translation plugin for Adobe InDesign.
  • Converted a legacy website into a responsive, mobile-friendly design.
  • Created real-time website and document translation engines using Rails and Sinatra.
  • Led a team of three in creating a real-time, translating chat system for call centers.
  • Consulted with outside clients to create solutions for their needs.
  • Oversaw teams of two-to-five other developers.
  • Produced product demo videos including screencasts, copywriting, and video editing.
Technologies: PHP, Backbone.js, JavaScript, Ruby on Rails (RoR), Ruby

Rezli | Reacting Well

Rezli brought me in to help them get down the last mile in the front-end as they were readying version 1.0 of their social networking app. I worked closely with their designer to determine how the UX of their product should look and feel for their users.

The original version of their app was created for them by contractors who chose to use React.js everywhere. The core development team and I were less-than-familiar with React development so part of the work I did was to convert some of the JSX templates to HTML/Slim templates and taking the JavaScript components out of the React framework and recreating them in pure JavaScript and/or jQuery. In other places of the app, I had to add new functionality and content using React—giving me valuable insight as to when React and event-driven frameworks like it are useful and when they're not.

Firma 8 | Site Translation

One of Firma 8's earliest products was a social network with a global audience, and we wanted a way for them to be able to talk to each other. Using the then-new Google Translate API, I was able to create a prototype of a near real-time website translator with an intelligent search-and-replace capability. This grew into a full business—allowing us to translate content for Fortune 500 companies while preserving their branding and industry-specific terminology.

Firma 8 | Document Translation

Once Firma 8 transitioned into offering translation services, we determined that document translation was going to be a necessary product as well. I first examined Microsoft Word's Open Office XML (OOXML) format, since I knew it would be easier to manipulate well-structured data.

What I didn't anticipate was how much formatting was included in the middle of the text. This required creating algorithms which could extract the text in-full for translation and then remember where to re-insert the content so as to preserve as much formatting as possible. For the non-XML, older version of Word, I used a SOAP-based conversion service to convert documents into OOXML prior to translating.

Navigate My Campaign | Website and Branding Generator

Navigate My Campaign wanted to become the one-stop shop for local politicians looking to launch and manage their campaigns for election all in one place. A big aspect of the product was having a unified platform where they could create and manage their website along with matching flyers, letterhead, and business cards.

I created the website generator and print materials generators using Ruby on Rails and Prawn (a PDF creator), and adapted and created the custom templates used by the generator. Each website also integrated with Facebook Pages and Twitter via API—allowing politicians to post in one place and have it automatically show up on their website too—negating the need for a full CMS and lowering the barrier to entry for non-technical candidates.

WriteMood

This is the primary controller within an Ember application that I developed. Its core functionality involves conducting sentiment analysis on a user's tweets to determine whether their overall sentiment leans towards positivity or negativity.

Firma 8 | Video Transcoding Service

I helped Firma 8 create a service where customers could upload videos that they wished to host online and get back a highly-optimized, web-ready file or embed code. The process and technology we employed were so unique, it was awarded a patent from the USPTO (Pat. No. 9,565,430). I created the front-end web-based interface for the service, as well as offering consulting services for implementation of the back-end of the service.

AndrewTheCreator.com

My personal portfolio website.

Languages

HTML5, HTML, CSS, CSS3, JavaScript, SQL, SCSS, PHP, Ruby, Apex

Libraries/APIs

jQuery, Backbone.js, MobX, React, RefluxJS, Node.js, Twitter API

Other

HTML UI, Front-end Development, Web UX, App UX, UX Thinking, Development

Frameworks

Ember.js, Ruby on Rails (RoR), Angular, Visualforce, Bootstrap, Electron, AngularJS, Sails.js

Tools

Sublime Text 3, Sublime Text, Git, Gulp, Grunt

Paradigms

Scrum, Agile

Platforms

MacOS, OS X

Storage

MySQL, PostgreSQL, NoSQL, MongoDB

2001 - 2003

Bachelor's Degree in Radio and Television Broadcasting

Toccoa Falls College - Toccoa Falls, GA, USA

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