Hello

I'm Michael Uloth, an opera singer, web developer and creator of Up and Running Tutorials.

As an opera singer, I've been lucky enough to perform with wonderful companies and orchestras across Canada, the United States and Europe, including the Canadian Opera Company, Seattle Opera, the Glimmerglass Festival, and Opéra de Lyon. You can hear examples of my singing on SoundCloud, YouTube and Vimeo and read about my journey here, here and here.

Since teaching myself to code, I've spent four years building 35+ client sites and guiding them to production. I specialize in building fast-loading sites with React and Gatsby, but always enjoy learning new technologies as well. In addition to designing and building my own projects, I'm the lead front-end developer at Coffeeshop Creative and the creator of Up & Running Tutorials.

or see my recent work below.

👇

opera websites

Click or press enter to expand/collapse project details
Hadrian
- Canadian Opera Company
+
Ambur Braid, Roger Honeywell, Thomas Hampson, Isaiah Bell and Karita Mattila in the Canadian Opera Company's production of Hadrian. Photo by Michael Cooper.
...beguiling, inventive and unabashedly romantic.
Anthony Tommasini, New York Times
📺
Watch a quick preview.
📺
See an excerpt from the Act III love scene.
📺
Watch the end of soprano Ambur Braid's Act II aria.
📺
See part of soprano Karita Mattila's Act I aria.
📺
Check out a Hadrian rehearsal in action.
📺
Hear the music that begins Act II.
📺
Watch the creative team discuss the production.
Company:
Canadian Opera Company
Opera:
Hadrian (world premiere)
Role:
Superior Senator (cover)
Composer:
Rufus Wainwright
Librettist:
Daniel MacIvor
Conductor:
Johannes Debus
Director:
Peter Hinton
Visit site →
Click or press enter to expand/collapse project details
Steve Haid
- Website
- Code
+
Toronto-based real estate agent Steve Haid.
I worked with designer Stephen Bell of Coffeeshop Creative to create an engaging marketing site for Toronto-based real estate agent Steve Haid.
Tools:
React, Gatsby, Styled Components, React Spring, XState, Git, Netlify
Visit site →
Click or press enter to expand/collapse project details
The Nightingale
- Canadian Opera Company
+
Michael Uloth (left), Anatoli Sivko, Lauren Eberwein and Jane Archibald in the Canadian Opera Company production of The Nightingale & Other Short Fables. Image by Michael Cooper.
📺
Watch a quick preview.
📺
See audience reactions.
📺
Hear soprano Jane Archibald describe the production.
📺
Watch the orchestra pit transform into a 67,000-litre pool.
📺
See the acrobats use light to create shadow puppets.
📺
See the show's 75 unique puppets.
Company:
Canadian Opera Company
Opera:
The Nightingale & Other Short Fables
Role:
Bonze
Composer:
Igor Stravinsky
Conductor:
Johannes Debus
Director:
Robert Lepage
Visit site →
Click or press enter to expand/collapse project details
AZOOR Society
- Website
- Code
+
The AZOOR Society's logo, depicting an eye. Created by Stephen Bell.
I collaborated with designer Stephen Bell of Coffeeshop Creative to build a colourful, user-friendly website for The AZOOR Society, a UK-based charity committed to promoting awareness of Acute Zonal Occult Outer Retinopathy.
Tools:
React, Gatsby, React Spring, PostCSS, Git, Netlify
Visit site →
Click or press enter to expand/collapse project details
Anna Bolena
- Canadian Opera Company
+
Bruce Sledge, Christian Van Horn, Thomas Goerz and Sondra Radvanovsky in the Canadian Opera Company production of Anna Bolena. Photo by Michael Cooper.
📺
Watch a quick preview.
📺
Take a backstage tour.
Company:
Canadian Opera Company
Opera:
Anna Bolena
Role:
Lord Rochefort (cover)
Composer:
Gaetano Donizetti
Conductor:
Corrado Rovaris
Director:
Stephen Lawless
Visit site →