BAM Takehome

gistfile1.txt

Front-end Take-Home Assignment:
 
BAM's clients need to look and analyze key performance metrics.
 
Create a standalone page in Angular/JavaScript. Use any additional libraries you like.
 
1.  Display 5 key metrics in the layout of your choice
·  Impressions: 103,706
·  Clicks: 3,111
·  Click through rate: 3.0%
·  Cost per click: $2.00
·  Impression share: 67%
2.  Programmatically generate 2 sets of mock data for clicks per day for a period covering 2 weeks:
·  Set 1: (Saks Fifth Avenue): Click data should range between 3,000-5,000/day
·  Set 2: (Neiman Marcus): Click data should range between 7,000-10,000/day
3.  Create a line graph based on the above click data
 
Display a date range picker (and make the chart dependent on the range selected).
Create a user interface that allows the client to choose:
·  Saks Fifth Avenue or Neiman Marcus alone (one line graph)
·  both at the same time (two line graphs)
·  an aggregate of both sets of data (one line graph that represents a sum of the 2 sets of data)
4.  Display a fixed field titled "Budget" and set the budget at $50,000.
Display an editable field titled "Spend". 
Create a notification for when the client has gone over their budget. The notification should appear when the customer inputs a "Spend" larger than the set budget.
 
This page should have basic styling.