https://github.com/hackafro/vue-paintapp
Realtime collaboration in a paint application using pusher and Vuejs
https://github.com/hackafro/vue-paintapp
Last synced: 11 months ago
JSON representation
Realtime collaboration in a paint application using pusher and Vuejs
- Host: GitHub
- URL: https://github.com/hackafro/vue-paintapp
- Owner: HackAfro
- Created: 2018-05-22T12:01:34.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-06-10T21:39:16.000Z (almost 8 years ago)
- Last Synced: 2025-07-01T10:49:32.473Z (11 months ago)
- Language: JavaScript
- Size: 85.9 KB
- Stars: 11
- Watchers: 1
- Forks: 6
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue-Paintapp
Realtime paint collaboration using Pusher and Vue
[View tutorial](https://pusher.com/tutorials/collaborative-painting-vuejs)
## Prerequisites
- [Vue](https://vuejs.org/)
- [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
```
> **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 `yarn serve` to start the dev server
## Built With
* [Vue](https://vuejs.org/)
* [Angular](https://angular.io)
* [Express](https://expressjs.com/)