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)
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.
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.
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
- Clone the repo
git clone https://github.com/Tucsky/aggr
- Install dependencies
npm install
- 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
build your own aggr client docker:
git clone https://github.com/Tucsky/aggr
cd aggr
docker-compose -f "docker\docker-compose.yml" up -d --build # prod
If you want to use aggr-server as your local data source, load the docker-compose.dev.yml instead.
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/ |
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.
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
Discord: https://discord.com/invite/MYMUEgMABs
If you plan to use real money with this, USE AT YOUR OWN RISK.
ETH 0x83bBC120a998cF7dFcBa1518CDDCb68Aa0D0c158
COINBASE https://commerce.coinbase.com/checkout/c58bd003-5e47-4cfb-ae25-5292f0a0e1e8