https://github.com/ilmedova/chattle
SDK for chat-widget
https://github.com/ilmedova/chattle
chat-laravel chat-widget chatting chatting-app customer-support laravel laravel-chat laravel-chat-widget laravel-message laravel-pusher laravel-realtime-chat laravel-talk laravel-tickets
Last synced: 5 months ago
JSON representation
SDK for chat-widget
- Host: GitHub
- URL: https://github.com/ilmedova/chattle
- Owner: ilmedova
- License: mit
- Archived: true
- Created: 2022-12-21T19:39:34.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2024-05-30T16:32:49.000Z (about 2 years ago)
- Last Synced: 2025-11-19T20:17:48.524Z (7 months ago)
- Topics: chat-laravel, chat-widget, chatting, chatting-app, customer-support, laravel, laravel-chat, laravel-chat-widget, laravel-message, laravel-pusher, laravel-realtime-chat, laravel-talk, laravel-tickets
- Language: JavaScript
- Homepage: https://packagist.org/packages/ilmedova/chattle
- Size: 273 KB
- Stars: 56
- Watchers: 2
- Forks: 16
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
An implementation of a Customer Support Chat System in Laravel.
This project will continue to grow and will be maintained. Your support is highly appreciated and will motivate the author to improve the package. If you've found this library helpful and want to support the author, please, consider any donation by clicking the button below or following the link to [buymeacoffee.com](https://www.buymeacoffee.com/ilmedova).
## Table of Contents
1. [Features](#features)
2. [Requirements](#requirements)
3. [Installation](#installation)
4. [What's next?](#todo)
4. [License](#license)
- Customer support chatbox in every single page of your web app
- Admin panel for chatting with customers (available at: http://your-domain/chattle/chat-admin)
- Self-hosted pusher replacement by beyondcode laravel websockets
- Laravel 10
- PHP 8.1 or higher
Default installation is via [Composer](https://getcomposer.org/).
```bash
composer require ilmedova/chattle --with-all-dependencies
```
The service provider will automatically get registered. Or you could add the Service Provider manually to your
`config/app` file in the `providers` section.
```php
'providers' => [
//...
Ilmedova\Chattle\ChatServiceProvider::class,
]
```
Publish the assets for css and js files
```bash
php artisan vendor:publish --provider="Ilmedova\Chattle\ChatServiceProvider"
```
Configure the following in your .env
`BROADCAST_DRIVER=pusher`
`PUSHER_APP_ID=qwerty12345`
`PUSHER_APP_KEY=qwerty12345`
`PUSHER_APP_SECRET=qwerty12345`
`PUSHER_HOST=127.0.0.1`
`PUSHER_PORT=6001`
`PUSHER_SCHEME=http`
`PUSHER_APP_CLUSTER=mt1`
If you want to change the pusher app key and secret make sure that you change them not only in .env file, but also in /public/js/chattle_customer.js and /public/js/chattle_admin.js - where the pusher instance is created
Run the migrations in order to setup the required tables on the database.
```bash
php artisan migrate
```
Include the customer support chatbox on your layout blade file's body section
```php
@include('chattle::chat')
```
Now serve your websockets and laravel app in different command lines
```bash
php artisan websockets:serve
```
```bash
php artisan serve
```
Admin dashboard for chatting with customers available at http://your-domain/chattle/chat-admin
- Realtime typing effect in chatboxes for users to let know that user or admin is typing
- Marking messages as read when they are read by user or admin
- Middleware and chat-admin roles control
- Multiple color themes configured in configs
Laravel Customer Support Chat - is open-sourced software licensed under the [MIT license](http://opensource.org/licenses/MIT).