DaoCasino / sample-casino-frontend

Frontend Casino Template

Casino template

Contents

• Frontend Casino Template
  • Contents
  • Development environment
  • Setup
  • CLI
  • Docker
  • Style Guide
  • Software stack
    • Libs

Development environment

• OS: MacOS, Linux. In case of Windows, it is more practical to use WSL
• nodejs version: 10.16.0
• npm version: 6.9.0
• yarn version: ^1.16.0

Setup

Clone repo sample-casino-frontend

  git clone https://github.com/DaoCasino/sample-casino-frontend.git

Install dependencies using yarn

cd sample-casino-frontend
yarn

For local development create .env file

BACKEND_ADDR=YOUR_BACKEND_ADDR

CLI

• yarn start - start the project (development)
• yarn build - build the project
• yarn test - test the project
• yarn lint - lint the javascript files
• yarn lint --fix - linting, formating и error fix javascript

Docker

Container build and launch web server at port 8888

docker build -t casino-frontend --build-arg BACKEND_ADDR=localhost:8080 .
docker run -it --rm -p 8888:80 casino-frontend

Style Guide

Formatting rules to be appliied:

• ESlint - javascript linter
• Prettier - code formatting

See formatting rules .eslintrc.json

VScode extensions:

• eslint
• prettier - code formatter

Software stack

Libs

• react-scripts - create-react-app
• react
• react-router v5
• redux
• react-redux
• redux-saga - lib (middleware) based on generators to handle side effects better
• reselect - library of selectors for redux with memoization
• seamless-immutable - immutable structure
• material-ui - material UI framework