rogigs / binance-websocket

Project created to study WebSocket

Binance WebSocket

The aim of this project was to study the WebSocket protocol. So, because of that use CRA. The project solve the problem of visualizing the change of cryptocurrencies using the Binance's data

Demo

demo-binance-websocket.mp4

Run Locally

Clone the project

[e-mail]:rogigs/binance-websocket.git

Go to the project directory

  cd binance-websocket

Install dependencies

  npm install

Start project

  npm run start

Running Tests

To run tests, run the following command

  npm run test

Opportunities for improvement

• states handling in component ListSymbol
• alter rule to show symbols(most sought after cryptos and pagination of list )
• pagination of list exchanges cryptos
• control of users
• add css reusable with styled components(ex. to button)
• add spaces variables to css

Design System

• The colors were defined by the a11y color pallette
• Spacing is multiples of 4
• The grid has a maximum width of 1440px and a minimum of 320px
• The medias queries follow Google's values