Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jaume-ferrarons/binance-futures-app
A web app to fetch and display Binance futures prices
https://github.com/jaume-ferrarons/binance-futures-app
binance binance-api futures spread
Last synced: 12 days ago
JSON representation
A web app to fetch and display Binance futures prices
- Host: GitHub
- URL: https://github.com/jaume-ferrarons/binance-futures-app
- Owner: jaume-ferrarons
- Created: 2025-01-17T19:03:56.000Z (13 days ago)
- Default Branch: main
- Last Pushed: 2025-01-18T19:34:41.000Z (12 days ago)
- Last Synced: 2025-01-18T20:28:31.588Z (12 days ago)
- Topics: binance, binance-api, futures, spread
- Language: JavaScript
- Homepage: https://jaume-ferrarons.github.io/binance-futures-app
- Size: 909 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Binance Futures Price Comparison Web App
> ‼️ Most of this repo's code was written using [Copilot Workspace](https://copilot-workspace.githubnext.com/) to learn how it works.
This project is a web application built using React that connects to the Binance API to get the price of BTC or ETH futures contracts. It compares the prices for perpetual, quarterly, and biquarterly futures, computes the spread between them, and plots the prices from the last n days (n to be selected from a dropdown).
## Setup and Installation
1. Clone the repository:
```
git clone [email protected]:jaume-ferrarons/binance-futures-app.git
cd binance-futures-app
```
2. Install the dependencies:
```
npm install
```
3. Start the development server:
```
export NODE_OPTIONS=--openssl-legacy-provider
npm start
```
## Usage
1. Open the web app in your browser:
```
http://localhost:3000
```
2. Select the cryptocurrency (BTC or ETH) from the dropdown.
3. The app will fetch and display the prices for perpetual, quarterly, and biquarterly futures contracts.
4. The app will compute and display the spread between the futures contracts.
5. Select the number of days (n) from the dropdown to plot the prices from the last n days.
6. The app will fetch and display the historical prices for the selected number of days.