Skip to content

Latest commit

 

History

History
96 lines (55 loc) · 4.46 KB

README.md

File metadata and controls

96 lines (55 loc) · 4.46 KB
Raw

MotiHub

image

Welcome to MotiHub, a pioneering platform dedicated to transforming boredom into a rich tapestry of engaging and multifaceted experiences. By expanding your vocabulary and honing your problem-solving abilities through deciphering creative visual clues, MotiHub fosters a dynamic environment for learning. Our intuitive platform also offers a delightful avenue for social interaction and amusement, enhancing communication skills by encouraging visual idea conveyance. With time-limited challenges that inspire inventive thinking, MotiHub promotes a realm of imagination and innovative expression. Join MotiHub and immerse yourself in a world where learning, entertainment, communication, and creativity converge to provide a fulfilling and dynamic experience.

Technologies and Product Used

  • Node.js: A JavaScript runtime built on Chrome's V8 JavaScript engine.

  • Socket.io: A library for real-time web applications. It enables real-time, bidirectional, and event-based communication.

  • MongoDB: A NoSQL database for storing and managing data.

  • Cloudinary: A cloud-based service for managing images and videos.

  • SCSS: A preprocessor scripting language that is interpreted or compiled into CSS, enhancing the style sheet writing process.

  • EJS: A simple templating language that lets you generate HTML markup with plain JavaScript.

Features

1. Multiplayer Drawing Arena:

  • Users can join an interactive arena where they can showcase their drawing skills and compete with others in real-time.
image

2. Public and Private Rooms for playing

  • Create or join public rooms to play with anyone, or private rooms for a more intimate gaming experience with friends.
image

For public room:

  • Participate in open games where anyone can join and compete.
image

For private room:

  • Host private games with specific friends or invitees for a more controlled environment.
image

3. Correct Guess and close guess

  • Players receive feedback on their guesses, with indicators for correct and close guesses to enhance the gaming experience.
image

4. Editing ansd Drawing Tools

  • Access a variety of tools to create detailed and expressive drawings, allowing for greater creativity and precision.
image

5. Share your Drawing

  • Easily share your drawings with friends or on social media platforms to showcase your artistic talent.
image

6. Restriction on using abusive language

  • The platform enforces strict rules against abusive language to maintain a respectful and friendly environment for all users.
image

7. Global Rating LeaderBoard

  • Compete with players worldwide and see where you rank on the global leaderboard, motivating you to improve and achieve higher scores.
image

Getting Started

To get started with the Real-Time Drawing and Guessing Web App, follow these steps:

  1. Clone the repository.
  git clone https://github.com/Avtech04/CodeSangam.git
  1. Install dependencies
  npm install

  1. Connect to MongoDB

  2. Start the backend server

  nodemon app.js

Live Demonstration

MotiHub.Codesangam.mp4