changes in UI for a web3 website built in next.js

Job ID: 36215026

Budget: ₹1,500 – ₹12,500 INR

It’s working fine but not the best performance

We want that enhanced

Also, some of the fonts are epic, when you create trade you can see the fonts they are bad

Also, the token drop-downs are not perfect

The first drop-down doesn’t show the whole coin list

And the position of the limo and market button when you want to swap

I believe if the developer is able to test the current ui he can also point out other things he will note

We just want the dapp working perfect and fetch data for the dashboard also.

The chart is fixed but doesn't work when deployed online only works locally not sure why it's being blocked

The trade data font are not well formated…this is the preffered font
--font-sm: 1.4rem;
--font-base: 1.5rem;
--font-md: 1.6rem;
--font-lg: 2.4rem;
--font-xl: 3.4rem;
We will like to keep the same consistency on the font like gmx, also the color blue for the font looks weird

The token dropdown should look like this
FTM / USDT
ETH / USDT
WBTC / USDT
USDC / USDT
DAI / USDT

The choice of token select should automatically update on the rest of the trade page like the charts and long, short etc

The active order modal should use fonts as designed in the figma link

The Aurora and fantom are not yet integrated so they will have a coming soon comment on them, the fantom testnet is integrated and so the contracts integrated are fantom testnet

The wallet connect for example should pop up users to connect to fantom testnet
To avoid the confusion

Okay few things I noted
The wallet connect flow is poor, users should be prompted to add fandom testnet to me task when connecting so they can connect to the right chain

The market drop down is not complete, only btc eth and ftm are there
Should be:
FTM / USDT
ETH / USDT
WBTC / USDT
USDC / USDT
DAI / USDT
Which ever one the user selects the charts should be updated instantly and the price change 24 hours and all that should be updated also

The pool page if you check the add liquidity button has been removed
Only buy FLuxLP and sell FLuxLP are there

When you click the buy or sell the modal doesn’t appear very nice like it is in the design, it’s not wide enough and the background appears dark when it pops
Related categories: React.js Blockchain DApps Next.js Web3.js