Bu proje, Laravel 11, Pusher.js, Bootstrap, Vite ve Vue.js kullanılarak geliştirilmiş bir chat uygulamasıdır. Proje, gerçek zamanlı mesajlaşma ve kullanıcı yönetimi özellikleri sunar.
Ekran görüntülerine göz atabilirsiniz Ekran Görüntüleri.
- PHP: 8.3
- Laravel: 11.9
- Node.js: 14.x
- Composer: 2.x
- NPM: 6.x
Projenizi klonladıktan sonra, aşağıdaki adımları takip ederek kurulum yapabilirsiniz.
`git clone https://github.com/hasanablak/example-pusher-with-laravel.git cd chat-app`
`composer install`
`npm install`
`.env.example` dosyasını .env olarak değiştirin
Not: default olarak sqlite kullanmıştır, eğer mysql ya da başka bir veritabanı istiyorsanız .env'dan değiştirebilirsiniz.
PUSHER_APP_ID="" <---- PUSHER.JS APP ID
PUSHER_APP_KEY="" <---- PUSHER.JS APP KEY
PUSHER_APP_SECRET="" <---- PUSHER.JS APP SECRET
PUSHER_HOST=
PUSHER_PORT=443
PUSHER_SCHEME="https"
PUSHER_APP_CLUSTER="" <---- PUSHER.JS CLUSTER
`php artisan migrate`
`php artisan db:seed`
`npm run dev`
`php artisan queue:work`
- E-posta: hasan@test.com
- Şifre: password
- E-posta: ummugulsum@test.com
- Şifre: password
Proje içerisinde telescope yüklüdür, dilerseniz site-adi.com/telescope adresinden
anlık olarak faliyetleri görebilirsiniz.
Kullanıcı hesabına giriş yapıldıktan sonra pusher.js işlemleri başlatılır, bu logları görmek için
pusher.js'den ilgili app altında bulunan 'Debug console' sekmesinden yararlanabilirsiniz.
Katkıda bulunmak isterseniz, lütfen bir pull request gönderin veya bir issue açın.
Özellik | Durum |
---|---|
Giriş / Çıkış | Yapıldı |
Odaya gir çık | Yapıldı |
Mesaj yaz | Yapıldı |
Mesajlarda Pusher.js ile bildirim gönder | Yapıldı |
Kullanıcı kayıt etme | Yapılacak |
Kullanıcı profil düzenleme | Yapılacak |
Yeni oda oluşturma | Yapılacak |
Odaya kullanıcı ekleme | Yapılacak |
Kullanıcının odadan çıkması aksiyonu | Yapılacak |
Odadaki kullanıcıları görme | Yapılacak |
Odadaki aktif kullanıcıları görme | Yapılacak |
Admin kullanıcısının bütün odalara erişimi | Yapılacak |
Bu proje MIT lisansı altında lisanslanmıştır.