Stephen Byron Bondor, Developer in Los Angeles, CA, United States
Stephen is available for hire
Hire Stephen

Stephen Byron Bondor

Verified Expert  in Engineering

Full-stack Developer

Los Angeles, CA, United States

Toptal member since October 26, 2022

Bio

Stephen held a career in entertainment management for over a decade. In 2018, it became clear that tech and entertainment were colliding, so he decided to learn how to code. After finishing a one-year immersive full-stack bootcamp, he immediately landed an engineering role in public transportation, working with everything, from physical hardware to detailed CSS. Stephen has developed a passion for JavaScript and is eager for the next adventure.

Portfolio

GMV
JavaScript, TypeScript, CSS, Go, Kubernetes, C#, .NET, Helm, SQL, React...
Bloom Institute of Technology
Agile, Slack, Zoom, Code Review, Conflict Resolution, Full-stack...
Freelance Film Production
Movie Magic, Scenechronize, Drafting, Microsoft Excel, Leadership...

Experience

  • Leadership - 10 years
  • Node.js - 4 years
  • React - 4 years
  • CSS - 4 years
  • JavaScript - 4 years
  • Single-page Applications (SPAs) - 4 years
  • Full-stack Development - 4 years
  • Responsive UI - 3 years

Availability

Part-time

Preferred Environment

Node.js, React, Prisma, GraphQL, Docker, Kubernetes, TypeScript, CSS, Jest, JavaScript, Storybook

The most amazing...

...thing I've built in a week is a B2B SPA to monitor basic GTFS data that the Apple Maps team described as outstanding.

Work Experience

Full-stack Engineer

2019 - 2022
GMV
  • Participated in sprint planning, grooming, coordinating, PR reviews, and communication to meet team deadlines and goals.
  • Served as a public communication squad member—general-public-facing engineering squad—and participated in and advocated for the accessibility guild.
  • Contributed to and helped build our design system library with the design team.
  • Refactored 80% of our flagship React product with 150+ components to Hooks while upgrading it from Node.js 6 on Alpine to Node.js 14 on Alpine.
  • Took ownership of and built a B2B SPA to monitor basic GTFS data, which the Apple Maps team described as outstanding.
  • Solved broad, interdisciplinary problems, including Docker in Docker to run end-to-end tests across multi-image C# repositories, AWS routing and caching for database calls, and retooling rider mobile apps to meet high accessibility standards.
  • Initiated and built a GraphQL-based SPA, which laid the groundwork for an internal Kafka graph visualization tool.
  • Took ownership of and built a fully responsive remote signs SPA—bus terminal arrival times—which scaled from 40 to 4,000 pixels in width using streaming gRPC.
  • Initiated and built an integrated customer assets service that allowed agencies to upload images in WebGUI that were saved to and served from AWS.
  • Owned and managed the white-labeling of a React Native mobile app for streamlined integration with the Google Play and App Store.
Technologies: JavaScript, TypeScript, CSS, Go, Kubernetes, C#, .NET, Helm, SQL, React, React Native, Styled-components, CSS Modules, Webpack, Babel, Stylelint, React Router, Redux, Angular, Node.js, Docker, Docker Compose, GraphQL, REST, gRPC, Make, TeamCity, ESLint, APIs, iOS, Android, Amazon Web Services (AWS), Single-page Applications (SPAs), Full-stack, Full-stack Development, HTML5, Relational Databases, REST APIs, Storybook, Microservices

Computer Science Team Lead

2019 - 2019
Bloom Institute of Technology
  • Served as a project manager for a team of eight students on computer science curriculum projects emulating an agile work environment.
  • Managed 100 curriculum projects, resolving associated student issues through diagnostic code review, Slack help channels, and video calls.
  • Mentored students and a group on overall learning, best practices, and specific problem-solving approaches for programming.
  • Led weekly coding challenges in JavaScript, Python, and C, analyzing time and space complexity.
  • Researched and delivered supplemental programming curriculum on topics related to software engineering.
  • Led daily standup meetings to solve problems, discuss ideas, provide guidance, and build camaraderie surrounding assigned curriculum.
Technologies: Agile, Slack, Zoom, Code Review, Conflict Resolution, Full-stack, Full-stack Development

Assistant Director

2010 - 2017
Freelance Film Production
  • Acted as assistant director for 3,000+ hours on sets in Los Angeles, New York, and other parts of the US, ranging from no-budget shorts to indie feature films and national commercials.
  • Oversaw planning, scheduling, leading, and completing pre-production and production for shoots ranging from 10 to 22 hours per day, one to 30 consecutive days, ten to 120 people, and budgets up to $1 million.
  • Solved problems, prioritized tasks, and communicated with department heads.
  • Took ownership of the safety of personnel while working with explosions, car chases, helicopters, kids, animals, mountains, weapons, deserts, stunts, storms, ghettos, beaches, riots, eccentric personalities, crowds, visual effects, and celebrities.
  • Met hard deadlines in dangerous and highly stressful environments.
Technologies: Movie Magic, Scenechronize, Drafting, Microsoft Excel, Leadership, Conflict Resolution

Screens

A fully responsive React SPA that displays arrival times and info at bus terminals. The primary challenge was that we could not control the quality or aspect ratio of the screen we were to display it on. We were forced to assume an unknown aspect ratio with screen sizes between 1/4 of 240p and 4K resolution. Our solution was a completely scalable, aspect ratio-dependent, responsive page far outside the range of standard screen resolutions. Our app scaled from 40 to 4,000 pixels in width. It also scaled the displayed information according to the aspect ratio and the number of pixels it could work with, from one arrival time or bus bay of two to six characters to dozens of bays, buses, and times, with information about the next arrival and destination. To meet one of the more in-depth requirements, I authored a library to scale, wrap, and fit text inside a container to display the text at its maximum font size without overflow, given any particular font.

React Moderization

I refactored and updated the GMV's flagship, a 150+ component React app from Node.js 6 on Alpine to Node.js 14 on Alpine. It allowed updating 50+ appropriate npm packages, removing unneeded packages, and auditing the rest, taking security issues from 1,000+ to 0. Additionally, I took all React components from class components to Hooks and added and modernized ESLint and Stylelint. I also integrated development, build, and publishing pipelines in webpack to help future-proof the project from developer drift while maintaining a functional product under very active development. As a result, 80% of the project received massive overhauling.

Highly Available Node

https://gildedpleb.github.io/hab-guide/
The HAB Node project aims to create highly available, fault-tolerant Bitcoin nodes using Kubernetes (k8s) for higher-layer liquidity support. By adopting a clustering, containerization, and orchestration approach, the project ensures uninterrupted node functionality, even if one host is compromised.

HAB Node focuses on affordability and provides technical designs, tutorials, and resources to help users set up and manage their nodes. Ultimately, the project maintains decentralization and privacy in the Bitcoin ecosystem while addressing the growing need for high availability.

Lint the Current Thing

https://www.npmjs.com/package/eslint-config-current-thing
"eslint-config-current-thing" is an ESLint configuration that aims to provide a standardized and objective configuration based on the most downloaded and popular ESLint configurations, plugins, parsers, and rules. By using this configuration, developers can ensure that their code is more accessible and maintainable by the largest number of developers.
2018 - 2019

Bootcamp in Full-stack Web Development

Bloom Institute of Technology - Online

2003 - 2007

Bachelor's Degree in Economics

University of Southern California - Los Angeles, California

JUNE 2010 - PRESENT

Cinematography and Film

New York University

Libraries/APIs

Node.js, React, REST APIs, React Router

Tools

NPM, Prisma, Helm, Microsoft Excel, Webpack, Babel, Stylelint, Docker Compose, Make, TeamCity, Slack, Zoom, Ansible, Btcd

Languages

CSS, JavaScript, GraphQL, TypeScript, HTML, Python, C, Go, C#, SQL, HTML5, Bash

Frameworks

gRPC, React Native, Redux, .NET, Angular, Jest, Docusaurus

Paradigms

Event-driven Architecture, Agile, CRUD, Testing, Object-oriented Programming (OOP), REST, Microservices

Platforms

Docker, Kubernetes, iOS, Android, Amazon Web Services (AWS), Scenechronize

Storage

RDBMS, Relational Databases, MongoDB

Other

Leadership, Styled-components, Conflict Resolution, ESLint, APIs, Single-page Applications (SPAs), Full-stack, Full-stack Development, Economics, Computer Science, Servers, Responsive UI, User Interface (UI), User Experience (UX), CSS Modules, Entertainment & Leisure, Storybook, Authentication, Algorithms, Data Structures, Graphs, Movie Magic, Drafting, Code Review, Documentation, Containers, Container Orchestration, Orchestration, Back-end, Bitcoin, Peer-to-peer Networking, High-availability Clusters, UI Animation, Bitcoind, Infrastructure as Code (IaC), Mobile-first Design, Code Generators

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