Ink Battle

Ink Battle is a real-time multiplayer drawing and guessing game. One player draws, others race to guess the word, and points are awarded based on speed and accuracy.

Deployed App

https://ink-battle.vercel.app

Tech Stack

Screenshots

Home Screen:

Ground Screen:

Create Room Screen:

Game Overview

Ink Battle is built around quick rounds and fun social competition:

1. The host creates a room and invites players.
2. On each round, one player becomes the drawer.
3. The drawer selects a word from choices and starts sketching.
4. Other players guess in chat while hints reveal gradually.
5. Faster correct guesses get higher scores.
6. Roles rotate each round until the match ends.
7. Final scoreboard shows the winner.

Features

• Real-time room and game state sync with Socket.IO.
• Multiplayer drawing board with live strokes.
• Word-choice rounds with hint reveal support.
• Score tracking, round flow, and final ranking.
• Host controls, room sharing, and replay support.

Run Locally

Requirements:

• Node.js 18+ (Node.js 22 recommended)
• npm

1. Clone the repository.
2. Open two terminals.

Terminal 1: Backend

cd backend
npm install
npm run dev

Terminal 2: Frontend

cd scribble
npm install
npm run dev

Open the frontend URL shown by Vite (typically http://localhost:5173).

Environment Setup

Frontend can use:

• VITE_SOCKET_URL (defaults to http://localhost:8000)

Backend can use:

• CLIENT_URL (defaults to http://localhost:5173)

Play Online

Use the deployed app here:

https://ink-battle.vercel.app