Sketchparty

Welcome to Sketchparty, a fun and engaging online multiplayer drawing and guessing game inspired by Sketchparty. This project aims to replicate the core functionalities of the original game and also adding some new features which are lacking in the skribble.io, providing an entertaining platform where players can showcase their drawing skills and guess the drawings of others.

Live Demo

Click Here

💡 Open the link in two separate tabs to experience multiplayer mode (you’ll be joined together).

Table of Contents

• Features
• Screenshots
• Installation
• Usage

Features

• Multiplayer drawing and guessing game
• Real-time gameplay with smooth and responsive interactions
• Private rooms with host-controlled settings
• Room settings include max players, rounds, draw time, word count, hints, and word mode
• In-game chat functionality
• User-friendly and intuitive interface
• Leaderboard to track player scores

Installation

To get a local copy up and running, follow these steps:

1. Clone the repository:

   git clone https://github.com/irfanxdev/sketchparty.git
   cd sketchparty
   

2. Create an environment file:

   cp .env.example .env
   

   Example contents:

   PORT=3001
   CLIENT_ORIGIN=http://localhost:3000
   

3. Install dependencies:

   npm install
   

4. Start the application:

   npm start
   

5. Open your browser and navigate to:

   http://localhost:3000
   

Deployment notes

• The backend serves the built frontend in production mode.

• Make sure the deployed frontend origin is set in the environment variable CLIENT_ORIGIN.

• For production deployments, build the frontend with:

  npm run build
  

• Start the server with:

  npm start
  

Usage

1. Create or join a game room:

   • To start a new game, click on "Create Room" and share the room code with friends.
   • To join an existing game, enter the room code provided by the host.

2. Gameplay:

   • One player will be chosen to draw a word.
   • Other players will guess the word based on the drawing.
   • Points are awarded for correct guesses and drawing accuracy.

3. Chat:

   • Use the in-game chat to communicate with other players during the game.

Thank you for visiting Sketchparty! We hope you enjoy playing and contributing to the project.