Turn what you know into an opportunity and reach millions around the world.

Your cart is empty.

Laravel Vuejs Private (one to one) Chat App

An Advanced One to One Chat App with Laravel as backend, Vuejs as frontend & Pusher Channels for making things Real Time

Highest Rated

Created bySarthak Shrivastava

Last updated 5/2019

English

What you'll learn

How to create Awesome One to one chat app from scratch
How a chat app database is designed
How to think for creating a big and challenging course
How to use Pusher with Laravel
Update : Use Laravel WebSocket package to make realtime system free
Update : Upgrade application to Laravel 5.8

Course content

20 sections • 86 lectures • 6h 28m total length

Introduction5:03
How to Proceed in this Course6:31

Thinking About Schema | How thing Works4:35
Salute to Session Schema4:04
Learn to create a sessions table via a Laravel migration, including id, user1_id and user2_id fields, enforcing uniqueness, and setting up the private school chat database before migrating.
A message for Messages Schema2:08
Create the messages schema by adding a messages table linked to the session with an unsigned session_id and a content field, then migrate and refresh to apply changes.
Challenging Chat Schema3:02

Why Vuejs Only1:23
Setup Vuejs and Intro to Vuejs Component7:37
Check this Chat Component5:21
Mark new Message Component5:01
Magic of Vue Scroll7:20
Mess with Messages7:47
Design and test a one-to-one chat interface by adding a close button to chat windows, managing an open state, and emitting a close event between message components.
I want to Block you !5:17
Lets Clear Chat history5:42
Enable a front-end block feature that disables the input when blocked. Toggle block and unblock, show blocked status, and style the username in the Laravel Vuejs private chat app.

Requirements

Have at least basic knowledge of Laravel
Have at least basic knowledge of Vuejs
Ready for challanges
Never Quit

Description

Build an Awesome Chat App Having lots of Unique feature.

Who is online
Block/Unblock,
Clear Chat history
Typing
Send timing/Read Timing on Hover over message
Change Color if message is read
Offline message received
Number of unread messages.

What Will I Learn?

How to create chat application
How websocket works
Installing Laravel
Using Git and Github
Setting Up Vuejs
How to Transform any model for your API
Handling Errors and Exceptions

All this with Mysql, Laravel, Pusher, Vuejs and laravel websockets.

Who this course is for:

Laravel developer who want to enhance his knowledge
Vuejs Developer who want to know how to use it with laravel
Curious people who need to create real time one to one chat app
Learn to know how web socket system works