Skip to content
Recyle game for kids
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
bin
public
routes
.dockerignore
.gitignore
Design.sketch
Dockerfile
README.md
app.js
gaming-screen-1.png
gaming-screen-2.png
high-score.png
landing-screen.png
package-lock.json
package.json
player-score.png

README.md

WasteDrop

Recyle game for kids

Screenshots

Title Level 1 Level 1 Player's Score High Score

Getting Started

Prerequisites

  • docker v18.03.0

Build the Docker Image

To build the docker image, run the following command in the terminal:

docker build -t harryliu/waste-drop:alpha .

Configure the LeaderBoard

Create data/leader-board.data.json file inside project root directory:

mkdir data
nano data/leader-board.data.json

and replace its content with:

[]

Setting Up Environment Variables

Create .env file inside project root directory:

nano .env

and replace its content with:

SECRET=waste-drop

Launch the Container

To lunch the docker container, run the following in the terminal:

docker run -v ${PWD}:/usr/src/app -p 8081:3000 --env-file=.env -dt harryliu/waste-drop:alpha

Now you can play the game by visiting http://localhost:8081 in the broswer.

Deployment

Ubuntu & Nginx

To configure custom domain name for the game, you first need to create a nginx configuration file for the virtual host:

sudo nano /etc/nginx/sites-available/000-example.com

and replace content of the configuration with:

server {
        listen 80 http2;
        listen [::]:80 http2;

        server_name  example.com;

        location / {
                proxy_no_cache 1;
                proxy_cache_bypass 1;
                proxy_pass      http://127.0.0.1:8081;
        }
}

You also need to create a symbolic link for the configuration:

sudo ln -s /etc/nginx/sites-available/000-example.com /etc/nginx/sites-enabled/000-example.com

and reload it:

sudo systemctl reload nginx

Now you can play the game by visiting http://example.com in the broswer.

Author

Acknowledgement

Special thanks to soundimage.org and freesound.org for providing the sounds effects.

You can’t perform that action at this time.