Opus

The project

Opus turns my Angular composer-directory exercise into a theatrical concert playbill. An oversized ivory masthead sits on a black-cherry stage, crossed by musical staff lines and chartreuse accents. Below, a narrow search rail accompanies a sequence of numbered composer listings, giving the original five-composer collection room to breathe.

Search the directory and open an individual composer to explore their information. The interface includes useful empty-search and missing-record states instead of leaving visitors at a broken detail page.

How it works

Original CSS musical motifs and restrained interaction effects support the concert identity, with reduced-motion support and no paid assets.

Reactive search filters the original records as you type. The recovery replaced the old search alert placeholder with a working filter and fixed detail fields that previously displayed literal text. Angular handles the directory and detail navigation; GitHub Pages serves the static build.

Built together

I worked with ChatGPT/Codex to recover the coursework, create its new visual direction and verify the result. We tested search, navigation and record handling, then reviewed desktop and mobile layouts. This is a directory demo, not a music-streaming service.