Angular-Realtime-Data-Visualization

Realtime data visualisation using Pusher and Angular

View tutorial

Prerequisites

• Angular
• 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

• Update the pusher.service.ts file with your pusher key

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

• git clone https://github.com/christiannwamba/angular-data-visualization.git
• cd angular-data-visualization
• Run npm install
• Start server by running node server
• Run ng serve to start the Angular dev server

Built With

• Pusher
• Angular
• Express
• Pusher
• ChartJs