This loacation-app is a single page application to fetch location data(location.json) from server and to show that on screen.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
data
images
js
README.md
index.html

README.md

README

This loacation-app is a single page application to fetch location data(location.json) from server and to show that on screen.

What is this repository for?

  • Location info is provided in JSON format.
  • Group those locations by country and city.
  • Show the location with address, city and post with its location in map.
  • Documentation about technology used and flow can be found in README

How do I get set up?

Technologies Used

  • HTML/HTML5 : For application structure and skeleton.
  • CSS/CSS3 : For application styling.
  • JavaScript : For user interaction.
  • AngularJS : Framework support for Single Page Application.
  • Google Maps API : API for providing map and its functionalities.
  • Font Awesome : For awesome fonts.

Application Flow

  • Step 1 : An Application skeleton is created in index.html and google-maps, font-awesome, AngularJS, custom-css, JavaScript and finally AngularJS directives ng-app="locationApp" & ng-controller="locationCtrl" are added.
  • Step 2 : AngularJS application is bootstrapped with "locationApp" & "locationCtrl".
  • Step 3 : Now location.json is fetched by making and ajax call to server in "locationCtrl" and the fetched location data is then categorized
  • Step 4 : Once data is received initialized method is called.
  • Step 4 : Categorized data is placed on map in hidden format.
  • Step 5 : Only the selected Country or City data will be visible on map.

Who do I talk to?