MotiHub

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.

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.

For public room:

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

For private room:

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

3. Correct Guess and close guess

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

4. Editing ansd Drawing Tools

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

5. Share your Drawing

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

6. Restriction on using abusive language

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

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.

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

2. Install dependencies

  npm install

3. Connect to MongoDB

4. Start the backend server

  nodemon app.js

Live Demonstration

MotiHub.Codesangam.mp4