India Air Quality

Instructions

I have provided below scripts to install and run the app, run the tests and build the app for production. In addition all the production files are in the /build folder and are ready for making live.

Running the code

npm install

npm start

This installs the needed node modules and runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

Running the tests

npm test

Building the app for production

npm run build

Assessment Instructions

You have been given some data by the editorial department in the ./src/data directory.

They need you to build an interactive project where users will select an Indian city and have their local air quality displayed in cigarettes and particulate matter.

How the users select their city is up to you: editorial have used dropdowns, buttons, maps, and keyword entry autocomplete text fields before. It's your choice.

Requirements

User will select a city - autocomplete dropdown/ buttons System will display the cigarettes and particulate matter data System will display all text fields in the json data

Technical requirements

  1. Serve the task as flat files
  2. Can use node/ npm/ webpack, babel
  3. Pay attention to file size and perfomance
  4. Code should work on IE11 and up
  5. Production files should output to a ./dist folder

Approach

Use React.js + typescript Pull JSON file data - visualize the number of cigarettes using the image Material UI for the design Explore translation for the hindi version

Design

img-tag