A real-time multiplayer drawing and guessing game built with React and Socket.io. This project replicates the classic Skribbl.io experience, allowing players to sketch and guess words in a fun, interactive environment.
🔗 Live Demo: skribbl.yagnik.dev
I wanted to challenge myself by creating a real-time, interactive web application that combines drawing capabilities with multiplayer functionality. This project allowed me to delve deep into WebSocket communications, state management, and real-time data synchronization between clients.
⚠️ Important: Make sure the backend server is running before starting the frontend.
- Node.js
- npm or yarn
-
Clone the repository:
git clone https://github.com/Yagnik-Gohil/skribbl.git cd skribbl -
Install dependencies:
npm install # or yarn install -
Start the development server:
npm run dev # or yarn dev -
Open your browser and navigate to
http://localhost:3000
- Create a Room: Start a new game session and invite friends.
- Join a Room: Enter an existing room code to join a game.
- Drawing Board: Use the canvas to draw the given word.
- Chat: Guess the word by typing in the chat; correct guesses earn points.
- Leaderboard: Track scores and see who's leading the game.
Contributions are welcome! Here's how you can help:
-
Fork the repository.
-
Create a new branch:
git checkout -b feature/YourFeatureName
-
Make your changes and commit them:
git commit -m 'Add your feature' -
Push to the branch:
git push origin feature/YourFeatureName
-
Open a pull request.
This project is licensed under the MIT License.