🔥 The Shit Is Hot

This project is inspired by the segment Der Scheiß ist heiß on NEO MAGAZIN ROYALE. It's derived from The Price Is Right but in this game, you have to guess how many hits the shown words generate in a search engine and then place them in the correct order.

You can play The Shit Is Hot at shitishot.de.

More background information and reactions to the release, can be read in my blog post. It's in German since this game is inspired by a German late-night talk show.

Made With

• Angular, project set up with Angular CLI
• Bootstrap with ng-bootstrap directives
• angular-l10n
• HTML5 Drag and Drop API with mobile-drag-drop polyfill
• ngx-clipboard
• Font Awesome

Words for new games are generated via Wikipedia. Search results come from Yandex, Google (experimental), and Bing (experimental). Google and Bing are experimental because web scraping is used.

Thanks to Wikipedia's open API, it can be used purely client-side. However, the numbers of search results are (and have to be) retrieved from a backend. The server applications used are:

• Yandex Search
• All Origins

Install

Install Node.js® and npm if they are not already on your machine. brew install node is recommended on macOS.

npm install

Start

npm run start

The run script start executes ng serve with open and aot options.

The ng serve command launches the server, watches your files, and rebuilds the app as you make changes to those files.

Using the --open (or just -o) option will automatically open your browser on http://localhost:4200/.

Using the --aot (Ahead-of-Time) option will compile the app at build time.

Deploy

This project is hosted on GitHub Pages with a custom domain and uses angular-cli-ghpages to publish it.

npm run deploy

The run script deploy executes

• npm install to ensure dependencies are installed (and in the correct version),
• ng lint to lint the app code using TSLint,
• ng build with prod environment,
• writing shitishot.de into dist/CNAME for using a custom domain (see FAQ of angular-cli-ghpages), and
• ngh (short for angular-cli-ghpages) to publish the output at dist into the gh-pages branch.

Scripts

"scripts": {
  "ng": "ng",
  "start": "ng serve --open --aot",
  "deploy": "npm install && ng build --prod && echo \"shitishot.de\" > dist/CNAME && ngh",
  "lint": "ng lint"
}

License

Distributed under the MIT license. See the LICENSE file for more info.