- All the data required in the website will come from the dex screener api. You just need to fetch it according to the user input and show it to the user.
- In the search bar, take input as a pair/token address and show results according to it.
- Fetch the results from the above-mentioned endpoints. Show the required data by making asynchronous calls.
- When searching for a token address, show data for at most 10 pairs by repeating the pattern in Figma. Print in descending order of price in USD
- Allow users to connect their wallet to the website. Use the rainbow kit tool (LINK) for it.
The tech stack for this task is reactjs and vanilla CSS and Rainbow kit
- https://api.dexscreener.com/latest/dex/tokens/:tokenAddreses
- https://api.dexscreener.com/latest/dex/search/?q=:q
- clone the repository
git clone https://github.com/lordvader501/nftify
- install the dependencies
yarn install
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
ning-tests) for more information.
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.