🦸

AICodeHeros

1 Button

2 Sound

3 Stats

4 Emojis

🏆 Challenge

LESSON 1: VIRAL CLICK APPS 🦎

Build "Lizard Button Clicker" App

🎯 Learning Objective

Create addictive interactive apps that respond to clicks with sound, animations, and satisfying visual feedback.

⏱️ 20 min | 🪙 Token Budget: 1000

STEP 1 (3 min)

🎯 Create the Basic Button

What you'll see: Large, eye-catching green button centered on the page

What you learn: Apps can create interactive visual elements with simple descriptions

Try this prompt:

🦎

Create a webpage with a large green button in the center that says 'LIZARD' on it Click to use this prompt

STEP 2 (3 min)

🔊 Add Click Sound

What you'll see: Button plays sound effect on each click - audio feedback makes clicking satisfying

What you learn: Apps can respond to user actions with sound effects

Try this prompt:

🔊

Make the button say 'lizard' in a funny robotic voice every time I click it Click to use this prompt

STEP 3 (3 min)

📊 Add Click Counter and Speed Tracker

What you'll see: Total click count + Real-time CPS (clicks per second) tracker

What you learn: Apps can track user behavior and calculate statistics in real-time

Try this prompt:

📊

Add a counter that shows how many times I've clicked, and show my clicks per second (CPS) Click to use this prompt

STEP 4 (3 min)

🦎 Add Animated Emoji Explosion

What you'll see: Lizard emojis spawning and floating up the screen - more chaotic the faster you click!

What you learn: Visual animations create engaging, addictive user experiences

Try this prompt:

🦎

Make lizard emojis 🦎 appear and float up the screen every time I click Click to use this prompt

🏆 Independent Challenge: Your Viral Click Empire (8 minutes)

Goal: Build an addictive clicker so satisfying that everyone in class will want to compete for the high score!

✅ Requirements (Your clicker MUST have):

✨ Instantly satisfying clicks - people should WANT to keep clicking
🔊 Sound effects - every click needs audio feedback
🎨 Visual feedback - emojis, particles, colors, or animations
📊 Stats tracking - at minimum: total clicks and CPS
🎯 Addictive factor - makes people compete for high score

💡 Viral Clicker Ideas:

🍕

Pizza Clicker Click slices, hear crunches

🫧

Pop-the-Bubble Satisfying pops

🦖

Dinosaur Egg Click to hatch

💎

Magic Crystal Power up with clicks

💃

Dance Floor Click for beats

😡

Rage Button Click to rage

⭐ Bonus Features (if you have time):

💾 High score that saves when you refresh
🎁 Power-ups or special effects at click milestones
🌈 Background changes based on total clicks
⚡ Combo multiplier for clicking fast

🌟

Pro Tip: Complete each step in order and earn XP! Each step builds on the previous one to create an amazing clicker app.

AICodeHeros

LESSON 1: VIRAL CLICK APPS 🦎

🎯 Learning Objective

🎯 Create the Basic Button

🔊 Add Click Sound

📊 Add Click Counter and Speed Tracker

🦎 Add Animated Emoji Explosion

🏆 Independent Challenge: Your Viral Click Empire (8 minutes)

✅ Requirements (Your clicker MUST have):

💡 Viral Clicker Ideas:

⭐ Bonus Features (if you have time):

💻 Code Workshop

📁 Project Files

API Cost Tracker (Development)

🔧 Backend Process Logs

🎮 Your Creation

Ready to Build?

LESSON 2: CUSTOMIZE YOUR GAME

🎨 Your Mission

🛠️ Let's Customize!

LESSON 3: CUSTOMIZE YOUR GAME

🔊 Your Mission

🎶 Let's Add Audio!

LESSON 4: CUSTOM GAME PIECES

🎭 Your Mission

🎭 Let's Customize Game Pieces!

LESSON 5: SCORE TRACKING

📊 Your Mission

📊 Let's Add Score Tracking!