🎨 Inspiration
Everyone doodles on napkins, in class, on their phone when they're bored. We wanted to take that thing everyone already does and make it actually mean something. What if your daily scribble could earn you a rank, beat out someone else's, and keep you coming back tomorrow?
🕹️ What it does
Doodle Duel is a daily drawing game. Every day, everyone gets the same prompt. You draw, you submit, the community votes. Your Elo rating rises and falls based on how your art stacks up. Come back tomorrow and do it again.
🛠️ How we built it
React and Next.js on the frontend, deployed on Vercel. Supabase powers the backend, handling authentication, real-time database, and drawing storage. TypeScript throughout for clean, reliable code.
⚡ Challenges
Building a canvas drawing experience that felt natural on both desktop and mobile was the hardest part. Touch events, canvas sizing, and smooth line rendering all needed real care. Getting the Elo system to update rankings correctly across concurrent votes was another fun problem to solve.
🏆 What we're proud of
Shipping a complete, playable game in hackathon time. A real Elo leaderboard, a live drawing canvas, and a daily game loop that actually works.
📚 What we learned
First time using Supabase and shipping on Vercel under real time pressure. We learned how to move fast without breaking things.
🚀 What's next
- Personal stats cards with submissions, average Elo, and best rank
- Live 1v1 battles via WebSocket rooms
- Social sharing for your best drawings
- Hall of fame for top-rated doodles
Built With
- css3
- html5
- next.js
- react
- supabase
- typescript
- vercel
Log in or sign up for Devpost to join the conversation.