Day 11: The Fun House Photo Booth 📸✨

[blackgirlbytes]

Day 11: The Fun House Photo Booth 📸✨

Welcome Back, AI Engineer

The Winter Festival wants to add something magical to the entrance: a Fun House Photo Booth where visitors can take selfies with festive face filters - snowflake crowns, reindeer antlers, frosty beards, sparkling effects!

The festival director, Maya, has a vision: "I want people to open it on their phones, see themselves with fun filters in real-time, click a button, and boom - instant winter magic photo they can share!"

But here's the thing: Maya needs this built by tomorrow, and it's a lot of work for one person. You need to:

• Build a web app with camera access
• Implement face detection
• Create multiple fun filters
• Make it mobile-friendly
• Add photo capture and download
• Write documentation

That's where subagents come in.

---

🎯 Your Mission: Build The Photo Booth App with Subagents

Instead of building everything yourself, you'll delegate work to specialized subagents - like having a dev team where each person handles a specific part of the project.

This teaches you: How to break down complex projects and use subagents to parallelize development work, and when to run them sequentially vs in parallel.

---

NEED LLM CREDITS?

Sign up at goose-credits.dev to get free credits for Claude Sonnet 4.5 via OpenRouter.

Use the ACCESS CODE: ADVENTDAY11

💡 The Subagent Approach

Think of subagents as your temporary dev team. You're the tech lead - you describe what needs to be built, and goose will create specialized subagents to handle different parts.

Here's a suggested split (but you can organize it however you want!):

Subagent 1: Core App Builder

• Creates the web app structure (HTML/CSS/JS)
• Sets up camera access and video preview
• Handles photo capture and download
• Makes it mobile-responsive

Subagent 2: Filter Engineer

• Implements face detection (using a library like face-api.js or MediaPipe)
• Creates the fun filters (snowflakes, antlers, beards, sparkles, etc.)
• Handles filter switching and real-time application

Optional Subagents (if you want to level up!):

• Documentation Writer - Creates a README
• Test Engineer - Writes simple tests
• Stylist - Makes it look festive and polished
• Performance Optimizer - Ensures smooth camera/filter performance

---

🎨 What Filters Should It Have?

Get creative! Here are some ideas:

• ✨ Sparkle effects around face
• ⛄ Snowman nose and buttons
• 🎄 Christmas tree hat

---

🔧 How to Use Subagents

You'll use natural language to tell goose to create subagents and divide the work. goose automatically handles the coordination and execution.

New to subagents? Check out these resources to learn how they work:

📖 Resources:

• Subagents Guide - Complete guide on how to use subagents
• Orchestrating 6 Subagents Blog - Real-world example of building an app with subagents
• Vibe Coding with goose: Building Apps with AI Agents - Workshop on building apps with subagents
• Agent Coordination Patterns - Understanding when to use sequential vs parallel execution

🎥 Watch & Learn:

• Subagents Walkthrough Video - Introduction to subagents
• How I Built an App with 6 Subagents - Deep dive into real project

💡 Key Concepts to Understand:

Sequential vs Parallel:

• Sequential: Tasks run one after another (use keywords like "first...then", "after")
• Parallel: Tasks run simultaneously (use keywords like "parallel", "simultaneously", "at the same time")

Think about: Does Subagent 2 need Subagent 1's work to be done first? Or can they work independently?

---

📝 Requirements

Core Functionality:
✅ Use goose to create and orchestrate subagents
✅ Split the work between at least 2 subagents
✅ Build a working web app that accesses the camera
✅ Implement face detection
✅ Create at least 3 fun face filters
✅ Users can switch between filters
✅ Users can capture and download photos
✅ Works on mobile devices

---

🎯 Level Up (Bonus Challenges)

Beginner 🌟:

• Add more filters (5+ total)
• Add a festive background or UI theme
• Include a filter preview gallery
• Add sound effects when taking photos

Intermediate 🌟🌟:

• Add 3+ more subagents (docs, tests, styling, etc.)
• Create animated filters (moving snowflakes, blinking lights)
• Add photo editing options (brightness, contrast)
• Create a photo gallery to view captured photos

Advanced 🌟🌟🌟:

• Add face landmark tracking (filters follow face movement perfectly)
• Create combo filters (multiple effects at once)
• Add social media sharing functionality
• Deploy it (Day 4 skills!) so festival attendees can actually use it

Ultimate Challenge 🌟🌟🌟🌟:

• Build a complete photo booth system with:
  • Multiple filter categories (winter, silly, elegant)
  • Custom filter creator
  • Photo booth mode (countdown timer, burst photos)
  • Print-ready output
  • QR code for easy access
  • Deploy it live for the festival!

---

📤 Share Your Work

📮 Required: Submit in the Advent of AI Discussion under Day 11.

Accepted Formats:

• Screenshot of your app
• Link to a blog post about your solution
• Link to a video of you solving the problem
• Link to your repo
• Link to your application

Tag us: Discord • Twitter/X • YouTube • LinkedIn • Bluesky

[blackgirlbytes]

Here's my fun house photo booth that I built with subagents and deployed on vercel! https://funhouse-photo-booth.vercel.app/

[ilnumerotre]

[j4ckxyz]

Day 11 ✅

TIL that subagents exist! Never came across them somehow, but it was really cool seeing them all go off at the same time in front of me and do different tasks! I got this screenshot part-way through:

Ended up deploying it to a live GitHub pages site and you can see the repo here!

Works best on a phone from my experience, if the camera is zoomed in, flip it to use the back camera and flip it back. Works best with the stars filter (it was pretty difficult getting the hat/antlers to match up!)

[eriperspective]

Filter Both with some of every challenge level. I wanted to see MediaPipe face overlay/mesh worked pretty good. Will deploy and update link.

MediaPipe.Face.mp4

[nickytonline]

I got photos working but my face detection isn't working yet. I also fell asleep last night early. Time for Christmas vacation? 😅

I'm reusing what I did for hand detection in day 5 but for face.

Current progress

Progress here https://github.com/nickytonline/advent-of-ai-2025/tree/main/day-11/photo-booth

Full repo for all says at https://github.com/nickytonline/advent-of-ai-2025

[nickytonline]

Coming in late with the blog post, but here you go.

https://dev.to/nickytonline/advent-of-ai-day-11-goose-subagents-2n2

[blackgirlbytes]

POV: You delegate work to subagents and they actually deliver.

Day 11's solution for Advent of AI is live.

Advent.of.AI.-.Day.11.mp4

https://www.youtube.com/shorts/JTy7cBwrdio

[clovis1122]

I'm catching up, but my solution is live here! https://adventofai.vercel.app/day-11-photo-booth/index.html. It uses two subagents to do the work.

[UffaModey]

I finally got my app working with filter selections, photo capture, and download. I used the following subgents: A Planner, PM, Core App Builder, Filter Engineer, QA, Stylist, Performance Optimiser and Documentation Writer. I articularly liked using the PM to plan out all the tasks for building the MVP.

[nickytonline]

cool stuff! ❄️

[professordnyc]

[Web] (https://funhousephotobooth.netlify.app/)

Day 11 Solution

[hafsau]

Here is the preview:

[IamLaTorya]

I had to work with goose for about 20 minutes for it to finally work due to the server not working...This was my results of the challenge once it did work: