Playing
01. Introduction and demo
88 episodes10 hrs 57 mins

Course overview

Let's recreate Twitter with Laravel! Completely from scratch, we'll use Laravel and Vue to build out a Twitter Clone with as many features as we can. Includes a timeline, notifications, media uploads, hashtags, mentions, granular search and much more. To top it off, everything is updated in true realtime.

Alex Garrett-Smith
Hey, I'm the founder of Codecourse!

Comments

No coments, yet. Be the first to leave a comment.

Episodes

0%
Your progress
  • Total: 10 hrs 57 mins
  • Played: 0 mins
  • Remaining: 10 hrs 57 mins
Join or sign in to track your progress
01. Introduction and demo
9m 34s
0%
02. Setting up Laravel
13m 15s
0%
03. Authentication with Sanctum (formerly Airlock)
10m 22s
0%
04. Follower relationship
5m 44s
0%
05. Getting tweets from who we’re following
7m 42s
0%
06. Getting started on the timeline
10m 50s
0%
07. Swapping out Bootstrap for Tailwind
5m 39s
0%
08. Styling the base template
7m 36s
0%
09. Rendering tweets on the timeline
13m 31s
0%
10. Let’s use Vuex
12m 30s
0%
11. Infinite scroll to load more timeline items
10m 59s
0%
12. Styling the compose tweet form
9m 52s
0%
13. Posting a simple tweet
11m 25s
0%
14. Setting up for realtime
10m 29s
0%
15. Updating the timeline with tweets in realtime
16m 32s
0%
16. Filtering tweets that are already visible
2m 50s
0%
17. Monitoring with Laravel Telescope
4m 3s
0%
18. Defining tweet types
4m 24s
0%
19. Retweet structure
6m 25s
0%
20. Rendering dynamic components for tweet types
6m 52s
0%
21. Showing quoted tweets
4m 24s
0%
22. Automatically adjusting the textarea height
9m 23s
0%
23. Designing tweets actions
8m 7s
0%
24. Setting up for likes
2m 59s
0%
25. Showing the like count on tweets
4m 39s
0%
26. A performant way to show liked tweets
15m 3s
0%
27. Liking tweets
10m 25s
0%
28. Updating tweet likes in realtime
8m 24s
0%
29. Updating our own likes in realtime
6m 34s
0%
30. Updating like counts on retweets and quotes
2m 49s
0%
31. Retweet dropdown menu
13m 58s
0%
32. Showing retweet counts
3m 27s
0%
33. Using the same performant pattern to show if we've retweeted
13m 34s
0%
34. Retweeting and unretweeting tweets
14m 29s
0%
35. Updating retweets on the timeline in realtime
8m 17s
0%
36. Realtime updates for unretweeting
6m 51s
0%
37. Designing the tweet limit indicator
9m
0%
38. Hooking up the tweet limit indicator
6m 17s
0%
39. Adding !important CSS variants to Tailwind
3m 37s
0%
40. Selecting media to attach to tweets
8m 27s
0%
41. Filtering allowed media
9m 48s
0%
42. Displaying selected media
8m 44s
0%
43. Removing selected media
5m 29s
0%
44. Installing the MediaLibrary package
4m 35s
0%
45. Uploading media
18m 9s
0%
46. Returning a list of media IDs
2m 51s
0%
47. Preparing media to be uploaded
7m 50s
0%
48. Attaching media to tweets
2m 59s
0%
49. Displaying images in tweets
13m 44s
0%
50. Displaying video in tweets
4m 4s
0%
51. Showing a progress bar for uploads
8m 4s
0%
52. Reverting upload progress
1m 2s
0%
53. Checking database media queries with Telescope
4m 3s
0%
54. Getting modals working
7m 15s
0%
55. Quote tweet modal
3m 52s
0%
56. Refactoring tweet composing to a mixin
7m 29s
0%
57. Storing a quoted retweet
7m 43s
0%
58. Setting up tweet replies
6m 39s
0%
59. Reply modal
5m 59s
0%
60. Storing a reply
7m 14s
0%
61. Updating tweet replies in realtime
4m 14s
0%
62. Notifications setup
5m 7s
0%
63. Tweet like notification
7m 23s
0%
64. Using a custom database channel for notifications
9m 9s
0%
65. Notification endpoint
5m 17s
0%
66. Listing notifications
10m 46s
0%
67. Dynamic notification types
5m 16s
0%
68. Tweet reply notification type
4m 24s
0%
69. Making our notifications act like our timeline
17m 38s
0%
70. Updating notification tweets in realtime
2m 27s
0%
71. Tweaking performance for notification tweet loading
2m 46s
0%
72. Setting up entities (hashtags, mentions, etc)
5m 4s
0%
73. Extracting entities with regular expressions
4m 43s
0%
74. Storing entities from tweets
12m 19s
0%
75. Extracting mentions
4m 5s
0%
76. Storing entity types as constants
1m 39s
0%
77. Output entities with tweets
3m 27s
0%
78. Dynamically rendering the tweet body
7m 16s
0%
79. Rendering entities as Vue components
9m 52s
0%
80. Getting users mentioned in a tweet
9m 27s
0%
81. User mention notifications
5m 46s
0%
82. Reviewing Telescope with mentions
1m 9s
0%
83. Getting a tweet with it's parents
8m 36s
0%
84. Getting tweet replies
2m 26s
0%
85. Creating the conversation view
11m 37s
0%
86. Showing parent and child tweets
11m 19s
0%
87. Updating the conversation view in realtime
2m 8s
0%
88. Adding a replying to indicator
3m 42s
0%