Guilherme Moreira

All work02

Beam Dynamics

Asset management

For two and a half years I built the React front end of Beam Dynamics, the asset management app TV studios use: its data tables, real-time dashboards and ticketing, and I onboarded the studios that adopted it.

Role
Full-stack engineer, Frontend focus
When
2021 to 2024
Company
Beam Dynamics, US
Stack
React, TypeScript, Redux, React Query, styled-components, Auth0, Cypress, Mixpanel
Live
beamdynamics.io
Product tour, 17 seconds, no sound. Screens from Beam Dynamics’ public site; the product has kept growing since 2024.

The product

A TV studio owns thousands of things that move: cameras leave on trucks, lenses come back broken, licenses expire mid-season. Beam Dynamics replaces the spreadsheets that track them, for broadcasters such as TV Azteca, NEP and BeckTV.

My role

I joined in November 2021 as a full-stack engineer with a frontend focus and architected the TypeScript and React web app. I was also the main technical contact for studios during onboarding and integration, solving the problems that came up as they set it up.

What I did

  1. Architected the web app

    Designed and delivered the TypeScript and React application used by television studios around the world.

  2. Set the team’s UI patterns

    Built reusable, themeable components with styled-components and integrated Auth0 and React Query; the patterns were adopted across engineering.

  3. Built dashboards and data tables

    Real-time dashboards and interactive tables, made with product and design, so clients could answer their own questions.

  4. Designed the ticketing system

    A frontend ticketing flow to triage and resolve client issues by email and inside the platform.

  5. Redesigned for clarity and speed

    Reworked the UI to be more intuitive, optimized the Redux state, and added Cypress end-to-end tests.

  6. Onboarded the studios

    Main technical point of contact for new clients during onboarding and integration.

In the product

Beam Dynamics inventory table with a filter builder: products, status, assignee, lifecycle, location and tags.
Inventory as the product looks today. Interactive data tables like this one were my work there.
Beam Dynamics incidents board: tickets grouped by assignee and stage, one opened on a camera that stopped transmitting.
Incidents, today. I designed the frontend of the ticketing system client issues ran through.
Beam Dynamics analytics overview: totals for assets, products, manufacturers, documents and tickets, and bar charts by status and lifecycle.
Analytics, today. I built the real-time dashboards clients used to answer their own questions.

Impact

Clients could answer their own questions from the dashboards instead of asking support, and issues were triaged inside the app. My redesign lifted engagement, the Redux rework made the app load faster, and the Cypress tests cut the bugs that reached production.

30%
more user engagement after the redesign, measured in Mixpanel
15%
faster load from reworking the Redux state, measured in Lighthouse