DEV Community

Cover image for Christmas RomCom Bingo - Hackathon Submission
Amelia Travers
Amelia Travers

Posted on

Christmas RomCom Bingo - Hackathon Submission

What I built

For the Digital Ocean Hackathon I decided to go quite silly having been inspired by the silliness around the Gatsby Silly Site Challenge.
This website is a bingo inspired game for people watching seasonal Romantic Comedies, of which there are many on Netflix. The purpose is for people to tune into a show, and play the bingo together, with the highest score at the end, or the first person to get the winning screen, to win!
Every time the page is refreshed new bingo items will be generated.

Category Submission:

Random Roulette

App Link

https://romcombingo.fun/

Screenshots

The final app:
Alt Text
Alt Text
Win Screen (with animated snow):
Alt Text

Description

This is a bingo inspired game for people watching Seasonal RomComs, built using Gatsby and hosted on Digital Ocean.
It has randomly generated bingo cards, a live updated score and a win screen.

Link to Source Code

You can check out the original code here: GitHub
I highly encourage anyone who has a passion for ANY genre of movie to fork this repository and create their own themed bingo. This could work just as well with Star Trek, Harry Potter or Action films (but you might want to do some rework of the theming..)

Permissive License

MIT

Background

As a big fan of Seasonal RomComs I felt they deserved celebrating, as they are often the core of jokes, and don't get appreciated for what they are. This platform highlights some of their unique beauty, as well as providing a base for other genres games.
From a Dev perspective I also wanted to practice using Gatsby and utilising arrays.

How I built it

This app was built using the basic Gatsby Hello World Starter, version controlled on GitHub and deployed using Digital Ocean.
It was the first time I've used DO, previously I've used AWS Amplify. It was incredibly easy and user friendly, I would definitely consider it again! Especially for rapid prototyping of ideas.

Additional Resources/Info

For more details head over to Twitter for the threads on my process.
First Sprint
Second Sprint

Top comments (0)