Altura Frontend Engineer Technical Test

Requirements

  • Display a list of NFTs of a given address.
  • The list of NFTs should be displayed as a grid of cards, with each card displaying the NFT's details.
  • When a user clicks on a card, a modal should be displayed that shows more details about the NFT, such as its description and the owner's address.
  • The modal should have a button that allows the user to purchase the NFT. Clicking the button should navigate them to the relevant OpenSea page.
  • The design of the grid of cards and the modal is up to you, but it should be visually appealing and easy to use.

Evaluation Criteria

  • Correctness: Does your code fulfil the requirements listed above? Does it handle edge cases and error scenarios?
  • Code quality: Is your code organised, easy to read, and maintainable? Do you use appropriate React patterns and libraries?
  • User experience: Is your interface intuitive and easy to use? Does it provide clear feedback to the user?

Create React App

Getting Started with Create React App

This project was bootstrapped with Create React App.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.