Skip to content

911-carrera/aggr

 
 

Repository files navigation

SignificantTrade

Cryptocurrency market trades aggregator./

Currently supporting Kucoin, BitMEX, Bitfinex, Binance, Coinbase, Bitstamp, Deribit, Huobi, Okex, Hitbtc, Poloniex, Bybit, Bitget, Mexc, Gate.io and Crypto.com (see src/exchanges/ for detail)

screenshot

What it does

This tool shows markets orders LIVE on the crypto market(s) of your choice.

  • Show live trades from exchanges on a specific pair
  • Filter noise by aggregating trades with the same timestamp
  • Calculate rolling sums over defined periods
  • Chart whatever is received from api (so only trades data for now)
  • Dynamic audio based on trade volume and size

Checkout CHANGELOG.md for details about the recent updates.

How it works

The application is developed using Vue.js and utilizes the JavaScript WebSocket interface to establish connections with exchange APIs and listen for trade events.

The core functionality involves an aggregator that processes raw trades within a dedicated Worker for each Exchange. The aggregator's main objective is to group trades based on time, market, and trade side. Periodically, the worker sends the aggregated trades to the user interface (UI), accompanied by relevant statistics regarding market activity. These statistics include volume sums, trade counts categorized by sides, and information about liquidations.

Local Installation and Execution Instructions

To begin, we highly recommend utilizing Volta, a node and npm version manager. We provide a convenient script to automate its installation process. This script is compatible with the bash shell, which is available on all major operating systems including Windows, macOS, and Linux.

	./scripts/install-volta.sh

If you want to use with your own data, edit /.env.local with API_URL=your url and build the app (npm run build).

For development, just as any vuejs project

  1. Clone the repo
git clone https://github.com/Tucsky/aggr
  1. Install dependencies
npm install
  1. Run it

Development mode

npm run cors

This will start a cors proxy for your development environment

npm run serve

This will automatically open a browser window at localhost:8080

npm run build

and access the dist/index.html directly in the browser later without having to run a command

Docker

build your own aggr client docker:

git clone https://github.com/Tucsky/aggr
cd aggr
docker build -t aggr-chart .

you need to set the API_URL as environment variable for your own installation, if you want to use that.

Configuration

SignificantTrades is now using Vue Cli which allows you to configure the client using .env file.

Create a .env.local or .env.development or .env.production (.env.local if you don't know) file inside root folder.

key description default value
API_URL Server instance url.
We use it to fetch historical data for the chart component.
Example: http://localhost:3000/
null
PROXY_URL Redirect HTTP requests from app through a proxy
If the PROXY_URL is set to https://cors.aggr.trade/, the app will retrieve Binance's products through this url : https://cors.aggr.trade/https://api.binance.com/api/v3/exchangeInfo
http://localhost:8080/

Implement historical data

You can use this project without historical data just by opening the app in your browser, as getting trades from exchanges is made directly in the browser using websocket api.

In order to show historical data YOU WILL need to setup your own server to provide the data using aggr-server.

See aggr-server repository.

Let's say you have a server instance running on port 3000, start the client with an environment variable API_URL=http://localhost:3000/ npm run serve

Community

Discord: https://discord.com/invite/MYMUEgMABs

Disclaimer

If you plan to use real money with this, USE AT YOUR OWN RISK.

Support this project!

ETH 0x83bBC120a998cF7dFcBa1518CDDCb68Aa0D0c158
COINBASE https://commerce.coinbase.com/checkout/c58bd003-5e47-4cfb-ae25-5292f0a0e1e8

About

Cryptocurrency trades aggregator

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Vue 48.7%
  • TypeScript 45.6%
  • SCSS 4.6%
  • JavaScript 0.8%
  • HTML 0.2%
  • Shell 0.1%