WP Bingo

This project began with my team’s Associative Creative Director idea to add to our team culture and have some fun during the Apple Keynotes.

I started with a simple Bingo card generated for each visitor with buzzwords/phrases for the event and a background relating to the keynote event.
The words/phrases were generated based on metadata fields defined in the WP admin area.

I’ve expanded the plugin to have several other features as well to keep things interesting.

• Shortcode to place in any post
• Page templates for pages to display the Bingo card below it’s page content (in basic format or theme format)
• Use JavaScript LocalStorage to save the Bingo card in case the visitor refreshes the page accidentally (or is trying to cheat)
• LocalStorage feature also saves the already clicked on words/phrases
• Quick CSS grid for styling
• Confetti celebration when BINGO is reached taken from here
• Custom REPEATABLE metadata fields with limit number (24)
• WordPress filter to change the word in the Bingo card (from BINGO to APPLE in sample) wp-bingo-header-word

GIF

Simple example of what it would look like using the shortcode in a post. Try on different browsers to get a different card or clear your local storage.