Deep in the dunes lies an oasis. Every explorer needs a profile card — and today, you build the app that makes one! Three powers unite: HTML, CSS & JavaScript.
🚀 What's an App?
A real app is built from three layers. You've learned each one on the Builder Path! Now stack them together to build your first complete app — a desert explorer's profile card with a working treasure button.
🧮
HTML
the parts (avatar, name, button)
🎨
CSS
the looks (colors, shape, layout)
⚡
JavaScript
the action (the button works!)
🎯 MissionsDay 0Loading...Loading...Loading...
•••Desert Oasis — App Workshop
🧮
Your App Blueprint
Explorer Profile Card
Status: building...
HTML CSS JS
☀️
👀 Live Preview — Your App
🦊
Sahara Sam
Desert Explorer
5
Level
0
💎 Gems
Your app is live! Tap the button to test it.
✏️ Explorer Name — HTML text + JS variable
🧬 Companion Avatar — HTML element
🎨 Theme Color — CSS styling
⭐ Explorer Level — JS variable (number)
5
🏆 Challenges — Build Your App Step by Step
1
Name Your Explorer
Type any name in the Name box. The card updates — that's an HTML text node reading a JS variable!
✅
2
Pick Your Companion
Tap a different avatar. The companion changes — you just swapped an HTML element!
✅
3
Style With CSS
Choose a new theme color. The whole card restyles instantly — that's CSS doing its job!
✅
4
Make It Do Something
Tap the Discover Treasure button on the card. Gems go up — that's a JavaScript event!
✅
5
🏆 Ship Your App!
Customize everything your way, then tap the treasure button 5 times. You just built & tested a complete app!
🏆
0 / 5 challenges done
🎉
🎓 BUILDER PATH GRADUATE
You Built Your First App!
You combined HTML + CSS + JavaScript into a real, working app. That's what every programmer does!
📝 What You Learned
🧮HTML builds the parts — avatar, name, stats, and the button.
🎨CSS paints the looks — your theme color styled the whole card.
⚡JavaScript powers the action — the name & treasure were variables, the button was an event.
🧮Real apps are just these three layers stacked together. You now know all three!
🎯 Mission Results
🔥 You finished the Builder Path! Next: the Creator Path — where you'll write real JavaScript and build even bigger apps. Come back tomorrow! 🚀