Learning react by creating a farkle game (work-in-progress, learning-in-progress)
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
sass
src
test
.babelrc
.gitignore
.nvmrc
.travis.yml
LICENSE
README.md
docker-compose.dev.yml
farkle.gif
index.html
notes.md
package-lock.json
package.json
webpack.config.js

README.md

React Farkle Game

Build Status

Using as my tutorial for learning React. Find out more about Farkle.

Currently has:

  • Some React structure
  • Some Ava testing for scoring mechanisms
  • Some styling, but not much 😏

Install

  1. Clone it.
  2. nvm use (if you're using nvm).
  3. npm install it.
  4. npm run webpack it.
  5. Serve it (requires docker-compose): npm run up (find the game at localhost:8080)
  6. Stop serving it: npm run down

Gif it

example gameplay

Currently game includes:

  • Basic scoring rules
  • A two player game
  • Some error handling around selecting incorrect dice
  • Stateful buttons related to actions the player can take, etc.
  • An indicator for whether a player is winning currently

Still needed:

  • A means of determining the winner and ending the game when someone wins
  • Restarting the game
  • Allowing a different number of players
  • Better UI design and UX tweaks (responsive design considerations, select all die, deselect all die, show scoring options etc)