[{"data":1,"prerenderedAt":55},["ShallowReactive",2],{"project-\u002Fportfolio\u002Fweb-application\u002Feuro-2016-wallchart":3},{"id":4,"title":5,"archived":6,"body":7,"carousel":33,"category":34,"description":35,"displayOrder":36,"extension":37,"featured":38,"features":39,"fullImage":33,"image":45,"imageAlt":46,"meta":47,"mockup":33,"navigation":6,"path":48,"repo":49,"seo":50,"stem":51,"subhead":52,"url":53,"__hash__":54},"projects\u002Fportfolio\u002Fweb-application\u002Feuro-2016-wallchart.md","Euro 2016 Wallchart",true,{"type":8,"value":9,"toc":29},"minimark",[10,14,17,20,23,26],[11,12,13],"p",{},"Continuing with my passion for Wallcharts, and to encourage my nephews to get involved\nin the competition, I wrote the Euro 2016 WallChart.",[11,15,16],{},"My previous attempt for the 2014 World Cup was written entirely in vanilla JavaScript\nso I wanted to try using a JavaScript framework to help me with the process and\nfocus on an Model View Controller approach.",[11,18,19],{},"As before, I used the clients Local Storage to persist the data as the wallchart was completed\nby the user. As scores were entered, the tables would update the teams respective\nplayed, point and goal difference figures and sort the table accordingly.",[11,21,22],{},"At the end of each stage, the qualifying teams would progress to the next round.",[11,24,25],{},"The application also automatically generated the days fixture list based upon the\ndate the user was visiting the page.",[11,27,28],{},"I also integrated Google Maps to view all the Stadia used for the competition. The\nBlues Brothers in the map are my nephews :)",{"title":30,"searchDepth":31,"depth":31,"links":32},"",2,[],null,"web-application","A side web application project - Web Wallchart for the 2016 European Championships",6,"md",false,[40,41,42,43,44],"HTML5","CSS3","JavaScript","Twitter Bootstrap","Angular JS","\u002Fimages\u002Fprojects\u002Fweb-application\u002Feuro-2016-wallchart.jpg","Euro 2016 Wallchart - Web Application",{},"\u002Fportfolio\u002Fweb-application\u002Feuro-2016-wallchart","https:\u002F\u002Fgithub.com\u002Fforbesg\u002FEuro-2016-WallChart",{"title":5,"description":35},"portfolio\u002Fweb-application\u002Feuro-2016-wallchart","Angular JS Wallchart 2016 European Championships","https:\u002F\u002Fforbesg.github.io\u002FEuro-2016-WallChart\u002F","DAgoRigH4tZWTrri885DTrr-N39CWlWnamylPAh-Bu0",1794401865520]