# Tyler Madison — Software Architect

> Software Architect with 15+ years building and scaling high-traffic web applications. I turn ambiguous product goals into resilient front-end systems — modern React/Next.js, observability baked in, performance you can measure.

Tyler Madison is a software architect based in Paso Robles, CA. Open to Remote Software Architecture & Engineering roles.

## At a glance

- Years building for the web: 15+
- Subscribers served at GoPro: 2M+
- Years architecting at GoPro: 11

## Principles

- Front-end as architecture: I treat the front end as a first-class system — clear boundaries, strong contracts through a BFF layer, and observability baked in, not bolted on.
- Performance is a feature: Real User Monitoring and Core Web Vitals drive my decisions. I ship fast experiences and prove the impact with real-world data.
- Multiply the team: The best architecture is the kind a whole team can extend. I mentor engineers, set standards, and build the reusable libraries that keep everyone fast.

## Selected work

- [Media Library](https://gopro.com/media-library) (Client work; Next.js, REST Apis): The GoPro Web Media Library is the browser-based dashboard that lets you access, view, manage, and download the photos and videos you have backed up to the GoPro Cloud. It is a feature included with a GoPro Subscription.
- [MOUSEFX](https://mouseffx.vercel.app/) (Personal lab project; three.js, WebGL2, GPGPU, Canvas 2D): A lab of physics-based mouse followers. Gravity Well pulls a quarter-million GPGPU particles into your cursor through curl-noise turbulence, alongside seven more effects built on three.js shaders, WebGL2 fluid simulation, and canvas 2D springs, verlet chains, and flow fields.
- [Experiments with Tyler](https://experiments-gilt-five.vercel.app/) (Personal lab project; Next.js, React 19, Tailwind CSS, Interactive): A lab of self-contained, interactive explainers — agent engineering, MCP, context engineering, durable execution, local-first sync, WebGPU, passkeys, modern CSS, and system design walkthroughs with diagrams that light up as you step through.
- [Master TypeScript](https://www.master-ts.com/) (Personal lab project; TypeScript, React, Course, Interactive Lessons): An intermediate-to-advanced TypeScript course for React and Node developers — 17 lessons from generics and conditional types to typing React hooks, declaration files, and decorators, ending in an interview-grade comprehensive exam.
- [Cal Coast Tides](https://www.calcoasttides.com/) (Personal lab project; Next.js, D3, NOAA API, Open-Meteo): Real-time tide data for the California coast — live NOAA water levels against predictions, swell, wind, and water temp from Open-Meteo, activity ratings for surf, tidepooling, kayaking, and fishing, and a 72-hour outlook that puts tide, swell, and wind on one clock.
- [Shared Links](https://gopro.com/media-library/links) (Client work; Next.js, REST APIs): GoPro Shared Links are cloud-hosted URLs you create through the Quik app or your online GoPro account. They let you send photos, raw footage, or auto-generated highlight reels to friends, family, or clients, skipping the hassle of uploading huge original files via text or email.
- [Media/Livestreaming Player](https://gopro.com/media-library) (Client work; Next.js, Video.js, REST APIs, Live Streaming): The media player sits in the media deail view and is where the user can view their various types of GoPro and Non-GoPro footage.
- [GPX Data Map Overlay](https://gopro.com/media-library) (Client work; Next.js, Video.js): The media player's GPS feature parses the raw camera GPX data into a MapBoxGL overlay that tracks video playback to where the user was on the map in realtime.
- [My Account/Profile](https://gopro.com/account) (Client work; Next.js, Subscription, Adyen Payments): GoPro My Account is where users manage their profile settings, subscription, payment, cameras, and can view their cloud storage.
- [Learn Section](https://gopro.com/learn) (Client work; Next.js, Marketing, UTM): The learn marketing page on GoPro.com that drives the user to learn more about specific products etc with UTM tracking data.
- Front-End Platform & Component Library (Platform; Design Systems, React, TypeScript): Established front-end engineering standards and reusable component libraries adopted across multiple product lines, keeping a growing team fast and consistent.
- Next.js App Router Modernization (Architecture; Next.js, React, TypeScript, Turborepo): Drove the Software Architecture migration from legacy systems to the Next.js App Router/Turborepo across GoPro's web platform — improving developer velocity, scalability, and release confidence.
- Real-Time User Monitoring (Observability; Datadog RUM, Core Web Vitals, Observability): Implemented Datadog RUM to proactively detect performance regressions and drive measurable Core Web Vitals improvements across applications serving 2M+ subscribers.
- CI/CD Delivery Pipeline (Delivery; GitHub Actions, Docker, ArgoCD, Artifactory): Owned end-to-end CI/CD using GitHub Actions, Docker, Helm, and ArgoCD — cutting deployment cycle time and giving teams confidence to ship often.

## Experience

### Software Architect, GoPro Inc. (2015 — 2026)

Owned Software Architecture for web applications serving over 2 million subscribers, plus internal back-office tooling — leading and mentoring multiple teams of front-end engineers.

- Spearheaded modernization from legacy systems to the Next.js App Router, improving developer velocity and scalability
- Owned CI/CD pipelines (GitHub Actions, Docker, Helm, ArgoCD), reducing deploy cycle time and raising release confidence
- Implemented Datadog RUM to catch performance regressions early and drive measurable Core Web Vitals gains
- Established front-end engineering standards and reusable component libraries across product lines
- Drove Agile sprints, code reviews, and technical decision-making; used AI pair programming and prompt engineering to prototype and ship

### Senior Front-End Engineer / Partner, Martian (2014 — 2015)

Built and optimized large-scale, responsive web platforms across mobile and desktop while helping shape new business.

- Architected and developed responsive Angular applications
- Aided project scoping, effort estimation, and budget planning
- Contributed to business development through client pitches and meetings

### Senior Developer, Odopod (2012 — 2014)

Engineered responsive, mobile-first websites and complex interactive UIs for high-profile brand clients.

- Implemented AngularJS on a large-scale module system, improving maintainability and component reuse
- Partnered with creative teams to balance aesthetics and performance
- Established Git/Bitbucket version-control workflows across the team

### Senior Developer, Tribal DDB (2011 — 2012)

Developed quick-turnaround prototypes and mobile-web experiences for advertising campaigns.

- Built campaign prototypes with mobile web technologies
- Integrated open-source APIs into campaign projects

### Interface Architect, Isobar North America (2007 — 2011)

Designed and built interactive micro-sites and campaigns for integrated digital marketing initiatives.

- Established and enforced web standards and best practices across active projects
- Took an active role in UX concept testing and design
- Mentored animators, teammates, and contractors through technical challenges

## Contact

- Website: https://tylermadison.info
- Email: tdmadison@gmail.com
- [GitHub 1](https://github.com/tmadison-gpsw)
- [GitHub 2](https://github.com/tylermadison)