Frontend Engineer Coding Challenge

gistfile1.txt

## Exercise

You are tasked with creating a UI that allows user to filter and view a company dataset, with the following requirements.

1. The app is a React app based on the structure of https://github.com/react-boilerplate/react-boilerplate.
2. The app connects to an HTTP API: 

https://faker-companies.dk-dev.leadbook.com/api/v1/industries/
https://faker-companies.dk-dev.leadbook.com/api/v1/companies/
https://faker-companies.dk-dev.leadbook.com/api/v1/companies/?company_location=BA
https://faker-companies.dk-dev.leadbook.com/api/v1/companies/?company_industry=2

3. The UI has a table or grid that lists the companies in the dataset. No pagination required.
4. The UI shows the search count on top.
5. The UI has a dropdown list, that allows user to filter the companies by location.
6. The UI has a dropdown list, that allows user to filter the companies by industry.
7. The UI has an area that show all filters applied.
8. (Optional) Add [X] buttons to allow users to clear filters applied.
9. By default, no filters are applied, the UI shows all companies in the dataset.
10. You may use any 3rd party library you like.
11. You will be given a wireframe for the UI design.
12. Styling the UI exactly is not the priority of the exercise.

Feel free to clarify the requirements further, if you have any doubts.

### How the solution is assessed

The criteria are as follows (descending importance)

1. Your UI should perform the functionalities required.
2. Your code should be organized according to the structure of react boilerplate.
3. Your code should be modular, readable and maintenable by other engineers.
4. Your code should be robust, and can handle failure such as API errors.
5. Your code should be efficient and fast.
6. Your code should be pretty.
7. Your UI should match the design.