⚔️ I Built “Dev Battle” — a Real-Time Coding Challenge Platform Using Next.js + Firebase + socket

parag bhosale — Fri, 24 Oct 2025 04:18:41 +0000

Hey devs 👋

I’m Parag Bhosale, a React and Next.js developer who loves building things that make coding fun.
Over the past few weeks, I’ve been working on something exciting — a platform called Dev Battle, where developers can compete in real-time coding challenges, fix bugs, and climb the leaderboard 🏆

🎮 What Is Dev Battle?

Dev Battle is a real-time coding challenge app inspired by platforms like CodeWars — but with a twist.

You can:

👥 Log in using Google or email
⚔️ Challenge your friends to fix coding bugs or answer quizzes
🧠 Solve daily challenges and quizzes
💬 Chat live with other players
🏅 Unlock achievements as you play

I wanted to make coding social, competitive, and fun — not just about solving problems alone.

🧑‍💻 Tech Stack

Here’s what powers Dev Battle:

⚡ Next.js 15 – frontend & routing
🔥 Firebase – auth, Firestore database, and real-time updates
💬 Socket.io – real-time communication between players
🎨 Tailwind CSS – modern, responsive UI
☁️ Vercel – for smooth deployment

⚙️ How It Works

When two users start a challenge:

The system picks a bug or quiz from Firestore.
Both players fix it within a time limit.
Scores are updated in real-time on the leaderboard.

It’s like a mini coding battle arena, where logic and speed both matter ⚡

🚀 Live Demo & Code

🔗 Try it live: https://dev-battle.vercel.app
💻 Source Next js code: https://github.com/bhosaleparag/dev-battle

💻 Source Socket code:https://github.com/bhosaleparag/realtimeSocketDB

⚠️ The app is still in its beta phase — there might be small bugs.
Please report them if you find any! I’m finalizing the app this Sunday 🙌

🎯 What’s Next

👥 1v1 real-time bug-fixing arena
🧩 Code snippets & discussion section
🧑‍🤝‍🧑 Friend system improvements
📈 Weekly leaderboards and achievements

🧠 Why I Built It

I wanted to level up my React + Firebase skills and build something that feels like a real project, not just a tutorial.
Also — let’s be honest — coding is way more fun when you can battle your friends 😄
I’m currently open to new opportunities as a Next.js developer, and this project showcases what I love doing most:
Building interactive, real-time, and user-focused web experiences.

Let’s make coding fun again 💻⚔️

🎬 Quick Demo

Here’s how a coding battle looks in action 👇

Forem: parag bhosale

⚔️ I Built “Dev Battle” — a Real-Time Coding Challenge Platform Using Next.js + Firebase + socket

🎬 Quick Demo