dex ui

[techland]

Features

1. • Able to connect a wallet using pw-core, which would interact with the metamask extension.
2. • Able to create an order, package it as a transaction, then use pw-core to sign and send the transaction.
3. • Able to cancel an order.
4. • Able to show pending orders under the connected wallet.
5. • Able to show all pending for a trade pair.
6. • Able to show all completed trades for a trade pair.

UI mockup

Note that for now we can use ckb-indexer for the front end to query and derive for the necessary data point for the 4 / 5 / 6. Later on, as the volume grows, we might need a backend to preprocess these data points and cache them for the DEX front ends.