Twenty Questions

Binary Trees Exercise in JavaScript, 07.22.2020 - 07.28.2020

By Adela Darmansyah

About | Screenshots | How To Install | Bugs | Technologies Used | Learning Resources | Contact and Support

About

A web application that implements a yes/no guessing game called "20 Questions." This game is between user versus computer. The user will think of an object, and the computer will try to guess the object. But beware! As the computer fails to guess, it gets smarter. The computer will save previous objects it tried to guess so it knows the next time the object comes up again! This app ultimately aims to apply the developer's knowledge on binary trees into practice. Click on the following link to play around with the deployed app! Twenty Questions on Netlify

Winning Conditions

• As the smart computer, I should be able to win the game based on these conditions:
  • The user reaches the last question (a leaf node), then the user clicks "yes" (right answer).
• As the user, I should be able to win the game based on these conditions:
  • I reach the last question (a leaf node), but then I click on "no" (wrong answer).
  • I reach question #20 that is not a leaf node, so it doesn't matter what I click on next (computer ran out of chances to ask questions).

Screenshots

Create new game

First three rounds of the game

Reaching question # 20

No save detected

Cancel create new game

How To Install

For local development

• Clone this repo
• Open the command line and navigate into the repository
  • npm install to install all necessary plugins
  • npm test to run all tests
  • npm start to run the application locally

Known Bugs

No known bugs at this time.

Technologies Used

• JavaScript
• HTML
• Markdown
• jQuery
• Semantic UI
• Visual Studio Code
• Linux VM
• npm
  • Webpack
  • Jest
  • Code Linter
  • etc.*

*Open package.json file to see the complete list of all plugins.

Learning Resources

• This app was inspired by:
  • Twenty Questions Assignment Prompt
  • Twenty-One Questions Assignment Prompt
• JavaScript Naming Convention
• Semantic UI CDN
• "There is no way to pause a function/loop in JavaScript/jQuery"
• MDN: Document.cookie
• W3Schools: JavaScript Cookies
• Storing JS objects in cookies
• Failed npm install semantic-ui in Linux (does not support newer nodes) - still an open GitHub issue
• Cookies vs Caches
• document.cookie cannot set two cookies at the same time!
• ESLint: Specify exceptions not to check for usage of variables whose names match a regexp pattern
• Step-by-step: How to deploy webpack/npm project using Netlify

Contact and Support

Any feedback is welcomed!

adela.yohana@gmail.com