A react based client application to play Binquiz. It's a single page application at the moment in which containers change using a local string flag. The game itself is multiplayer and will be moderated by a quizmaster and some players in the teams. Stay tuned in for the first event.
src
├── Binge
│ ├── Scene
│ └── v1
│ ├── Switcher
│ ├── comms
│ ├── components
│ │ ├── Box
│ │ ├── Divider
│ │ ├── Form
│ │ ├── Header
│ │ ├── Popover
│ │ ├── Query
│ │ ├── Scoreboard
│ │ ├── State
│ │ ├── TextField
│ │ └── TextInput
│ ├── controller
│ ├── data
│ ├── dataStore
│ ├── features
│ ├── pages
│ │ ├── Board
│ │ ├── Landing
│ │ ├── Lobby
│ │ └── Reception
│ ├── state
│ └── utils
├── images
└── utils
tsx
- Typescript components and methods.
spec.tsx
- Typescript component tests.
scss
- Sass styles.
spec.scss
- Sass styles tests.
svg
- Images.First of all, install npm
which comes bundled with Node.
Install yarn
package manager by running.
npm install --global yarn
We prefer yarn
and would like to keep it that away unless something alarming happens.
Install all project dependencies using yarn
by running
yarn install
Add reverse proxy listener in the file /etc/nginx/sites-available/default
and start nginx.
Start the application by running
yarn start
REACT_APP_GOOGLE_CLIENT_ID
= REACT_APP_SERVER_ENDPOINT_PREFIX
= :For running on a secure production server: Use nginx
to launch
REACT_APP_WEBSOCKETS_SCHEME
= wssREACT_APP_REST_SCHEME
= httpsPORT
= 8080For running locally without a secure certificate: Use yarn
to start.
REACT_APP_WEBSOCKETS_SCHEME
= wssREACT_APP_REST_SCHEME
= httpsPORT
= 3000The images reside in DockerHub. To build a docker image, run the following command in the repository's root directory.
docker build . -t atulanand206/binquiz-webapp:vx.x
Once the image is built, push it out to DockerHub so that it can be consumed by the production server.
docker push atulanand206/binquiz-webapp:vx.x