Braden Kelley, Developer in Corvallis, OR, United States
Braden is available for hire
Hire Braden

Braden Kelley

Verified Expert  in Engineering

JavaScript Developer

Corvallis, OR, United States
Toptal Member Since
May 23, 2016

Braden has over eight years of experience, including more than three years of freelancing, as a full-stack developer working mainly with JavaScript, HTML/CSS, PostgreSQL, and Perl in a *nix environment. He's also completed multiple six-month internships before graduating from Oregon State University with a bachelor's degree in computer science. He's a big fan of open-source software and likes to stay up-to-date on the latest technologies.


House So Green (via Toptal)
Bootstrap, React Apollo, Reselect, Recompose, React Final Form, Mapbox...
SeatCrawler (via Toptal)
Amazon Web Services (AWS), CSS, Sass, HTML, JavaScript, Node.js...
Wirestorm Technology Inc. (via Toptal)
JavaScript, Jira, MongoDB, Express.js, Node.js, Semantic UI, React




Preferred Environment

Git, Vim Text Editor, MacOS, Linux

The most amazing...

...project I've worked on was a multi-threaded, front-end data manager using WebWorkers, WebSockets, and Ajax to smoothly fetch, alter, and display data.

Work Experience

Freelance React Front-end Developer

2018 - 2019
House So Green (via Toptal)
  • Created a React application for finding green-built homes.
  • Queried and mutated information from the backend using GraphQL with React Apollo.
  • Created a set of complex forms for editing information about homes, certifications, and other related data, including uploading photos.
  • Implemented an interface for efficiently searching through thousands of homes and displaying paginated results with an interactive map display.
  • Translated Sketch files provided by a designer to a responsive web design that works well with mobile and desktop browsers, using a combination of styled components and Bootstrap.
Technologies: Bootstrap, React Apollo, Reselect, Recompose, React Final Form, Mapbox, Styled-components, GraphQL, React

Freelance Front-end Developer

2016 - 2018
SeatCrawler (via Toptal)
  • Built a prototype in Ember.js for visualizing ticketing data on custom and interactive venue maps using MapBox.
  • Converted large GeoJSON maps to smaller vector tiles in Node.js and cached them on AWS in order to limit the amount of data transfer and speed up rendering.
  • Created a Node.js-based API using LoopBack to serve data cached in MongoDB.
  • Ported the mapping portions to standalone React-based components to be used in a larger application.
  • Optimized the map viewer for better controls on touch-enabled devices.
Technologies: Amazon Web Services (AWS), CSS, Sass, HTML, JavaScript, Node.js, Material Design Lite, Loopback, Firebase, Mapbox, Ember.js, Redux, React

Freelance Full-stack JavaScript Developer

2017 - 2017
Wirestorm Technology Inc. (via Toptal)
  • Converted InVision and Photoshop designs to an interactive, responsive, pixel-perfect user experience.
  • Incorporated user feedback from bi-weekly demos and daily standups.
  • Created detailed documentation describing API endpoints required for both our internal application and for fetching data from external providers.
  • Ensured support for the web application to be used in all major browsers as well as IE 11 and as a Microsoft Outlook add-in.
Technologies: JavaScript, Jira, MongoDB, Express.js, Node.js, Semantic UI, React

Senior Software Engineer - Theatrical Domestic

2015 - 2016
Rentrak Corporation
  • Set up an automated pipeline for continuous integration and deployment.
  • Optimized the performance of the production virtual machines through the allocation of resources and software.
  • Improved the client experience by providing new technologies quickly.
  • Upgraded a set of reports to show data visually using AmCharts and Google Maps.
Technologies: Google Maps, AmCharts, Jenkins, Redis, Oracle, Ember.js, Emacs, JavaScript, Perl

Software Engineer - Theatrical International

2011 - 2015
Rentrak Corporation
  • Upgraded the website to a Single Page App, using cutting-edge web technologies.
  • Developed a subsystem to track and display film interest prior to release.
  • Led the team transitioning data and reports from the French market into our system.
  • Practiced Agile, test-driven development in a Linux environment.
  • Created a set of charts and graphs to visually compare historical data across multiple sets of films.
Technologies: AmCharts, Vertica, PostgreSQL, Knockout (Knockout.js), Durandal, JavaScript, Perl

Peer Educator | Tutor

2010 - 2010
Academic Success Center, Oregon State University
  • Tutored three different students in the programming languages Haskell and Prolog.
  • Wrote sample problems and gave advice to prepare students for upcoming tests.
  • Guided students through lecture slides, homework, examples, and practice exams.
Technologies: Haskell, Prolog

Management Information Systems Intern

2008 - 2008
  • Designed a web-based help desk using ColdFusion and various web design standards.
  • Implemented a Microsoft Access-based database system for electronic change orders.
  • Provided general technical support with the Information Technology department.
Technologies: Adobe ColdFusion, CSS, HTML, JavaScript

House So Green
House So Green is a tool for finding green-certified homes. The site has information about homes as well as the suppliers, products, certifications, and awards associated with them.

I wrote the front-end for this site using React. The data is managed using Apollo GraphQL. A designer had provided mockups of the design in Sketch, which I then incorporated into the site using a combination of SCSS, Styled Components, and Bootstrap.

DataWorker is a joint effort mainly between me and one other coworker. We were interested in displaying tabular data on our internal website at work, but we were not satisfied with any pre-existing solution we could find. We had large amounts of data to receive and sort through, but we wanted to have the tables all rendered on the client-side.

We came up with DataWorker and open-sourced it. It let us stream data in using web workers so that the main thread doesn't get blocked when large amounts of data are coming in. We could then also sort the data in that separate thread and only request the small chunks we wanted to render a bit at a time. It allows you to stream through WebSockets or Ajax, and we kept the documentation up to date.

I recently updated the documentation's UI from Bootstrap 2 to Material Design.

International Box Office Essentials
I worked on this project at Rentrak for over four years. When we updated the site, I converted our customized CSS to Less by integrating it closely with Bootstrap for a consistent look. I also handled large amounts of data, created quick, responsive tables, and found ways to visually represent the data using graphs and charts. The site requires a membership, but you can get a feel for the responsive design just from the login page without needing an account.

Ye Olde Shoppe
As the final project for an online course on Angular, I created a mock storefront with RxJS, Redux, Firebase (for data management), and Angular Material (as a UI framework). Changes to products, orders, and users are all updated in real-time.

Logins are managed through Firebase using Google accounts for authentication. The store has the concept of three distinct roles for accounts, with varying permissions: users, managers, and admins.

Users can view products and add them to their shopping cart. The shopping cart allows users to edit the items and quantities of their order before checking out. Stripe's test mode is used during checkout to mock payments. Users can view their past orders and their status, and can also edit their profile picture, name, billing, and shipping addresses. All accounts are considered to be a user.

Managers have the ability to add new products and edit existing products, as well as view orders and update their status.

Admins can also add or edit products, as well as delete existing products. They may also view or delete existing orders. Admins also have the ability to view and edit other users.

Auto Repair Shop
For the final project of a course on React, I created a fake auto repair shop. This was bootstrapped with a Create React app, Material UI as a design framework, and Firebase for data storage.

In the repair shop, users can view repairs assigned to them and can comment on repairs. They also have the ability to mark a repair as completed which then needs to be approved by a manager. By default, all repairs are shown on screen, but there is a set of filters to find repairs by a date range, a time range, and whether the repair is completed or not. All filters are optional.

Only a manager may create, edit, or delete repairs, and assign them to other users or mark them as approved. They may also add and delete users, or add or revoke manager permissions for another user. Managers also have a special filter to view repairs assigned to a specific user.

All of the data is updated in real time. For example, if a manager is viewing completed tickets, then a user marks one of their tickets as complete and that ticket will immediately show up on the manager's screen.
2002 - 2010

Bachelor's Degree in Computer Science

Oregon State University - Corvallis, OR, USA


Mapbox GL, Turf.js, Node.js, jQuery, Firebase Web SDK, React Final Form, Flexbox, React Router, Moment.js, Lodash, Reselect, React, Immutable.js, Material Design Lite, Google Maps, Recompose, Leaflet, Reactstrap, RxJS, Chai, HTML5 Web Workers


Git, Vim Text Editor, React Apollo, Jira, Mocha, Emacs, Adobe ColdFusion, Sequelize, Eclipse IDE, Jenkins


Bootstrap 3, Knockout (Knockout.js), Ember.js, QUnit, Durandal, Angular, React Native, Bootstrap, Material UI, Express.js, Loopback, Aurelia, Redux


SQL, ECMAScript (ES6), ES8, ES7, JavaScript, Perl, GraphQL, Sass, Less, Bash, CSS, HTML, Prolog, Haskell, PHP


Mapbox, Linux, Firebase, MacOS, Amazon Web Services (AWS), Docker, Heroku, Oracle, iOS


PostgreSQL, Firebase Realtime Database, MySQL, Google Cloud SQL, NoSQL, MongoDB, Vertica, Redis


Test-driven Development (TDD)


Single-page Applications (SPA), Front-end Development, Firebase Hosting, Styled-components, AmCharts, Mapbox Styling, Semantic UI, CSS Grid, SEO Content, SEO Audits, Google Material Design

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.


Share your needs

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

Choose your talent

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

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