Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Develop Order Book Component for ksox-web Exchange Section #11

Open
Okm165 opened this issue Nov 9, 2023 · 0 comments · May be fixed by #12
Open

Develop Order Book Component for ksox-web Exchange Section #11

Okm165 opened this issue Nov 9, 2023 · 0 comments · May be fixed by #12
Labels
enhancement New feature or request good first issue Good for newcomers

Comments

@Okm165
Copy link
Member

Okm165 commented Nov 9, 2023

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.

@Okm165 Okm165 added enhancement New feature or request good first issue Good for newcomers labels Nov 9, 2023
@Okm165 Okm165 linked a pull request Nov 9, 2023 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request good first issue Good for newcomers
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant