Skip to content

Draw and guess the object, π’Žπ’–π’π’•π’Šπ’‘π’π’‚π’šπ’†π’“ π’ˆπ’‚π’Žπ’Šπ’π’ˆ π’˜π’†π’ƒ 𝒂𝒑𝒑

Notifications You must be signed in to change notification settings

ankitsingh2105/DoodleQuest

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

39 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

DOODLEQUEST

Description

This project is a multiplayer drawing and guessing game inspired by Scribble. It allows users to connect with friends, chat in real-time, and engage in a creative and interactive gameplay experience.

Demo Video

22.05.2024_14.21.53_REC.mp4

Features

  • Join Specific Room: Users can join specific rooms to connect with friends and play together.
  • Real-Time Chatting: Integrated real-time chat functionality within rooms for instant communication among players.
  • Real-Time Whiteboard Updates: Developed a real-time drawing board where players can express their creativity and guess each other's drawings in real-time.
  • Real-Time Leaderboard Updates: Implemented a real-time leaderboard to track players' scores and rankings dynamically throughout the game.

Technologies Used

  • Web Sockets: Explored and implemented Web Sockets for establishing persistent connections between clients and the server, facilitating seamless real-time data exchange.
  • MongoDB, Express, Node.js (MERN Stack): Leveraged the MERN stack to build the project, gaining hands-on experience with MongoDB for data storage, Express for backend development, and Node.js for server-side scripting.

Learning Highlights

  • Exploring Web Sockets: Discovered the fascinating realm of real-time communication and its efficiency in maintaining persistent connections.
  • Custom Promises: Delved into the intricacies of promises in asynchronous JavaScript and crafted custom promises to handle asynchronous operations effectively.

Running the Server and Frontend

Server

  • Open a new terminal.

  • Navigate to the backend directory:

    cd Backend
    
  • Run:

    nodemon server.js
    

FrontEnd

  • Open a new terminal.

  • Navigate to the Scribble_MERN directory:

    cd Scribble_MERN
    
  • Run:

    npm run dev
    

About the Author

About

Draw and guess the object, π’Žπ’–π’π’•π’Šπ’‘π’π’‚π’šπ’†π’“ π’ˆπ’‚π’Žπ’Šπ’π’ˆ π’˜π’†π’ƒ 𝒂𝒑𝒑

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published