Sample SPA using AngularJs MVC5/Web API and Google Maps

Sample SPA using AngularJs MVC5/Web API and Google Maps

Sample SPA using AngularJs MVC5/Web API and Google Maps Jul 6, 2015


Created a sample .NET MVC5 Single Page application that displays a list of events and displays a Google map of the location for each event.

A Next button allows the user to navigate each event such that the Google Map is updated with the address for the currently selected event.

The application used AngularJs to retrieve data from the Web Api.

It took me around 3 days to build and deploy the app. The first day I had to learn the basics of Angular. The second day was spent on the Google Maps api. And the third was spent in putting it all together in an .NET MVC/Web Api application and deployed to Azure Websites.

Source Code: https://github.com/stormwild/StickyEvents

Demo: http://stickyevents.azurewebsites.net/

PlaceholderThumbnail