WP BingoView Project Online
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)
- 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
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.