Git Product home page Git Product logo

mistermantas / millionaire-js Goto Github PK

View Code? Open in Web Editor NEW
8.0 4.0 7.0 70.16 MB

🤔 “Who Wants to Be a Millionaire?” game recreated in React. Originally created for school event & forked with UI changes and specialized API.

Home Page: https://millionaire-school.netlify.com/#/game

License: MIT License

HTML 1.84% PHP 98.16%
game gameshow show web react school project react-router fork fetch who wants to be a millionaire money html css javascript

millionaire-js's Introduction

Who Wants to Be a Millionaire? in JavaScript

GitHub last commit Twitter

Originally airing in 1998, this is the remake of the popularly acclaimed game show that had its 20 year anniversary in the UK in May of 2018. This project was forked and built off of the foundation that Luke Wlodarczyk created and mainly features UI improvements as well as some back-end changes. The front-end for Fastest Finger First has also been implemented.

This project was originally worked on for a special English lesson at a local high school on July 11, 2018. It will no longer receive updates.

Play game
Try Fastest Finger First

For hosts

The original doc used for the project's host is now available in a HTML file.

Changes

  • Cleaned up interface, moved next question button
  • Made to fit sli.do events in schools
  • The Double Dip & Change Question lifelines have been hidden
  • Added manual stop and restart clock buttons at bottom left
  • Hidden start game dialog to appear on hover in top right
  • Final answer gets progressively longer as you climb the money tree
  • Removed best scores, implemented by the original author
  • Removed guaranteed winnings and current winnings
  • Changed money tree to points tree and changed its value

Caveats

  • The clock shows -1:-2 once it goes negative (the clock has 2 extra seconds so that the presenter has enough time to choose an option)
  • Must refresh page after finishing one game session so that questions do not repeat
  • Clicking twice on next question button breaks the game
  • Changing money values changes final answer delay

FAQ

How do I open this game?

Download it and extract it. You will need an up to date browser like Firefox or Chrome. Windows 10 is recommended (because of the Unicode characters in the bottom left).

For Fastest Finger First, open the fastest-finger-first.html file and click on any of the numbers to start showing the question. There is no backend for handling who will come to play.

Once you are ready to play, click index.html and then go fullscreen F11. It is highly recommended to set up sli.do for interactivity with your audience.

How do I start a game?

The start game dialog will appear after hovering over the money tree in top right of the screen. Entering any character apart from x will use a custom API (which you will have to host yourself). So to start a game from the opentdb.com database, enter 'x' and start the game.

Does the call lifeline actually call someone?

No, the icon is a bit misleading; it adds 60 seconds to the clock and changes the background music. It is supposed to let you ask for help from your friend in the audience (ala Plus One in the US show).

How do I change the questions?

Find the baseUrl variable and change the URL to the API of your choice, which has the questions in the proper JSON format:

{
   "response_code": 0,
   "results": [
      {
         "question": "What is the scientific name for modern day humans?",
         "correct_answer": "Homo Sapiens",
         "incorrect_answers": [
            "Homo Ergaster",
            "Homo Erectus",
            "Homo Neanderthalensis"
         ]
      }
   ]
}

For a good example of this, check out the Open Trivia Database.

What tech does this software use?

  • React
  • React Router
  • Fetch

Originally also built with Sass, Webpack, and ES6, but this project only adds on top of the distributed code, not the source code.

License

The game is licensed under MIT.

© Mantas Vilčinskas & Łukasz Włodarczyk, 2017-2018

millionaire-js's People

Contributors

mistermantas avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

millionaire-js's Issues

formalization

If he would still betray a good design he would not have the price

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.