Peer to Peer Chat Application

Peer to Peer Chat Application

Login to know your progress

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. 6.38 Hrs. beginner 85 tutorials

Start
1

Chapter 1. Introduction

1

Introduction

 5.07 min
2

Chapter 2. Setting Up Environment

2

Install Laravel and Setting it up

 3.08 min

3

Setting Up NPM stuffs

 3.40 min

4

Greatness of Github Repository

 7.10 min
3

Chapter 3. Schema Building

5

Thinking About Schema | How thing Works

 4.58 min

6

Salute to Session Schema

 4.07 min

7

A message for Messages Schema

 2.15 min

8

Challenging Chat Schema

 3.05 min
4

Chapter 4. Factory

9

Why we need Factory | How thing Works

 1.85 min

10

Fun with Factory

 3.88 min
5

Chapter 5. Model, Controller and Resources

11

Why we need Resource | How thing Works

 2.55 min

12

Making of Models

 3.92 min

13

Control the Controllers

 2.83 min

14

Robust Resources

 5.85 min
6

Chapter 6. Relationships

15

Relate with Relationships

 4.95 min
7

Chapter 7. Start with Vuejs

16

Why Vuejs Only

 1.40 min

17

Setup Vuejs and Intro to Vuejs Component

 7.63 min

18

Check this Chat Component

 5.37 min

19

Mark new Message Component

 5.03 min

20

Magic of Vue Scroll

 7.35 min

21

Mess with Messages

 7.78 min

22

I want to Block you !

 5.30 min

23

Lets Clear Chat history

 5.72 min
8

Chapter 8. Chat Session

24

Session - How thing works

 6.98 min

25

Get Friends

 7.03 min

26

Use UserResource

 3.43 min

27

Chat Message for everyone

 6.68 min

28

Create Session on frontend

 6.65 min

29

Show session on frontend

 4.30 min

30

Create session on backend

 4.63 min

31

Get session with SessionResource

 7.60 min
9

Chapter 9. Making things real with Pusher

32

Start with Pusher with Laravel

 4.17 min

33

Configure Pusher settings

 3.68 min
10

Chapter 10. Presence Channel

34

Presence Channel - How thing works

 1.53 min

35

Who is online

 5.78 min

36

Who leaved or Joined

 2.30 min

37

Online Green Button

 3.52 min
11

Chapter 11. Broadcast new session

38

Broadcast new session - How thing works

 3.87 min

39

Create Event and Listener

 3.47 min

40

Chat Event Broadcast & Transform with SessionResource

 3.95 min

41

Listen on ChatEvent

 6.95 min
12

Chapter 12. Send Messages

42

Send Messages - How thing works

 1.70 min

43

Send Message on Frontend

 8.42 min

44

Send Message on chat table

 5.25 min

45

Refactor

 5.30 min
13

Chapter 13. Get All Messages

46

Show all messages - How thing works

 1.38 min

47

Get All Message on Frontend

 3.77 min

48

Get All Message on Backend

 5.93 min

49

Use Resource to transform messages

 7.38 min
14

Chapter 14. Broadcast new message

50

51 private chat Broadcast new message - How thing works

 0.90 min

51

52 private chat Create Event and Listener

 3.10 min

52

53 private chat Broadcast on Private Channel

 5.75 min

53

54 private chat Listen on frontend

 6.67 min
15

Chapter 15. Unread Message Count

54

55 private chat Unread Message Count - How thing works

 3.07 min

55

56 private chat Get unreadCount with session

 7.83 min

56

57 private chat Show unreadCount

 3.77 min

57

58 private chat Unread to zero when open

 1.92 min

58

59 private chat Listen for every session to increment

 5.45 min

59

60 Private chat Listen for every session when message is not open

 2.98 min

60

61 private chat Listen for new session to increment

 3.95 min

61

62 private chat Mark as Read on database #1

 6.85 min

62

63 private chat Mark as Read on database #2

 5.55 min
16

Chapter 16. Broadcast Read Notification

63

64 private chat Broadcast Read Notification - How thing works

 1.82 min

64

65 private chat Create ReadEvent-Listener Broadcast Read Event

 4.18 min

65

66 private chat Change color when read

 8.25 min

66

67 private chat Change color when read part 2

 7.28 min

67

68 private chat Show send and read timing

 3.72 min
17

Chapter 17. Clear Message History

68

69 private chat Clear Message History - How thing works

 1.87 min

69

70 private chat Clear message on frontend

 3.62 min

70

71 private chat Clear message on backend

 2.55 min

71

72 private chat Clear message and chat if

 4.15 min
18

Chapter 18. Block Unblock

72

73 private chat Block Unblock - How thing works

 1.25 min

73

74 private chat Changing the migration

 3.70 min

74

75 private chat Block on backend

 6.35 min

75

76 private chat Unblock who blocked

 5.12 min

76

77 private chat Create BlockEvent-Listener

 3.43 min

77

78 private chat Broadcast Block/Unblock

 2.98 min
19

Chapter 19. Typing

78

79 private chat Typing - How thing works

 0.98 min

79

80 private chat Wisper on watch

 5.10 min

80

81 private chat Listen wisper

 3.70 min
20

Chapter 20. Laravel Websockets as a free service

81

81 private chat - upgrade to 5.8

 3.98 min

82

82 private chat - intro to laravel websocket

 4.02 min

83

83 private chat - Install laravel websocket

 6.58 min

84

84 private chat - Start server

 6.72 min

85

85 private chat - fix typing event

 4.02 min