This is a sample app to find ATMs in the CO-OP network built using Ionic Framework.

Before running the app there are a few things you should install.

Installing Ionic CLI and Cordova

npm install -g ionic cordova gulp

Node and Bower packages

npm install
ionic state restore
bower install

Bing API Key

Although the app is functional without this, you will see an overlay on the map that will cover part of the pushpins. You can get a free API Key on Bing Maps Portal. Once you get it, execute the following Gulp task to add it to the app:

gulp bingkey --add <your API key>

On a browser window

The app is already set to run in this environment, just type ionic serve and a browser window will open automatically.

On a device

Removing the ATM service proxy

In order to run on the local browser, we have set up a proxy so we can make calls to the ATM service in that environment. However, this is not needed when running as a Cordova app and should be disabled using the following command.

gulp proxy --remove

Note: You can use gulp proxy --add to revert the change.

Adding a platform

You need to add the target platforms for the app. For example, for Windows 10 you would need to type:

ionic platform add "windows@https://aka.ms/cordova-win10"

After that, just type ionic build windows to build the AppX package which you can later install on a phone running Windows 10. A way to do this is copying the package to the phone, navigate to the folder containing the package on the File Explorer app and tap on the appx file.

Note: You need to have the phone in Developer Mode in order to install the app, which can be enabled in the Settings app.

For more commands, check out the Windows Platform Guide.

This demo application uses data publicly available on the Co-Op Network ATM Locator site. Co-Op and Co-Op Network are registered trademarks of Co-Op Financial Services.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.