Scribble Re-imagined

Scribble.io but its Recreated and With a Bot!

Comment

Inspiration

As the theme was something related to Art, we wanted to create something that you could enjoy with your friends and have fun. You must have played Scribble in various hackathons and also yourself. This weekend we wanted to recreate Scribble using Node.js and Socket.io.

What it does

The website - The website allows you to create your own rooms or join rooms and play together. You enter your name, one of the members in the room draws and the others guess. If all are able to guess, the game moves on to the next drawer. If others are unable to guess, the drawer can click on next round and the next drawer will be chosen.
The Scribble Bot - The Bot is a discord bot that helps you to create private rooms that will not be listed on the public games list. It also provides you suggestions for words to draw and the link to the website if you want to play in or create one of the public rooms.

How we built it

  1. Python - For the Discord ScribbleBot.
  2. HTML/CSS/JavaScript - For the Scribble Website.
  3. Node.js and Socket.io - For the Scribble Website.
  4. Discord.py - Discord API for the Discord ScribbleBot.
  5. Replit - To host out Scribble Website.
  6. Linode - To host our bot.

Linode, Replit and Why?

  1. We hosted the discord bot on Linode using the screen command. The screen command allows to continue a session even after you exit the Linode SSH.
  2. We didn't use Linode for the website because Linode requires credits and we might delete the Linode Computer Instance later. This being our first project, we wanted this to stay thus we hosted it on Replit instead.

Challenges we ran into

  1. The ideation was a challenge itself as this is our first hackathon.
  2. We struggled to get the Linode credits.
  3. Time management was an issue as we made two projects this weekend for Abstract Hacks.

Accomplishments that we're proud of

We are proud to make something that is presentable enough and works well. We are proud of participating in our first hackathon!

What we learned

  1. Node.js and Socket.io
  2. Linode
  3. Replit

What's next for Scribble Re-imagined

  1. Adding colors in the whiteboard.
  2. A better UI.
  3. Option to create private room from the website.
  4. Option to create public room from the bot.

Built With

Share this project:

Updates