Vyro Frontend Tech Challenge

This is the Vyro Frontend Tech Challenge.

Getting Started

1. Clone this repo
2. Install npm i
3. Run npm start

Tasks

• In App.tsx, load the mockedVehicles from a GraphQL API. Details for the API can be found in the code.
  • Make sure to handle the loading state with some kind of UI.
• In components/Vehicle/index.tsx, correctly pull out the "featured" media.
• In components/Vehicle/index.tsx, map the "condition" of a vehicle to a friendly name.
• In components/Vehicle/index.tsx, add another <Tag/> to show the sold/available state of a car.
• In App.module.scss, update the grid styles to show the correct number of Vehicle cards per row, per breakpoint.

Once you're done, submit this code to a new github repo and share with @willtpwise.