Ionic-Realtime-Data-Visualization

Realtime data visualisation using Pusher and Ionic

You can find the article here

Prerequisites

• Ionic
• Express
• Pusher
• ChartJs
• A Pusher account and Pusher app credentials

Getting started

• Clone the project and install dependencies:
• Create a file named .env. Update the .env file with the content below:

PUSHER_APP_ID=app-id
PUSHER_APP_KEY=app-key
PUSHER_APP_SECRET=app-secret
PUSHER_CLUSTER=cluster

• Update the pusher.ts file with your pusher key

Note: ensure to replace the placeholder values with your pusher appId, key and secret.

• Clone the repo
• Run npm install
• Start server by running node server
• Run ionic serve to start the Ionic dev server

Built With

• Pusher
• Ionic
• Express
• Pusher
• ng2-charts