Ryan Irilli, Developer in Seattle, United States
Ryan is available for hire
Hire Ryan

Ryan Irilli

Verified Expert  in Engineering

Front-end Developer

Location
Seattle, United States
Toptal Member Since
September 20, 2021

Ryan is a team-focused engineer with a passion for inclusive and accessible design. He has a strong track record of leadership in web app development with 10+ years of experience. He's a cross-team collaborator, emphasizing project and task status transparency and having critical discussions with engineering, product, and design. Ryan is also a pragmatic developer focusing on design patterns, excellent at Agile methodologies and rapid release cycles.

Portfolio

Transcarent
TypeScript, GraphQL, Next.js, Design Systems, Maps, GitHub Actions...
Zillow
JavaScript, TypeScript, GraphQL, Styled-components, NPM, Lerna, CSS, A11Y...
Facebook
Relay, GraphQL, React

Experience

Availability

Part-time

Preferred Environment

Visual Studio Code (VS Code), React, Node.js, CSS, Styled-components, Design Systems, Next.js, TypeScript

The most amazing...

...project I've ever worked on is Movement by Uber, a map-based web app to visualize aggregated and anonymized trip data to surface insights about transportation.

Work Experience

Lead Web Engineer

2020 - 2021
Transcarent
  • Set up the foundational web application framework and libraries such as TypeScript, React, GraphQL, and Next.js and configured the build and deployment pipelines.
  • Integrated a third-party identity service, Okta, and related UI flows, including account activation, login, forgot password, and session management using JWT, token validation, and session cookies.
  • Implemented various core MVP features such as an AI-powered symptom checker with third-party API integration, state management, and UX.
  • Managed three web developers (two seniors and one junior), providing guidance on technological direction, mentorship, and pair programming.
Technologies: TypeScript, GraphQL, Next.js, Design Systems, Maps, GitHub Actions, Google Cloud Platform (GCP), React, Node.js

Senior Front-end Engineer

2018 - 2020
Zillow
  • Helped lead a brand refresh, including a complete overhaul of the home page design system and layout.
  • Designed and implemented a responsive layout framework to be used across multiple teams and use cases.
  • Developed the commute module, a map-based personalization feature to give home shoppers information on commute times to essential points of interest such as workplaces and schools.
  • Designed and built the Zillow 404 page as a part of a hackathon that won first prize in its category and was selected to become a production project.
Technologies: JavaScript, TypeScript, GraphQL, Styled-components, NPM, Lerna, CSS, A11Y, React, Lottie, Node.js

Front-end Engineer

2018 - 2018
Facebook
  • Contributed to the internal CI/CD platform called Sandcastle. Improved the scheduled job reporting UI to enhance the developer experience. This included displaying confidence intervals and a streamlined error stack display.
  • Created a reusable job status display component that was adopted by the Facebook design systems team.
  • Built data visualization tooling to report resource usage and capacity metrics that helped managers better plan for spikes in consumption (intern season).
Technologies: Relay, GraphQL, React

Design Engineer

2016 - 2017
Uber
  • Contributed to Uber Movement, a map-based web application that surfaced aggregated and anonymized trip data to urban planners.
  • Owned and maintained Uber Design, a website used to showcase the internal design projects at Uber. This site was used to engage with the community and recruit top talent.
  • Built an internal tool named Atlas to help operations teams understand how Uber operated in various regions. It collected and combined a range of data points, including mobility data, cultural norms, and technology infrastructure.
Technologies: React, JavaScript, RPC, Redux, SCSS, MobX, Three.js, D3.js, Node.js

Lead Web Developer

2014 - 2016
Points.com
  • Led the engineering and UX direction of our consumer-facing application, Points loyalty wallet, where users could view their balances, exchange points across programs, and redeem rewards as gift cards to a range of popular retailers.
  • Wrote code for all aspects of the front-end workflow for our consumer-facing product, including build tooling and configuration, JavaScript modules, and developing ours in-house CSS framework.
  • Developed a white-label solution to integrate into our partner websites as an embeddable web application.
Technologies: JavaScript, Angular, React, Webpack, Modular CSS

Zillow Home Details Page

https://www.zillow.com/homedetails/2918-1st-Ave-N-Seattle-WA-98109/48953477_zpid/
The Zillow Home Details Page is a sophisticated framework that supports sale, rentals, new construction, and sold homes. It is comprised of several npm modules with ownership distributed across teams.

I developed the core contribution guidelines and patterns to be used, as well as implementing new features. Our team managed all aspects of the overall health of the web application, including build and deploy pipelines, unit and integration testing, production monitoring, and bug triage.

The service is powered by React as the core UI library, Express and Node.js as the server-side rendering layer, and GraphQL as the data provider. The design system is built using styled-components to provide a consistent visual language across all modules.

Movement by Uber

Movement provides data and tools for cities to more deeply understand and address urban transportation challenges.

As a front-end developer for this project, I implemented the UX, including auth, map interaction, search form fields, and geospatial data (GeoJSON).

Personal Website

https://ryanirilli.com/
A personal introduction to my background and work philosophy. Built using TypeScript, React, Next.js, Framer Motion, and After Effects. As a front-end engineer, I'm passionate about creating high-quality web applications that perform well on all devices and platforms.

Languages

CSS, JavaScript, TypeScript, GraphQL, HTML5, SCSS

Frameworks

Next.js, Express.js, Redux, Relay, Angular

Libraries/APIs

React, Node.js, Three.js, D3.js, MobX

Tools

Adobe After Effects, Figma, NPM, Lerna, Webpack, After Effects CC

Paradigms

Agile, Modular CSS

Other

Styled-components, Design Systems, Responsive UI, Lottie, Maps, A11Y, i18n, APIs, GitHub Actions, Animation, RPC

Platforms

Visual Studio Code (VS Code), Google Cloud Platform (GCP)

2004 - 2009

Bachelor of Fine Arts Degree in Digital Arts and Experimental Media

University of Washington - Seattle, WA

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