9jaswag / pusher-geofencing

realtime geofencing app built with Ember.js and Pusher Channels

Build a geofencing web app using Ember.js

A tutorial to showcase realtime functionality of Pusher Channels in Ember

View tutorial

Prerequisites

A basic knowledge of JavaScript.

You will also need the following things properly installed on your computer.

• Node.js (with npm)
• Ember CLI

Installation

• git clone https://github.com/9jaswag/pusher-geofencing.git this repository
• cd pusher-geofencing
• npm install

Setup Env variables

• Create a .env file in the node-server directory and add the following to it:

PUSHER_APP_ID: 'your Pusher app ID'
PUSHER_APP_KEY: 'your Pusher app key'
PUSHER_APP_SECRET: 'your Pusher app secret'
PUSHER_APP_CLUSTER: 'your Pusher app cluster'

Replace the constants above with your Pusher credentials.

• Open the index.html file and add your Google Maps API key

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=geometry"></script>

• Add your Pusher credentials in app/components/display-maps.js

let pusher = new Pusher('YOUR_APP_KEY', {
  cluster: 'CLUSTER',
  encrypted: true
});

Running / Development

• ember serve
• Visit your app at http://localhost:4200.

Built With

• Pusher - A hosted service that makes it super-easy to add real-time data and functionality to web and mobile applications
• Ember - A framework for ambitious web developers.