Frontend

Overview

This game_frontend contains the frontend for the Kurono game. It is a single page application using React. We use Redux for state management and redux-observable for handling our side effects (e.g. asynchronous calls).

Requirements

• Node

• Parcel

• yarn

Build dependencies

Once you have cloned aimmo repository, run the command below in the game_frontend folder:

yarn

Testing

For frontend tests, please refer to running Cypress and Jest tests on the Testing section.

Further reading

If you are new to React and Redux we recommend reading these resources:

• React tutorial

• Thinking in React

• Redux and React tutorial

In order to make sure our project structure is scalable we use re-ducks.

The links here aren't necessary for helping you contribute straight away but they will help you out as you get more comfortable with our project:

• Jest testing cheatsheet

• Redux Observables