---
title: "Alive and Kicking"
description: "Explore Alive and Kicking, an interactive guitar karaoke show built with Vue, Nuxt, and WebMIDI, where a live audience votes on what happens next."
url: "https://timbenniks.dev/alive-and-kicking"
markdown_url: "https://timbenniks.dev/alive-and-kicking.md"
---

# Alive and kicking.

You vote. I play. A browser-powered guitar karaoke show where the audience chooses the next song and the code runs the performance.

- [Watch the performances](/videos/playlist/alive-and-kicking)

- [Book the talk](/press-kit)

![Tim Benniks playing a gold electric guitar on stage at ContentCon](https://res.cloudinary.com/dwfcofnrd/image/upload/Tim/contentcon-tim.png)

---

*The live experiment*

## A browser. A guitar. A room full of decisions.

An interactive conference talk about composable architecture, with a working rock show as the demo.

### 01 · The audience picks the song

Attendees sign in and vote from their phones. Each vote appears on the big screen as a bouncing ball with their profile picture.

### 02 · The stack runs the show

Vue, Nuxt, and WebMIDI connect the interface to the performance. Backing tracks and guitar amp presets are controlled dynamically, with Supabase, Cloudinary, Hygraph, and Vercel behind the experience.

### 03 · I play what the room chooses

The vote becomes the setlist. The audience gets to see the architecture working while hearing the result.

---

*From the stage*

## This is what the demo looks like.

Alive and Kicking in front of a live audience. Open either photo for the full-resolution version.

![Alive and Kicking live conference performance](https://res.cloudinary.com/dwfcofnrd/image/upload/Alive%20and%20Kicking/104649HDV09996-Enhanced-NR.jpg) Alive and Kicking · live

![Tim Benniks presenting Alive and Kicking on stage](https://res.cloudinary.com/dwfcofnrd/image/upload/v1713948347/Alive%20and%20Kicking/102217HDV09938-Enhanced-NR.jpg) A Vue into rock & roll

---

*Audience participation*

## Your vote becomes part of the show.

The interaction does not stop when a song wins.

![Example personalized song-vote image from Alive and Kicking](https://res.cloudinary.com/dwfcofnrd/image/upload/share_ddu23k.jpg)

After voting, attendees get a personalized image combining their chosen song and profile picture, ready to share. The image shown here is an example from the experience.

---

*The tapes*

## Watch it live. See how it was built.

Full conference performances, the story behind the project, and a look at the code.

Live videos cards. See [videos](https://timbenniks.dev/videos) or `/videos.md`.

- [All Alive and Kicking videos](/videos/playlist/alive-and-kicking)

---

Want this in your conference hall? Let's talk.

- [Press kit & booking](/press-kit)

- [Speaking](/speaking)