Skip to content

rseng/remote-bingo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Remote Bingo

img/remote-bingo.png

https://img.shields.io/badge/rseng-project-purple https://good-labs.github.io/greater-good-affirmation/assets/images/badge.svg Gitter

The Remote Bingo project is intended to provide a fun way to play Bingo (either on your own or with others). The interface will cache your current board, allow for export, and customizing the items via the remote-bingo.csv file.

And see this post for a writeup about the development of this interface.

Usage

Generally, you get a bingo notification when you:

  • fill a row or column
  • get a diagonal

And if you want to play for the super win (filling the entire board) you'll get a bigger congratulations notification.

Single Player

If you want to play with the current questions present in remote-bingo.csv, then just go to the Remote Bingo interface on GitHub pages and you are good!

Multiplayer

While the interface isn't actually shared between people, if many people load the same page and load the same set of items, the order of the items will be different, and you can play until someone has a bingo. You can strive to get bingo for rows, columns, or (the ultimate win) is an entire board.

Customize

However, if you want to customize this interface for your own bingo items:

  1. Fork the repository
  2. Clone your fork
  3. Edit the remote-bingo.csv to be your questions, or generate a new questions file

For the third point above, if you change the name of the file you'll need to edit index.js to load in that file:

var bingo = new Bingo()
bingo.load_csv("remote-bingo.csv")

And then you can add other lists to the interface as follows:

bingo.add_bingo_list("bingo-lists/new-programmer.csv")
bingo.add_bingo_list("bingo-lists/quarantine-cooking.csv")
bingo.add_bingo_list("bingo-lists/indoor-activities.csv")

And they are available at the bottom of the interface for a user to select to change the board:

img/choose-list.png

If you create a fun set of items or want to update the existing lists, please contribute them here!

Contributing

If you'd like to contribute, here are a few ideas:

  • create a custom list of bingo items to add to bingo-lists, or add to an existing one
  • add a color picker so the user can select the color #2
  • add support for local cache, so refreshing the page can reload a previous state #3
  • tags loaded from remote-bingo-csv (or requested file for another deploy) can be filtered #4
  • filling the entire board should have a more explosive congratulations #5
  • ability to save picture of board to file #6

This software is under a permissive MIT License.

Boards Available

Please open a PR to update and improve these lists! More items mean better randomization and variety for playing different boards.

Remote Bingo

The default "remote bingo" includes items that are related to working remotely, COVID-19, and general conference calls.

img/remote-bingo.png

Quarantine Cooking

img/quarantine-cooking.png

Virtual Conference

img/virtual-conference.png

Indoor Activities

img/indoor-activities.png

New Programmer

img/new-programmer.png

Cookies

img/cookies.png

Crypto Privacy

Thanks to bcrypt on Twitter for these card entries!

img/crypto-privacy.png

Developer

Thanks to Kat Maddox for creating this original card on Twitter!

img/developer.png

Thank you!

Thank you to A Game of Dabs on Codepen that I was able to refactor into a Vue.js application to serve a custom board. I'm terrible at JavaScript and this example was exactly what I needed to get started. If you would like to add a board or items for a category, please don't hesitate to open a pull request.

Releases

No releases published

Sponsor this project

 

Packages

No packages published