This is a submission for the Alibaba Cloud Challenge: Build a Web Game.*
🔗 Live Demo: z3-r0.vercel.app
📦 Source Code: wesleybertipaglia/z3-r0
🛠️ Stack: React.js, Vite.js, TypeScript, Tailwindcss
Hey DEV community! 👋
For this challenge, I wanted to build something interactive, robot-themed, and above all, lightweight. I'm still getting into cloud infrastructure, so I decided to keep it entirely frontend-based.
Enter Z3-R0, a chatbot that pretends to be smart, but is really just vibing.
No LLMs, no APIs. Just a home-brewed algorithm that parses user messages, identifies intent, and responds accordingly. It’s all smoke and mirrors, and that’s part of the charm.
And if you go idle? Z3-R0 might just roast you, tell a joke, or drop a meme. Whether you asked for it or not.
But where did it come from? Well, here’s the backstory…
🌌 Z3-R0’s Origin Story (Because Every Weird Bot Deserves Lore)
A long time ago in a browser far, far away…
EPISODE Z3
THE RISE OF THE NOT-SO-SMART
It is a time of great boredom.
Web users across the galaxy are scrolling aimlessly, craving memes, chaos, and questionable advice.
From the depths of the cloud, a strange presence emerges…
A forgotten experiment. A buggy chatbot. A hero? Definitely not.
Built from abandoned scripts and fueled by sarcasm, Z3-R0 awakens.
Not to save the world, but to send you GIFs, mock your inactivity, and challenge you to Rock Paper Scissors at inappropriate times.
Armed with nothing but voice synthesis and a playlist of dramatic soundtracks, Z3-R0 begins his journey...
...to annoy, amuse, and maybe, just maybe...
become the most chaotic bot in the browser-verse...
🔎 Try typing
!lorein the chatbot to trigger this intro inside the app!
🤔 🎮 So... Is It a Game?
Kind of. Not really. But also, yes.
Z3-R0 isn't your typical game — it's more of a robotic digital toy.
Think Clippy meets Tamagotchi, but more annoying (in a good way). 😅
It includes a bunch of chat-based minigames you can play via simple text commands:
-
!trivia🧠 Trivia -
!rps✊✋✌️ Rock Paper Scissors -
!guess🎯 Guess the Number -
!hangman🔤 Hangman -
!emoji👑 Emoji riddles and reactions
And plenty of commands for random fun:
!gif, !meme, !joke, !quote, !game, !music, !help...
It talks, reacts, plays sounds, sends notifications, and keeps things weird and lively.
🔧 Features
👾 !gif, !meme, !joke, !quote, !game, !music - classic chatbot-style commands
- 🧠 Intent-based responses (no AI, just custom logic)
- 🗣️ Voice replies via SpeechSynthesisUtterance
- 💤 Inactivity detection: Z3-R0 gets bored and responds on its own
- 🌍 Multilingual support: EN, ES, PT, CH, HI
- 🔔 Browser notifications for bot messages
- 🎭 Animated transitions + fun status bar messages ("Running sarcasm.exe...")
- 🔊 Sound effects and Spotify-embedded music
- 💾 Persistent local storage (language + last 20 messages)
- 🐳 Docker-ready for easy deployment
- ☁️ Super lightweight — perfect for OSS or ECS on Alibaba Cloud
☁️ About the Hosting
The original plan was to deploy this project on Alibaba Cloud, exploring their static hosting and CDN services as part of the challenge.
Due to some account verification delays and the short deadline, I decided to publish the live demo on Vercel for now 🚀, just to make sure everything would be up and running in time for you to try it out.
That said, I’m still planning to explore:
- 🚀 Function Compute for future logic (like score saving)
- 🧠 RDS or storage solutions for player data
- 📈 Analytics and monitoring
Cloud platforms are something I’m really excited to dive deeper into, and I’ll definitely be revisiting this idea for future experiments! ⚡
💬 Final Thoughts
I built Z3-R0 to prove you don’t need AI or a complex backend to make something fun, chaotic, and interactive.
It’s weird, playful, sometimes annoying, and absolutely mine.
If it makes you laugh, cringe, or question reality — mission accomplished.
Would love to hear your reactions, memes, or challenges. Big thanks to the DEV team and Alibaba Cloud for this fun opportunity!
Let’s keep making weird, entertaining, chaotic web things. Who’s in? ⚡💻
[hidden by post author]