Humans vs Zombies web app

The project can be tested at: https://hvz-vemoes.herokuapp.com/

Description

Humans vs. Zombies (HvZ) is a game of tag played at schools, camps, neighborhoods, libraries, and conventions around the world. The game simulates the exponential spread of a fictional zombie infection through a population.

Contributors

Usage

Clone the project and cd into it.
Install the dependencies using the npm command npm i --legacy-peer-deps.
Set the node environment variables by creating a .env file in the root of the directory and filling in the values:

REACT_APP_API_URL="[BACKEND_ENDPOINT]"
REACT_APP_MAP_TILER_API_KEY="[MAPTILER_API_KEY]"

Run npm run dev.
The web app will open in your browser of choice.

Future Work / Cool to have😎

Implements web sockets to notify clients when game state changes.
Improved page navigation

Style-guide

Casing

React :
- Pascal-Case:
  - Components
- kebab-case
  - html/xml tags inside components
  - css

Git

https://www.conventionalcommits.org/en/v1.0.0/

commit-message:
- feat: new feature, code added
- fix: bugfix usually
- style: no functional changes
- docs: documentation

Packages used

npx create-react-app --ts
redux
react-redux
@reduxjs/toolkit
react-router-dom
react-icons
react-hook-form
bootstrap
react-bootstrap
leaflet
react-leaflet
react-leaflet-draw
express
keycloak-js

MoBanju/HvZ