README

What is this app for?

• This is a React based exercise for potential candidates for the 9Now CTV team.
• It is a simplified version of our <TabbedGrid> component.

Overview

• Our team has built all of the separate pieces we need to put together our new <TabbedGrid> component.
• This is plain React, and all of the styling has been done for you.
• response.json contains an example payload from the server.
• We can have any number of tabs, and each tab can have any number of cards.

Requirements

Make changes to the app to meet these requirements, one at a time:

1. Tabs should dynamically display based on /data/response.json.
2. We want the first tab to automatically be selected on page load.
3. Whenever a tab is selected, we want to show the associated cards.

Extension questions (if you have time)

1. How can we make this more performant?
2. How would you approach showing a loading or error state?
3. How can we have more confidence the app works as expected?

Building and running on localhost

First install dependencies:

npm install

To run in hot module reloading mode:

npm start

Testing

To run unit tests:

npm test