Description
We need to develop an order book component for the exchange part of our ksox-web frontend. An order book is a list displaying all the buy and sell orders for a specific asset, ranked by price level. It's a critical component for our users to view market depth and make informed trading decisions.
I would like the new order book to take inspiration from existing models that provide a clear and efficient user experience. Notable examples to draw inspiration from include:
The design should integrate seamlessly with the current website's aesthetic, using grid and flexbox layouts to ensure the order book expands from the center towards the edges, adapting responsively to different screen sizes without the need for scrollbars or overflow issues.
The work will primarily involve the following paths in our project:
ksox-web/src/components/exchange
: Define all necessary components here to have a complete order book with tiles.ksox-web/src/routes/exchange/[market]
: Modify the files here, which are the main UI for the exchange when visiting the URL/exchange/btc-usd/
.
Please ensure the component is fully responsive, adjusting both vertically and horizontally, and test it across different devices and resolutions.