Peer to Peer Chat Application

Using Laravel, Pusher, Laravel Websockets and Vuejs to Create Peer to Peer Private chat application. Many features including : Who is online Block/Unblock, Clear Chat history Typing Send timing/Read Timing on Hover over the message Change Color if the message is read Offline message received Number of unread messages.
2.52 Hours 31 tutorials beginner
1

What we are going to create in this course

5.07 Minutes
2

Setup the environment for this course and starting with laravel

3.08 Minutes
3

What we need in frontend and how to setup them

3.40 Minutes
4

Let's create a GitHub repository to have all our source code there

7.10 Minutes
5

Understanding of schema and how it is going to work

4.58 Minutes
6

Schama and its greatness

4.07 Minutes
7

Create Message table schema

2.15 Minutes
8

Create Chat table schema

3.05 Minutes
9

Let's talk about factories

1.85 Minutes
10

What we will be going to do with factory

3.88 Minutes
11

What are resources and understanding its value

2.55 Minutes
12

Create Models for everything

3.92 Minutes
13

Create controllers

2.83 Minutes
14

Create resources for every model

5.85 Minutes
15

Define relationships between models

4.95 Minutes
16

Frontend with vuejs, but why?

1.40 Minutes
17

Setup Vuejs and Intro to Vuejs Component

7.63 Minutes
18

Check this Chat Component

5.37 Minutes
19
5.03 Minutes
20

Add vue scroll to scroll to top when add new chat message

7.35 Minutes
21

What happens when we add new message

7.78 Minutes
22

Talk about the block and unblock system

5.30 Minutes
23

How to clear chat history

5.72 Minutes
24

Let's talk about sessions in the chat system

6.98 Minutes
25

Get the details of the friend to want to talk

7.03 Minutes
26

Transform user details by using UserResource

3.43 Minutes
27
6.68 Minutes
28

Have session create system on frontend also

6.65 Minutes
29

Showing session details on the frontend

4.30 Minutes
30

Creating a session on Laravel end and saving it to database

4.63 Minutes
31

Transform session details with Session Resource to include more values on session

7.60 Minutes