1.4 KiB
Introduction
We wish to build a standalone Single-Page App (SPA) to interact with our new EVM-based DEX called Liquidity Party, which has a standard structure where each contract address represents an AMM pool that is an ERC20 LP token as well as a swap interface. Our pool is multi-asset and can quote any pair combination. Minting and redeeming are done most efficiently with a correctly-proportioned basket, but we also offer swap-mint and burn-swap operations that mint or burn from/to a single asset instead of a basket, by integrating a swap operation as well as the mint/burn liquidity operation.
The app should be client-side only, deployable on a CDN using no server. It will interact only with the blockchain via the user's Web3 wallet, in order to discover pools, prices, and provide swap / mint functionality.
It should be minimal and familiar, using popular UI frameworks and packages wherever possible (e.g. RainbowKit)
-
mobile-first design
-
Typescript
-
next.js with static export (CDN / IPFS deployment target)
-
Localization using next-intl and subpath routing
-
shadcn/ui + Tailwind
-
RainbowKit
-
wagmi + viem
-
no linting
-
light/dark mode
-
no cookies, embedded analytics, or any tracking or server interactions.
-
Landing page is swap form
-
Tabs available to Swap or Stake
-
Chain selector and wallet connector (RainbowKit)
-
Token search combobox
-
Mint tab (empty for now)
-
Swap form (main tab)