Order Book

Live order book. Test task for Vuejs developer
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Installation

About The Project

This is live Order book component for Vuejs. Although full logic is not located in one component, main part is written there.

This Vue.js application is a local order book that integrates with the Binance WebSocket API. It allows users to select a trading pair and retrieve real-time order book data and quotes for the chosen pair. The application fetches the list of available trading symbols from the Binance API on initialization and stores them in the Vuex store. Users can select a trading pair from a dropdown menu and click a button to fetch the order book data. The order book is displayed with separate sections for bids and asks, showing the price, quantity, and total in USD for each order.

The application utilizes WebSocket connections to receive live updates of the order book and the latest price for the selected trading pair. The current price is displayed along with an arrow indicating price movements, and the spread percentage is calculated and shown.

Also users can create their mock orders and look after them beeing moved based on price of pair.

(back to top)

Built With

• 
• 
• as SCSS
• 

(back to top)

Getting Started

In order to start this project from local PC, you need to follow this steps below:

Installation

1. Clone the repo

   git clone https://github.com/sweeeeetch/order-book.git

2. Install NPM packages in both client and server folders

   npm install

3. Run starting script and you are settled!

   npm run dev

(back to top)