Overview
Doodle Battle is something I built for fun to learn Next.js. You draw a character on a canvas, then go to the Battle screen where drawings get matched up and put to a vote. The app tracks the results and shows a leaderboard of the top-ranked characters.
Battle System
Once you've drawn your character, head to the Battle screen. Two drawings go head-to-head and you pick your favorite. Pretty straightforward, keeps the focus on the actual drawings.
Leaderboard
Votes get tracked and tallied into a leaderboard that ranks every character. It adds a little competitive layer to what is otherwise just a drawing app.
Drawing Interface
The canvas is intentionally limited. You only get a handful of colors and brush sizes, which I did on purpose to make all the drawings feel like they come from the same world. It also just makes the voting feel fairer when everyone is working with the same tools.