responsive-angular-app

Another Angular driven simple responsive web app with pure css (yfs)

first you pick your technologies and get all the dependecies packages I picked angularjs and ui-google-map I also using gulp to automate my build process and run my local server
Start creating your folder structure for your app
Prepare your assets images icons
Configure your gulp file for ease of use later on
1. Configure your file injection for all js css files
2. setup browsersync for refreshing the page after any changes made
3. set up watchers for sass
create index.html and mark up without any css pure html and place holders
create the main.js and start building the angular module with the ui-router to create routes
create all your partial views and its controller skeletons
Start hooking up the routes with the controllers and the views.
Building the map controller
1. I thought the best way to handle http request is to build a dataServices and resolve it in the routes or just simply use it in its controller. I have picked the second option.
2. inject the dataService in my controller and get rid off the $scope as well using rather the controller aliases 'vm'
3. We add a search function and call upon our dataservice to se if our promise return a result this will be invoked from the views search form
4. No we just check there is result and call our map building function.
The last and not least is to style our website and load our images.

This was not a very difficult task to complete, however as i was not familiar with googlemaps it was a fare challenge.

Usage