What if deciding what to eat felt as exciting as winning a championship?
It's 2 AM.
You're hungry.
You open your favorite food delivery app, convinced you'll order something in two minutes.
Thirty minutes later, you're still scrolling.
Pizza? Burger? Pasta? Fries? Momos? Ice cream? Suddenly, every option looks equally good, and now you're questioning your entire existence just because you wanted dinner.
I have this problem almost every time I order food.
So when I saw the DEV Challenge, I wanted to build something fun around this tiny but painfully relatable problem. Unfortunately, I couldn't finish it before the deadline, but I still wanted to share the idea because it's one of those projects that made me smile while building it.
Meet Foodwars.
Instead of endlessly scrolling through hundreds of dishes, why not let your favorite comfort foods battle each other until only one champion remains?
What I Built
We've all watched cooking shows like MasterChef and somehow turned into professional judges sitting comfortably on our sofas.
"That steak is overcooked."
"The sauce needed more balance."
"I would've plated it differently."
As if Gordon Ramsay personally asked for our opinion.
Foodwars lets us finally put those imaginary judging skills to good use.
Instead of comparing hundreds of dishes at once, the platform randomly pairs comfort foods against each other in head-to-head battles. You become the judge. Pick the winner, move on to the next matchup, and continue until one food survives the tournament.
No endless scrolling.
No decision fatigue.
Just a series of fun, quick decisions that eventually crown your Ultimate Comfort Food.
And once the champion is decided...
Go order it.
Or cook it.
Either way, dinner has finally been decided.
Demo
Features of Foodwars
Foodwars isn't just a random food picker. Every round is designed to make choosing food feel like a game instead of a chore.
1. Interactive Tournament Brackets
Instead of presenting an overwhelming list of food, Foodwars creates randomized 2, 4, 8, or 16-player knockout tournaments where every vote pushes one dish closer to becoming champion.
Because every great comfort food deserves a dramatic entrance.
2. Five Comfort Food Divisions
Not every craving is the same.
Some days you want something cheesy.
Some days you want something spicy.
Sometimes only desserts can fix your mood.
Foodwars lets you battle through carefully curated categories including:
- Cheesy
- Spicy
- Sweet
- Warm
- Crispy
Each category has its own tournament, making every playthrough feel different.
3. Animated Food Battles
Every matchup comes with smooth transitions, playful animations, and keyboard shortcuts so the battles feel fast and satisfying.
Think less "survey form."
More "food fight."
4. Food DNA Report
After the tournament ends, Foodwars doesn't just tell you what won.
It tells you why.
You unlock a personalized Food DNA report that summarizes your choices, taste preferences, tournament statistics, personality, and rankings based on the decisions you made throughout the battles.
Because apparently your obsession with fries says something about you.
5. Championship Celebration
What's the point of crowning a champion without celebrating?
The final winner gets its own victory moment with confetti, sound effects, and a results screen worthy of lifting a trophy after a seven-match tournament.
The food may have won.
But honestly, so did your stomach.
6. Responsive Experience
Whether you're deciding dinner on your laptop, procrastinating on your tablet, or desperately choosing food while lying in bed with your phone at 2 AM, Foodwars is designed to feel equally immersive across desktop, tablet, and mobile devices.
Because food cravings don't care about screen size.
Why I Built It
This project started as a fun idea, but while building it I realized it solves a surprisingly common problem.
Sometimes we don't need more options.
We need fewer.
Food delivery apps are amazing, but they also give us hundreds of choices, and sometimes that makes choosing harder instead of easier.
Foodwars turns that frustration into a game.
Instead of asking:
"What should I eat?"
It asks:
"Which one deserves to survive this round?"
Turns out, that's a much more entertaining way to decide dinner.
Code
Konarksharma13
/
Foodwars
An interactive comfort food tournament built with React, TypeScript, and Tailwind CSS where players battle head-to-head food matchups, crown a champion, and unlock a personalized Food DNA report.
🍽️ FOODWARS
The ultimate comfort food tournament. Build your bracket, settle impossible food debates, and discover the food personality behind every choice.
Everyone has argued about food.
Pizza or Burger?
Brownie or Ice Cream?
Fries or Onion Rings?
FOODWARS transforms those everyday debates into an interactive tournament where your favorite comfort foods battle until only one champion remains.
More than just choosing what to eat, every decision shapes your unique Food DNA, revealing your taste personality, battle history, and ultimate comfort food champion.
🔗 Live Demo: https://comfort-foodwars.vercel.app/
foodwars.mp4
✨ Philosophy
Choosing food is usually a repetitive experience.
Open a delivery app.
Scroll endlessly.
Still order the same thing.
FOODWARS asks a different question.
What if deciding what to eat felt as exciting as winning a championship?
Instead of endless menus, every meal begins with a battle where only one food survives.
💡 The Problem
Food recommendation apps focus on…
Challenges
The biggest challenge wasn't building the tournament itself. It was making every battle feel fair and fun.
I didn't want users to see the same matchups every single time, so I experimented with randomizing the tournament while making sure it still felt balanced. Another challenge was deciding how many food categories and tournament sizes should exist. Too many options would defeat the whole purpose of reducing decision fatigue, while too few would make the experience repetitive.
Designing the Food DNA report was another interesting problem. I wanted it to feel like more than just "You like pizza." It needed to reflect the user's choices throughout the tournament and turn them into something playful that people would actually enjoy sharing.
Finally, making the experience feel smooth across desktop, tablet, and mobile took a bit more effort than expected. Tournament brackets, animations, and responsive layouts all had to work together without feeling cramped on smaller screens.
What I Learned
This project reminded me that not every project has to solve a billion-dollar problem.
Sometimes solving a tiny everyday frustration is enough.
I also realized that good UX isn't always about adding more features. Sometimes it's about removing decisions. Instead of showing users hundreds of food options at once, Foodwars narrows them down into simple one-on-one battles, making the experience feel lighter and more enjoyable.
Most importantly, I learned that gamifying an ordinary task can completely change how people experience it. Choosing dinner may never become the highlight of someone's day but turning it into a mini championship certainly makes it a lot more fun.
Thank you so much for reading! I'd love to know your ultimate comfort food. If your favorite dish entered Foodwars, would it survive the tournament or get knocked out in the first round? Let me know in the comments, and if you've built something fun around an everyday problem, I'd love to check it out too.





















