Setup:
- Make sure you're running Node 16.10.x or later
- run
npm run setup - run
npm start
API URL http://localhost:3000
Requirements:
- Implement the wireframe design.
- Use the data from the
http://localhost:3000/cardsendpoint to populate the grid. - Apply a background image to the cards. The image url is
http://localhost:3000/cards/{cardID}/image - Add an input field to filter the cards by instrument name
- When the screen is < 600px change the grid to display as a single column, and change the background to black, and the page title to white.
- Cards should be ordered by price.
- Add a button that inverts the order of the cards (by price)
- Add a 5px border to the left each card and alternate the colour.
- Continuously poll the data and show an "up-down" indicator in each card when the price changes depending on the direction
