https://github.com/hackafro/angular-data-visualization

Realtime data visualisation using Pusher and Angular
https://github.com/hackafro/angular-data-visualization

Last synced: 4 days ago
JSON representation

Realtime data visualisation using Pusher and Angular

• Host: GitHub
• URL: https://github.com/hackafro/angular-data-visualization
• Owner: HackAfro
• Created: 2018-05-09T16:40:02.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-05-12T14:32:27.000Z (over 6 years ago)
• Last Synced: 2024-11-14T19:36:39.674Z (2 months ago)
• Language: TypeScript
• Size: 91.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Angular-Realtime-Data-Visualization

Realtime data visualisation using Pusher and Angular

## Prerequisites

- [Angular](https://angular.io)

- [Express](https://expressjs.com/)

- [Pusher](https://pusher.com)

- [ChartJs](http://www.chartjs.org/)

- A [Pusher account](https://pusher.com/signup) and [Pusher app credentials](http://dashboard.pusher.com/)

## 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](https://pusher.com/) 

* [Angular](https://angular.io)

* [Express](https://expressjs.com/)

* [Pusher](https://pusher.com)

* [ChartJs](http://www.chartjs.org/)