/synthetix-perps-list

Primary LanguageTypeScript

Getting Started

Setup:

npm install

Run the dev server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

Development task

Display a list of Synthetix perps markets.

  • Pull the markets information from the Optimism PerpsV2MarketData contract at address: 0x340B5d664834113735730Ad4aFb3760219Ad9112
  • Render a list of all the perps markets
  • Display the market name, market size in $, current price and maker / taker fee (delayed off chain)
  • The list of markets should be ordered by market size
  • You should make use of styled-components

Figma File

Design