Skip to content

Latest commit

 

History

History
31 lines (16 loc) · 1.13 KB

README.md

File metadata and controls

31 lines (16 loc) · 1.13 KB

Data Table Challenge

This challenge is create a component that displays analytics data in a pivot table using react-pivot. This is what a basic, unstyled version looks like:

data table

Setup & Running

  • run npm i in order to install required packages.

  • run npm run dev in to run the app in development mode.

Rules:

  • Create a component report.jsx that exports a component.

  • This component will display the data from data.json using react-pivot similar to the above image, and it should at minimum:

    • Group by "date" and "host" (dimensions).

    • Show counts of "impressions", "loads", and "displays".

    • Show "load rate" (loads / impressions) and "display rate" (displays / loads)

  • You may modify style.css as you see fit (use the defaultStyles: false of react-pivot to disable default styling).

  • Do not modify index.js.

  • Follow these coding style guidelines.

  • Do not add any other npm modules (unless it is a small helper module).