What the site currently looks like:
Website demo: http://diegolopez.me/vaccine-tracker/
You need to modify some things in the docs\script.js file first, since this repository is set up so that the backend is hosted on a Google VM. If you are using a Unix system (Linux or Mac), type the following:
export PORT=8080
and if you are using a Windows operating system, type the following:
set PORT=8080.
In docs\script.js, uncomment line 11:
plot.src = 'http://0.0.0.0:8080/data.png?t=' + Date.now();
and comment out line 12:
plot.src = 'http://117.9.121.34.bc.googleusercontent.com/data.png?t=' + Date.now();.
Also, uncomment line 20:
let result = await fetch("http://0.0.0.0:8080")
and comment out line 19:
let result = await fetch("http://117.9.121.34.bc.googleusercontent.com/");.
Now, do the following:
- In the command line, run
main.py. - In your web browser, go to http://localhost:8080/
- Open
index.htmlin your web browser.
Whenever you change main.py, you need to re-build the Docker file. These are the steps to do so:
sudo docker build --tag webdev/vaccine-tracker .
You will see the following output near the end: Successfully built <container id>, where <container-id> is the ID of the container. You will then want to use nohup to run this process in the background with the following command:
nohup sudo docker run -p 80:56666 <container id> > output.txt&
You can view the output in output.txt.