Build Social Media Website Using React
Focused View
13:22:28
82 View
1. Introduction.mp4
01:38
2. 1 react into install.mp4
07:45
3. 2 project structure.mp4
06:07
4. 3 watch react beginners first.mp4
01:29
5. 4 firebase config.mp4
04:03
6. 5 installing matrial ui.mp4
11:49
7. 6 login page design.mp4
08:35
8. 7 getting login input values.mp4
03:46
9. 8 firebase login.mp4
17:25
10. 9 AuthProvider.mp4
11:44
11. 10 creating home component.mp4
08:17
12. 11 auth context.mp4
07:45
13. 12 signout.mp4
04:30
14. 13 signup.mp4
09:43
15. 14 react router lib.mp4
06:28
16. 15 react boostrap installation.mp4
04:37
17. 16 react bootstrap navbar.mp4
07:50
18. 17 navbar design.mp4
15:32
19. 18 get posts.mp4
17:46
20. 19 firebase realtime database.mp4
01:26
21. 20 firebase table structure.mp4
04:21
22. 21 get posts from firebase.mp4
09:11
23. 22 posts tables keys.mp4
04:20
24. 23 createPost UI.mp4
13:51
25. 24 createPost with firebase.mp4
11:11
26. 25 createPost loading spinner.mp4
10:47
27. 26 createPost validation method.mp4
07:09
28. 27 firebase storage.mp4
01:02
29. 28 upload post image.mp4
13:04
30. 29 upload post image success function.mp4
03:32
31. 30 upload post image succes & error message.mp4
03:47
32. 31 storeUploadedImage url in posts table.mp4
09:55
33. 32 get posts with images.mp4
04:00
34. 33 signup with more info1.mp4
09:39
35. 34 signup with more info2.mp4
15:39
36. 35 go from signup to login.mp4
03:31
37. 36 userslist1.mp4
02:04
38. 37 userslist2.mp4
09:49
39. 38 userslist3.mp4
05:42
40. 39 user component.mp4
08:48
41. 40 user profile link.mp4
06:07
42. 41 otherUserProfile componenet.mp4
06:28
43. 42 otherUserProfile design1.mp4
08:14
44. 43 otherUserProfile design2.mp4
05:52
45. 44 otherUserProfile design3.mp4
03:28
46. 45 otherUserProfile design4.mp4
06:19
47. 46 check friendship status1.mp4
11:54
48. 47 check friendship status2.mp4
10:41
49. 48 friendship button events.mp4
04:41
50. 49 send friend request.mp4
15:29
51. 50 accept friend requests.mp4
10:24
52. 51 profile images.mp4
02:36
53. 52 cancel reqquest.mp4
09:35
54. 53 remove friend.mp4
05:25
55. 54 hide current user from users list.mp4
04:05
56. 55 find number of friends.mp4
07:37
57. 56 currentUserProfile1.mp4
06:48
58. 57 currentUserProfile2.mp4
08:29
59. 58 get current user info.mp4
10:13
60. 59 upload profile image1.mp4
03:49
61. 60 upload profile image2.mp4
14:46
62. 61 spinner in upload profile image.mp4
08:44
63. 62 restrict type of file to images.mp4
03:55
64. 63 update user info.mp4
15:35
65. 64 placeholder in login.mp4
01:04
66. 65 alert after updating info.mp4
11:04
67. 66 get posts created by friends1.mp4
09:37
68. 67 get posts created by friends2.mp4
08:29
69. 68 post creator.mp4
07:52
70. 69 substring post text.mp4
04:42
71. 70 full post component .mp4
07:59
72. 71 full post design.mp4
10:43
73. 72 list group for comments1.mp4
02:36
74. 73 list group for comments2.mp4
04:50
75. 74 send comment design.mp4
04:22
76. 75 send comment function1.mp4
07:52
77. 76 send comment function2.mp4
05:09
78. 77 get comments.mp4
12:58
79. 78 hide delete & edit button.mp4
04:11
80. 79 delete comments.mp4
06:12
81. 80 my posts.mp4
07:46
82. 81 like posts.mp4
06:09
83. 82 did user like post.mp4
09:20
84. 83 change like icon color.mp4
01:41
85. 84 unlike posts.mp4
08:29
86. 85 find number of likes.mp4
04:34
87. 86 edit comment desgin.mp4
09:52
88. 87 edit comment.mp4
09:52
89. 88 friends list1.mp4
08:57
90. 89 friends list2.mp4
04:05
91. 90 protect otherUserProfile.mp4
05:34
92. 91 friend requests list1.mp4
11:53
93. 92 friend requests list2.mp4
05:13
94. 93 accept reject requests1.mp4
04:26
95. 94 accept reject requests2.mp4
09:17
96. 95 friends requestspage design.mp4
02:29
97. 96 messages desgin.mp4
10:32
98. 97 send messages1.mp4
11:27
99. 98 send messages2.mp4
04:42
100. 99 get conversation.mp4
20:37
101. 100 go to main route after signout.mp4
03:23
102. 101 improving users friends ui desgin.mp4
03:29
103. 102 post date.mp4
06:58
104. 103 make friend req user friendly.mp4
10:08
105. 104 header component1.mp4
03:38
106. 105 header component2.mp4
02:08
107. 106 final look.mp4
05:18
More details
User Reviews
Rating
average 0
Focused display
Category
Udemy
View courses UdemyStudents take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.
- language english
- Training sessions 107
- duration 13:22:28
- Release Date 2023/03/27
