Skip to content

iamksuresh/trading_platform

Repository files navigation

Ignite - FX Trading platform

Trading dashboard for FX pairs using WebSockets

screenshots

Features

  • React based responsive web application
  • JS sockets for high performant real-time data access
  • configurable FX pods using env
  • Throttling of data for configurable intervals to improve UI performance
  • React context Api based State management.
  • Subscription and handling of multiple instruments are handled with context api
  • Clear separartion of concern between incoming data and transformed UI data, updated at regular intervals(configurable).
  • Using Visibility API to stop / start websocket.
  • UI rendering is light with only required parts updated as required.

Technology stack

  • React, WebSockets, TypeScript, material-ui, react hooks

Testing

  • React-testing-library for testing components

Installation

cd <root-folder>
npm i
npm start
  • UI will start at port 3000

Improvements

  • UI performance is greatly improved using throttling of FX data for configurable intervals. -- FX prices are collected until defined interval -- ASK - Lowest ASK value is updated in the UI dashboard -- BID - Highest BID value is updated in the UI dashboard
  • Handling of multiple instruments -- This is done at the store level using react Context API -- Clear separation of concers between subscribing and processing of incoming individual FX pairs data

Good to know

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published