Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hackafro/react-paintapp

A realtime collaboration app using react and pusher
https://github.com/hackafro/react-paintapp

Last synced: 4 days ago
JSON representation

A realtime collaboration app using react and pusher

Awesome Lists containing this project

README

        

# React-Paintapp
Realtime paint collaboration using Pusher and React

## Prerequisites
- [React](https://reactjs.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 start` to start the dev server

## Built With

* [React](https://reactjs.org/)
* [Angular](https://angular.io)
* [Express](https://expressjs.com/)