Giter Club home page Giter Club logo

formula1-bingo's Introduction

Formula 1 Bingo - 2022

Browser based Formula 1 bingo game for each Grand Prix race

How to play

  1. Head to https://formula1-bingo.netlify.app/
  2. Flip the free space, you now have 5 points!
  3. Watch the race and flip any cards as they happen. Each flipped card adds 5 points.
  4. Get a bingo! Each bingo adds 30 points.
  5. Keep playing until all cards are flipped or race ends.

How to contribute

  • Head over to the issues first and see if you can help with any.
    • If you are up for it leave a comment asking if I can assign it to you prior to starting your work.
    • If it get's assigned to you go ahead and work on it and give me an ETA.
    • Submit a PR once finished.
  • If you have a new idea that isn't covered by an issue, please submit a new one
  • I'm always looking for new phrases/track specific bingo items!
  • I'm always looking for free no attribution images to use.

Ideas for webpage

  • Post on GitHub
  • With all cards flipped reveals an image
  • Make mobile version have less tiles so it's readable
  • Five points per card flipped
  • Bonus 10 points per card if they are a bingo
  • Gather initial bingo items into general array
  • Gather Bahrain Grand Prix specific bingo items into array
  • Current Race header with track layout
  • On desktop user can select number of tiles
  • Timer that shuts off after the race ends
  • Add a button to refresh phrase on cards, but keep current point value

formula1-bingo's People

Contributors

curtisbarnard avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

formula1-bingo's Issues

Race Specific Phrase Arrays

Need to create phrase arrays for all races:

  • Bahrain
  • Saudi Arabia
  • Australia
  • Italy
  • Miami
  • Spain
  • Monaco
  • Azerbaijan
  • Canada
  • Great Britain
  • Austria
  • France
  • Hungary
  • Belgium
  • Netherlands
  • Italy
  • Singapore
  • Japan
  • Austin
  • Mexico
  • Brazil
  • Abu Dhabi

Race window

Only allow users to submit scores and generated during the race window. Can we pull the race end from formula1.com or some other source?

Images

Need to source background images that require no attribution and name them with numbers so that they can be randomly used. Possibly race specific?

SVG of all tracks

Need to make SVGs of all tracks on the calendar.

  • Bahrain
  • Saudi Arabia
  • Australia
  • Italy
  • Miami
  • Spain
  • Monaco
  • Azerbaijan
  • Canada
  • Great Britain
  • Austria
  • France
  • Hungary
  • Belgium
  • Netherlands
  • Italy
  • Singapore
  • Japan
  • Austin
  • Mexico
  • Brazil
  • Abu Dhabi

Remove preloaded images

currently loading a track SVG and picture default on page load before they are updated by JS. Need to remove these elements to improve performance.

Combine phrase arrays

Need to combine general phrases and very specific arrays to generate single array to randomly choose from.

Refresh for users

If all tiles are filled allow user to generate a new board but keep point value to add additional points.

Desktop bingo board

Need to either have user selectable bingo board size up to 5x5 or just set it to 5x5. Bingo point values need to be larger for larger bingo board sizes to account for difficulty.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.