---
# System prepended metadata

title: 'Live coding task: data fetch and visualizer'

---

# Live coding task: data fetch and visualizer

At Topsort we fetch catalogs from multiple companies and make them available for creating campaigns.

Create a routine that fetches the [google feed example][example], parses it and displays it as tabluar data on a web page in a easy to read fashion.

## Task

Download the data and extract information from it; then display it in a easy to view fashion.

The columns required are:
- id
- name
- price
- image url / display the image
- category (only need to display the leaf category)

[example]: https://adtribes.io/wp-content/uploads/Google-Shopping-TSV-USA.zip


## Restrictions / guidelines

- Use javascript/typescript to achieve the task
- Use any open source framework, library or template starters to achieve the task
- Keeping state locally is optional
- Feel free to use google, chatgpt or anything else that you usually go to for work.
