huynhtastic / elephant-octo-garlic Goto Github PK

• Configure project with CI workflow to lint code and build without errors

yarn outdated shows a number of outdated packages.

Should close #1 and #2 .

• Upgrade packages to latest

• Render Card per metric toggled
• Show MVP Card showing current metric

The example shows adding metrics via a searchable multiselect input field, but a checkbox list would show the available options better and allow a user to interact with the options more intuitively.

• Add checkboxes for metric options

• Add checkboxes without Redux

• Translate solution to redux/saga

• Install:

Dev:

• commitizen

• lint-staged

• husky

• @graphql-codegen/cli

• Configure commitizen with conventional chagelog:
  commitizen init cz-conventional-changelog --yarn --dev --exact

• Add scripts:

"generate": "graphql-codegen --config codegen.yml",
"lint": "eslint .",
"commit": "git-cz",

• Configure husky & lint-staged:

  "husky": {
    "hooks": {
      //  Investigate react testing first
      // "pre-commit": "lint-staged && yarn test"
      "pre-commit": "lint-staged"
    }
  },
  "lint-staged": {
    "*.ts": "eslint --cache --fix"
  },

• Add codegen.yml config

Show a chart using plotly and a hook into the metric subscription

• Show a realtime chart

• Randomize color for each stroke

• Change number of x-axis ticks

• Correct axis labels

• Add new points via subscription

• Fix rerender leak