Build a grid view of artworks similar to: https://superrare.co/market.
The following are scenarios describing how the feature you are building will be used.
- Kathy wants to browse through the very cool art on SuperRare but would prefer to see it in a grid, 3 across.
- While browsing, Jimmy wants to see the name, current owner and creator of the artwork as well as the artwork itself.
- Kyle looks at the artworks on his phone and finds the site responsive; he sees 1 artwork at a time.
- An filters artworks by name.
- Pagination
- Displaying bid or sell orders.
Implementation details are up to you. This repo is a fresh create-react-app
install. Please use this or an ejected version and avoid switching to another framework such as Vue.js
or Next.js
.
Please use SuperRare's API as your data source. Restrict the artwork categories to: artwork
and artwork-v2
Please use the /sr-json/v0/nfts/assets
route.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.