Skip to content

Juan Ortiz

Welcome. I am a frontend engineer, currently at Compass. I have spent the last seven years building the layer other teams build on — component libraries, design systems and frontend architecture — and lately I have been building AI products on the side.

Below you will find the work I am most proud of, and further down the game prototypes I built before moving to the web. I keep adding to this as I go.

Where I've worked

I like working close to other engineers, on the pieces everyone else depends on: shared components, the rules a codebase follows, and the seams between applications. Most of my work has been making that layer good enough that nobody has to think about it — and every so often, taking something on directly for a client, start to finish.

Compass2026 - present

Compass

Transaction Management at the largest residential real estate brokerage in the U.S. Raising test coverage with unit and end-to-end suites, moving React components from JavaScript to TypeScript, and shipping product changes that span several established internal libraries. The architecture is inherited and not what anyone would choose today; the work is adding to it without making it worse.

React, TypeScript, Testing, Legacy migration

DD3602023 - 2025

DD360

Architected a 70+ component design system on Radix and CVA, with jscodeshift codemods that cut breaking-change migrations from days to minutes. Also built a visual website builder and a platform of five micro-frontends.

Next.js, React, TypeScript, Radix UI, Turborepo

Brandsfinity Group2025 · client work

Brandsfinity Group

Marketing site for a multichannel distribution company, taken on directly and end to end: bilingual copy, responsive build, search setup and deployment.

Astro, Tailwind CSS, TypeScript, i18n, SEO

Kavak2018 - 2023

Kavak

Built the component libraries behind every Kavak product: 120+ components at 100% adoption across four countries. Co-created Androssi, the mixin-based SCSS framework the teams styled with.

Angular, Stencil, TypeScript, SCSS, Nx

Things I've built

Things I build outside work, usually because I want to find out whether they can be built at all. The largest is Story Teller Visualizer, a platform that takes a web novel and returns a finished, published video episode.

Story Teller Visualizer

2026 - present

An end-to-end platform that turns web novels into published video episodes. It covers the whole chain — reading and adapting the source, producing narration and visuals, assembling the episode, then scheduling and distributing it across several platforms — as one automated pipeline, with a review layer where a person can step in and correct anything before it ships.

Product, Full-stack, AI pipeline, Media rendering, Distributed jobs, Publishing, Infrastructure

Personal Finance Wallet2025

Personal Finance Wallet

Multi-currency finance tracking with investments, shared expenses and forecasting, on Supabase Postgres with row-level security.

Next.js, React, TypeScript, Zustand, Supabase

Character Creator

2025

An interactive character creation dashboard with drag-and-drop, theming and data-visualization panels.

Next.js, React, TypeScript, Zustand

Multiplayer Boggle2025

Multiplayer Boggle

A real-time multiplayer word game with Spanish dictionary validation, two game engines behind a shared interface and state synced over WebSockets.

Next.js, TypeScript, Socket.IO, Playwright

Web Metadata Scraper

2024

Scrapes and analyses page metadata — meta tags, Open Graph, Twitter Cards, structured data — with HTML reports and both CLI and programmatic use.

TypeScript, Node.js, Cheerio

Local Storage Transfer

2023

A Chrome extension that syncs local storage values and cookies between tabs, keeping session state consistent while developing.

Angular, TypeScript, Chrome Extension API

Yu-Gi-Oh! Deck Builder2022

Yu-Gi-Oh! Deck Builder

A deck builder exploring reactive programming patterns and Angular architecture, with NgRx state and optimized change detection.

Angular, RxJS, NgRx

Game development

I studied computer graphics and spent years building prototypes in Unity. It is where I learned rendering, layout and real-time systems — the same instincts I now apply to interfaces.

Automatic Navigation Mesh2019

Automatic Navigation Mesh

Generates a navigation mesh automatically from a map representation, so agents can path through a scene without a hand-authored graph.

Unity, C#, Computational geometry

Agents Learning to Walk2019

Agents Learning to Walk

Machine-learning agents taught to walk from scratch, rewarded for staying upright and moving forward.

Unity, C#, Reinforcement learning

Crowd Simulation2018 - 2019

Crowd Simulation

Thesis research into crowd simulation models, and an implementation of one.

Unity, C#

Duelist of the Roses2018

Duelist of the Roses

A remake of the PlayStation 2 Yu-Gi-Oh! strategy card game.

Unity, C#

Caza a Casa2018

Caza a Casa

A 2D platformer inspired by petroglyphs, figures engraved in stone thousands of years ago.

Unity, C#

State Machines for NPCs2018

State Machines for NPCs

Finite state machines letting non-player characters decide from the game state.

Unity, C#

Goku escape Itachi no Jutsu2018

Goku escape Itachi no Jutsu

A small game written to learn Lua.

LÖVE 2D, Lua

Third-Person Shooter2017

Third-Person Shooter

A multiplayer third-person shooter prototype.

Unity, C#