Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/Arp-G/pictionary

Picture guessing and drawing multiplayer game
https://github.com/Arp-G/pictionary

clone drawing game guessing-game multiplayer pictionary scribble skribbl

Last synced: about 2 months ago
JSON representation

Picture guessing and drawing multiplayer game

Lists

README

        


Pictionary image

# Pictionary

[**Pictionary**](https://pictionary-game.netlify.app/) is a free multiplayer drawing and guessing game.

A game consists of a few rounds in which every round someone has to draw their chosen word and others have to guess it to gain points! Players with the highest scores are the winners at the end of the game.

[Play now!](https://pictionary-game.netlify.app/)

## A Demo of the app
https://user-images.githubusercontent.com/39219943/122636633-e280cc00-d107-11eb-9923-62819cfe8470.mp4

## Features

* Play with your friends in a private room or other users in a public game.
* Tweak the game according to your likings, and your own custom words.
* A refreshing new UI and dark mode support
* If you get disconnected from a game you will not lose your score just rejoin again and continue
* The best part is it's free and there are NO ADS!

I took inspiration from [skribbl.io](https://skribbl.io/) to make this project, however, I have added a bunch of new stuff in addition to what scribble offers like a new UI, dark mode, ability to preserve scores if disconnected and the best part there are no ads!

## Bugs, feature requests, and contributions

Found a bug or want a new feature?
Please [create an issue](https://github.com/Arp-G/pictionary/issues/new).

Want to contribute?
* Create a PR and I will be happy to review and merge it
* Start this project
* Tell your friends about the project.

Like my work? Consider [contributing](https://www.paypal.com/paypalme/arprokz) to this project and support me to improve it.

## Setup and run locally

If you want to run this project locally continue reading

Few things to know about the technology stack used in the project:
* The application uses [Elixir](https://elixir-lang.org/) for the backend server and [react js](https://reactjs.org/) for the frontend application.
* There is no database, all data is stored in an in-memory database that comes with elixir called [ETS](https://elixirschool.com/en/lessons/specifics/ets/) and will be lost when the backend server is stopped.

### Setup using Docker

Get the app running easily using docker.

* Install [docker](https://docs.docker.com/engine/install/) and [docker compose](https://docs.docker.com/compose/install/)
* Clone this project
* `cd` into the project directory and run `docker-compose up`

Thats it! Access the application at http://localhost:3000/

### Setup manually

* Make sure you have [elixir](https://elixir-lang.org/install.html) and [npm](https://www.npmjs.com/get-npm) installed
* Clone this project
* `cd` into the project directory and install dependencies by running `mix deps.get` and finally start the backend server by running `mix phx.server`
* Next cd into the `pictionary-app` directory and install dependencies by running `npm install` and start the front end application by running `npm start`
* Enjoy!