Burke Angular App

BURKE Christmas Angular App

For BURKE’s 2016 christmas website, I decided to create a interactive map displaying holiday events across North Carolina. I have just begun the project and below are some rough color comps of how the site should look and function. I will use AngularJS to display data from a JSON file. I made custom icons for each “event category” as well as the background map. I am hoping to add a lot of fun CSS animation to the icon SVGs once the site is built.

The development progress can be viewed at this github repo.

I plan to use Angular’s ngRepeat directive to run through the data and and display the icons while still allowing me to dynamically access and filter the data based the unique IDs of the repeated items.

web_christmas-01

Icons

christmas_icons-01

 

Desktop

northcarolina_graphic-0
northcarolina_graphic-01

 

northcarolina_graphic-02
northcarolina_graphic-03

 

Mobile

northcarolina_graphic-04
northcarolina_graphic-05
northcarolina_graphic-06
northcarolina_graphic-07