AIUC-1 Standards Interface Demo with React

An interactive single-page application for exploring the AIUC-1 AI safety standard. I built the front end in React and Next.js with TypeScript, pulling structured content live from the Airtable API and deploying on Netlify — turning a dense compliance document into a fast, browsable interface.

Standards documents are long, hierarchical, and painful to navigate as static text. The client wanted a demo that made the AIUC-1 standard genuinely usable — searchable, filterable, and easy to move through — while keeping the underlying content easy to edit without redeploying code.

A React / Next.js single-page application with a clean, responsive standards interface

TypeScript throughout for a typed, maintainable codebase

A live content pipeline from the Airtable API, so the team can update the standard without touching code

Fast client-side search and filtering across standard sections

A simple, reliable Netlify deployment

React, Next.js, TypeScript, the Airtable API, and Netlify.

The AIUC-1 standard became an interactive, easy-to-navigate web app instead of a static document — with a content model the team can update themselves, wrapped in a fast, modern React interface.