👋🏻 Hi there, I'm Ryan.

sharing narratives through code, design, & data

View My Work
Ryan Brockhoff, web developer

About Me

Currently working on this project

I'm a web developer with a passion for building beautiful, functional web applications.

With a professional background in frontend and backend development, I enjoy creating seamless user experiences while ensuring robust functionality behind the scenes. I specialize in React, Node.js, UI design, and data visualizations.

When I'm not coding, you can find me hiking, reading, or experimenting with new technologies. I'm always looking to learn and grow as a developer.

Experience

Software Engineer

HyperCarrot • 2019 - 2020

Built features in React, Node, SQL. Led onboarding workflow, analytics dashboard, and real-time notifications.

Designer & Marketing

More Van Anything • 2020 - 2024

Designed user stories in Figma, collaborated on UX, and worked with product management to refine workflows.

Web Developer

Tidytrek • 2024 - Present

Built features in React, Node, SQL. Led onboarding workflow, analytics dashboard, and real-time notifications.

My Projects

A full-stack note-taking app created to solidify proficiency in React, while delving into extensive libraries such as Stripe (Elements, Subscription), and Medium-Draft (Draft.js)

  • Focuses on reusable components
  • Uses complex table relations in Postgres
  • Incorporates Material UI and Bootstrap
ReactNode.jsPostgreSQL
Macbook
GIF demo of Ryan's Tidytrek project.

Looking Fox

CMS web application built in React for professional photographers. Focuses on reusable components, using many tables and joins in Postgres, and incorporating Material UI and Bootstrap for a clean design.

  • Focuses on reusable components
  • Uses complex table relations in Postgres
  • Incorporates Material UI and Bootstrap
ReactNode.jsPostgreSQL
Macbook
GIF demo of Ryan's Looking Fox project.

A full-stack, responsive game based on Apples to Apples. Built mobile-first in React, using socket.io as the bulk of the technology to communicate game information.

  • Responsible for the majority of frontend implementation
  • Developed prototypes to improve user-flow using Figma
  • Debugged and pair-programmed with team through various challenges
ReactFirebaseChart.js
iPhone
GIF demo of Ryan's Oranges project.