Intro

Just an assignment about:

Candlestick Chart

Rendering a candlestick chart with canvas and keep pulling the latest data with websocket.

Widget

A small widget about pulling data with websocket and filtering data.

Setup

1. nvm install
2. yarn instlal
3. yarn run start to run the program.
4. yarn run cypress:open for e2e testing for widget page.

Tech Stack

• React
• TypeScript
• Canvas
• WebSocket
• react-table
• xstate
• d3-scale
• cypress