How to get bracketcounter site working locally

README.md

Prerequisites

• Node (LTS)
• Command Prompt / Terminal
• You know bracketcounter works, how to change contestants, etc
  • If not, follow through the README & config.example.toml closely: https://github.com/figgyc/bracketcounter

Note

This is only for running the site on your local computer e.g. not online

Steps

1. Set livemode to true in the config file.
2. Download bracketcounter-web, and unzip
3. Open your Terminal to the folder bracketcounter-web
4. Enter these commands

npm i
npm i -g live-server

• If your unable to do npm i -g live-server, try npm i live-server

5. Go to client.ts inside the folder with a text editor of choice and replace this line:

socket = new WebSocket('ws' + (window.location.protocol == "https:" ? "s" : "") + '://' + window.location.hostname + '/socket');

to this:

socket = new WebSocket("ws://127.0.0.1:9764")

6. Go back to your terminal and enter these commands:

npm run build
live-server

• If your unable to do live-server, try npx live-server

7. A browser tab should pop up with a directory screen. If not, go to http://127.0.0.1:8080/ (this is a local website, only your computer can view it!)
8. Click on dist/. This will open the website!
9. Start bracketcounter and wait until it finishes collecting comments. After that, you should be able to see the votes on the site!!