https://github.com/ammezie/laravel-whos-typing
Build a chat app with who's typing feature with Laravel and Pusher
https://github.com/ammezie/laravel-whos-typing
laravel pusher vuejs2
Last synced: 16 days ago
JSON representation
Build a chat app with who's typing feature with Laravel and Pusher
- Host: GitHub
- URL: https://github.com/ammezie/laravel-whos-typing
- Owner: ammezie
- License: mit
- Created: 2017-02-15T13:16:42.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-03-12T09:35:29.000Z (about 7 years ago)
- Last Synced: 2025-04-10T11:27:16.016Z (20 days ago)
- Topics: laravel, pusher, vuejs2
- Language: JavaScript
- Size: 750 KB
- Stars: 4
- Watchers: 1
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# laravel-whos-typing
Implement a who's typing feature with Laravel, Vue.js and Pusher. Follow the tutorial [https://pusher.com/tutorials/typing-indicator-laravel](https://pusher.com/tutorials/typing-indicator-laravel)
### Getting Started
Clone the project repository by running the command below if you use SSH
```
git clone [email protected]:ammezie/laravel-whos-typing.git
```
If you use https, use this instead
```
git clone https://github.com/ammezie/laravel-whos-typing.git
```
After cloning,run:
```
composer install
```
Duplicate `.env.example` and rename it `.env`
Then run:
```
php artisan key:generate
```
### Prerequisites
#### Setup Pusher
If you don't have one already, create a free Pusher account at https://pusher.com/signup then login to your dashboard and create an app.
Set the `BROADCAST_DRIVER` in your `.env` file to **pusher**:
```
BROADCAST_DRIVER=pusher
```
Then fill in your Pusher app credentials in your `.env` file:
```
PUSHER_APP_ID=xxxxxx
PUSHER_APP_KEY=xxxxxxxxxxxxxxxxxxxx
PUSHER_APP_SECRET=xxxxxxxxxxxxxxxxxxxx
```
Also, remember to fill in the `cluster` of your Pusher app and other additional options in `config/broadcasting.php`:
```
// config/broadcasting.php
'options' => [
'cluster' => 'eu',
'encrypted' => true
],
```
#### Database Migrations
Be sure to fill in your database details in your `.env` file before running the migrations:
```
php artisan migrate
```
And finally, start the application:
```
php artisan serve
```
and visit [http://localhost:8000/](http://localhost:8000/) to see the application in action.
## Built With
* [Pusher](https://pusher.com/) - APIs to enable devs building realtime features
* [Laravel](https://laravel.com) - The PHP Framework For Web Artisans
* [Vue.js](https://vuejs.org) - The Progressive JavaScript Framework