Git Product home page Git Product logo

private-chat's Introduction

Laravel-Vue Chat App

Private (one to one) realtime Chat App with Laravel 6.2 and Vue.

Demo

http://laravel-vue-chat.herokuapp.com

Features

  • Who is online
  • Delete message history
  • Block/Unblock user
  • Realtime update chat
  • User typing
  • User message read time
  • User message sending time

Installation

  • git clone composer https://github.com/BakayDev/private-chat.git
  • cd private-chat && composer i && cp .env.example .env
  • Edit .env and set your database connection details
  • Edit .env and set your pusher connection key https://dashboard.pusher.com/apps/yourId/keys)
  • (When installed via git clone or download and make .env, run php artisan key:generate
  • php artisan migrate:fresh --seed
  • php artisan serve open http://127.0.0.1:8000
  • You can login - email :[email protected] password :[email protected]

Usage

Development

resources/js/components/PrivateChatComponent.vue resources/js/components/PrivateMessageComponent.vue

serve with hot reloading

npm run watch

Pusher

Pusher https://pusher.com/ empowers developers with APIs to create collaboration & communication features in their web and mobile apps.

Edit .env and set PUSHER_APP_ID PUSHER_APP_KEY PUSHER_APP_SECRET PUSHER_APP_CLUSTER

private-chat's People

Contributors

bakai-dev avatar

Stargazers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.