<!-- p class attribute "intro" bumps text up into page subhead. -->
    <p class="intro">Track and map things that move. Record a device's GPS location and save on the device and to IBM Cloudant. </p>

    <!-- Main body paragraphs start here -->   
Our Location Tracker example app comes in 2 formats:
  • offline-first mobile native app with mapping, Swift and cloud sync.
  • mobile web app made using HTML5, JavaScript, and Cloudant
Both Location Tracker example apps show how simple it is to store and query GeoJSON using Cloudant’s database service.
Location Tracker screenshot
As a user moves, Location Tracker queries the server for nearby points of interest. These points are rendered as green map pins.

Swift Mobile App

Explore our sample app in a 2-part tutorial. Part 1 shows data sync in Swift and explains how to implement an offline-first design for data access using the Cloudant Sync iOS library. Part 2 discusses user management design issues, and shows how you can scale your app to support millions of users. Get started.

Web App

Location Tracker started life as a mobile web app. Check out our 3-part tutorial which covers building this demo application using HTML5, JavaScript, and Cloudant. You’ll see how to make a single-page mobile web app with AngularJS. Then add a middle tier to manage users, with Node.js and IBM Bluemix. Read more.

Next Steps

        <li>Swift part 1: <a href="/clouddataservices/2016/06/14/location-tracker-part-1-offline-first/">Swift location data & cloud sync</a></li>
        <li>Swift part 2: <a href="/clouddataservices/2016/08/11/location-tracker-part-2-database-per-user">Scaling up</a></li>
        <li>Web part 1: <a href="https://github.com/cloudant-labs/location-tracker-couchapp/blob/master/tutorial/tutorial.adoc">CouchApp</a></li>
        <li>Web part 2: <a href="https://github.com/cloudant-labs/location-tracker-angular/blob/master/tutorial/tutorial.adoc">AngularJS</a></li>
        <li>Web part 3: <a href="https://github.com/cloudant-labs/location-tracker-nodejs/blob/master/tutorial/tutorial.md">Node.js</a></li>
    <h3>IBM Technology</h3>
        <li><a href="http://www.bluemix.net/">Bluemix</a></li>
        <li><a href="https://console.ng.bluemix.net/catalog/cloudant-nosql-db/">Cloudant</a></li>
    <h3>Blogs 'n' Stuff</h3>
        <li>GitHub: <a href="https://github.com/ibm-cds-labs/location-tracker-server-nodejs">location-tracker-server-nodejs</a></li>
        <li>GitHub: <a href="https://github.com/ibm-cds-labs/location-tracker-client-swift">location-tracker-client-swift</a></li>
        <li>GitHub: <a href="https://github.com/ibm-cds-labs/location-tracker-server-envoy">location-tracker-server-envoy</a></li>
        <li>Previous version: <a href="https://cloudant.com/location-tracker/">web app</a></li>

Looking for more Cloudant examples? Visit the Cloudant developer resources page.