iampranavdhar / draw-fusion

A collaborative, real-time sketching game powered by Next.js and Node.js, where one user creatively illustrates a given word, while fellow players in the room engage in the exciting challenge of guessing what the drawing represents!

Multiuser Real-Time Sketching Game

Welcome to the Multiuser Real-Time Sketching Game, a fun and interactive online game where one user draws a word, and other players in the room try to guess what it is. This project is built using Next.js and Node.js to deliver a seamless and engaging gaming experience.

Screenshots

Getting Started

To get started with the game, follow the steps below:

Prerequisites

• Node.js and npm/yarn should be installed on your system.

Setup

1. Fork this repository to your GitHub account.

2. Clone the forked repository to your local machine:

   git clone <forked-repository-url>

3. Navigate to the project directory:

    cd draw-fusion

4. Install the dependencies:

5. npm install

6. Run the development server:

7. npm run dev

8. Open a new terminal window and navigate to backend directory:

   cd backend

9. Install the dependencies:

   npm install

10. Create a .env file in the backend directory and fill as per the .env.example file.

11. Run the backend server:

    npx nodemon index.js

12. Open http://localhost:3000 with your browser to see the result.

13. Start playing the game!

Note

• This is developed as a part of college project and is not a production ready application. And hence, it is not deployed anywhere. And the code is not maintained anymore.

Resources

• Next.js Documentation - learn about Next.js features and API.
• Node.js Documentation - learn about Node.js features and API.
• Socket.io Documentation - learn about Socket.io features and API.

License

This project is licensed under the MIT License - see the LICENSE file for details.