https://github.com/ammezie/pusher-group-chat
A simple group chat app using Vue.js and Pusher
https://github.com/ammezie/pusher-group-chat
expressjs nodejs pusher vuejs2
Last synced: 16 days ago
JSON representation
A simple group chat app using Vue.js and Pusher
- Host: GitHub
- URL: https://github.com/ammezie/pusher-group-chat
- Owner: ammezie
- Created: 2017-04-12T15:48:17.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-03-12T09:29:43.000Z (about 7 years ago)
- Last Synced: 2025-04-10T11:27:16.651Z (20 days ago)
- Topics: expressjs, nodejs, pusher, vuejs2
- Language: HTML
- Size: 2.03 MB
- Stars: 2
- Watchers: 1
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Pusher Group Chat
A simple group chat app using Express, Vue.js and Pusher. Follow the tutorial [https://pusher.com/tutorials/group-chat-javascript](https://pusher.com/tutorials/group-chat-javascript)
## Getting Started
Clone the project repository by running the command below if you use SSH
```bash
[email protected]:ammezie/pusher-group-chat.git
```
If you use https, use this instead
```bash
https://github.com/ammezie/pusher-group-chat.git
```
After cloning, run:
```bash
npm install
```
Duplicate `.env.example` and rename it `.env`
### Prerequisites
#### Setup Pusher
If you don't have one already, create a free Pusher account at [https://pusher.com/signup](https://pusher.com/signup) then login to your dashboard and create an app.
Then fill in your Pusher app credentials in your `.env` file:
```bash
PUSHER_APP_ID=xxxxxx
PUSHER_APP_KEY=xxxxxxxxxxxxxxxxxxxx
PUSHER_APP_SECRET=xxxxxxxxxxxxxxxxxxxx
PUSHER_APP_CLUSTER=xxxxxxxxxxxxxxxxxxxx
```
Also, remember to fill in other additional options in `server.js`:
```bash
// server.js
encrypted: true
```
And finally, start the application:
```bash
npm start
```
and visit [http://localhost:3000/](http://localhost:3000/) to see the application in action.
## Built With
* [Pusher](https://pusher.com) - APIs to enable devs building realtime features
* [Express](https://expressjs.com) - Fast, unopinionated, minimalist web framework for Node.js
* [Vue.js](https://vuejs.org) - The Progressive JavaScript Framework
## Acknowledgments
* [Bootsnipp chat snippet](http://bootsnipp.com/snippets/featured/collapsible-chat-widget)