https://github.com/hackafro/angular-realtime-paintapp

Realtime collaboration in a paint application using pusher
https://github.com/hackafro/angular-realtime-paintapp

Last synced: 4 days ago
JSON representation

Realtime collaboration in a paint application using pusher

• Host: GitHub
• URL: https://github.com/hackafro/angular-realtime-paintapp
• Owner: HackAfro
• Created: 2018-05-16T10:51:18.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-05-16T16:03:26.000Z (over 6 years ago)
• Last Synced: 2024-11-14T19:36:37.397Z (2 months ago)
• Language: TypeScript
• Size: 80.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Angular-Realtime-Paintapp

Realtime paint collaboration using Pusher and Angular

## Prerequisites

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

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

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

- 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`.

- Clone the repo

- Enter the project folder

- 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/)