Within Marketing at Farfetch we are presented with a wide range of requests which cover different technology stacks, please use this as a showcase to demonstrate your skills and more importantly enjoy the challenges!
The following index.ftl is a FreeMarker file which will be used as the base template for our new email campaign. Can you code a solution which will display contents based on the following design for mobile and tablet/desktop. 
Please use the products in the array, use the breakpoint 576px and take into consideration older email clients such as Outlook.
We will run the code through the following tool and test the subsiquent markup using Litmus.
If you do not feel comfortable with FreeMarker you may use an alternative but provide us with a breakdown of your approach and documentation of how to run the build.
The following link is a REST API endpoint which contains real-time data for our New In Menswear Set.
Please create a JS application which will output products from this feed. Output these products with images; 2 column for mobile and 3 for tablet/desktop using the breakpoint 960px.
Bonus points for:
- Including designer name, description, anchor and hover image of product.
- Add a filter which allows the user to select the brands available within the feed.
Upon completion please store these tasks in a repository and provide us with the link.