According to Wikipedia, Hex is a two-player strategy board game played on a hexagonal grid, typically on an 11×11 rhombus.
Players take turns placing hexagons on the grid in an attempt to link their opposite sides of the board in an unbroken chain. One player must win; there are no draws.
<< TODO: insert reasoning here >>
Of course!
Visit hexx.netlify.com to try out the game!
Why host it on Netlify? It's free. It's easy to use. It's super fast.
Note: The back-end server may take 20 or 30 seconds to spin up and connect because it's running on Heroku's free plan.
- Install Git from here
- Install Node.js and NPM from here
- Install Yarn with
npm install -g yarn
- Clone this repository by running
git clone https://github.com/AdrianaCucu/hex-web-app.git
- Enter the project server folder:
cd hex-web-app/server
- Install dependencies:
yarn install
- Enter the project web folder:
cd ../web
- Install dependencies:
yarn install
Run the web app in the development mode:
cd web
yarn run start
Open http://localhost:3000 to view the web app in the browser 🌍
To run the back-end server in development, run the following in a different Terminal window:
cd server
yarn run start
Open http://localhost:4000 to view the server's home page the browser 🌍
Build the web app for production to the web/build
folder:
cd web
yarn run build
This bundles React in production mode and optimizes the build for the best performance. The build is minified and the filenames include the hashes.
The web app is now ready to be deployed!
<< TODO: insert instructions for server >>
- React.js for building the web app
- Grommet CSS framework
- Web sockets for realtime communication with the server
- Netlify to host the front-end code
- Node.js running a Fastify web server
- Fastify or Socket.io to se🚀ve the websocket connections
- Heroku to host the back-end server
- Git version control
Built with ❤ by A.C. and DMeechan
This project is MIT licensed.