This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Build a React Social Network
Introduction & Installation
1_react_into_install (7:43)
2_project_structure (6:07)
3_watch_react_beginners_first (1:28)
4_firebase_config (4:03)
5_installing_matrial_ui (11:49)
Login & Sign up
6_login_page_design (8:34)
7_getting_login_input_values (3:46)
8_firebase_login (17:22)
9_AuthProvider (11:42)
10_creating_home_component (8:17)
11_auth_context (7:45)
12_signout (4:30)
13_signup (9:43)
Bootstrap, Router & Navbar
14_react_router_lib (6:28)
15_react_boostrap_installation (4:36)
16_react_bootstrap_navbar (7:50)
17_navbar_design (15:31)
Posts
18_get_posts (17:45)
19_firebase_realtime_database (1:26)
20_firebase_table_structure (4:20)
21_get_posts_from_firebase (9:11)
22_posts_tables_keys (4:20)
23_createPost_UI (13:50)
24_createPost_with_firebase (11:10)
25_createPost_loading_spinner (10:45)
26_createPost_validation_method (7:09)
27_firebase_storage (1:01)
28_upload_post_image (13:03)
29_upload_post_image_success_function (3:31)
30_upload_post_image_succes_&_error_message (3:46)
31_storeUploadedImage_url_in_posts_table (9:54)
32_get_posts_with_images (4:00)
33_signup_with_more_info1 (9:38)
34_signup_with_more_info2 (15:38)
35_go_from_signup_to_login (3:31)
Users & Users List
36_userslist1 (2:04)
37_userslist2 (9:47)
38_userslist3 (5:41)
39_user_component (8:47)
40_user_profile_link (6:06)
41_otherUserProfile_componenet (6:28)
42_otherUserProfile_design1 (8:12)
43_otherUserProfile_design2 (5:51)
44_otherUserProfile_design3 (3:28)
45_otherUserProfile_design4 (6:19)
Friend Requests
46_check_friendship_status1 (11:52)
47_check_friendship_status2 (10:41)
48_friendship_button_events (4:41)
49_send_friend_request (15:28)
50_accept_friend_requests (10:22)
51_profile_images (2:36)
52_cancel_reqquest (9:35)
53_remove_friend (5:24)
54_hide_current_user_from_users_list (4:05)
55_find_number_of_friends (7:37)
Current User Profile
56_currentUserProfile1 (6:47)
57_currentUserProfile2 (8:27)
58_get_current_user_info (10:12)
59_upload_profile_image1 (3:49)
60_upload_profile_image2 (14:44)
61_spinner_in_upload_profile_image (8:43)
62_restrict_type_of_file_to_images (3:55)
63_update_user_info (15:35)
64_placeholder_in_login (1:04)
65_alert_after_updating_info (11:03)
Posts & Comments
66_get_posts_created_by_friends1 (9:36)
67_get_posts_created_by_friends2 (8:28)
68_post_creator (7:51)
69_substring_post_text (4:42)
70_full_post_component (7:57)
71_full_post_design (10:43)
72_list_group_for_comments1 (2:36)
73_list_group_for_comments2 (4:50)
74_send_comment_design (4:22)
75_send_comment_function1 (7:52)
76_send_comment_function2 (5:09)
77_get_comments (12:58)
78_hide_delete_&_edit_button (4:10)
79_delete_comments (6:12)
80_my_posts (7:46)
81_like_posts (6:09)
82_did_user_like_post (9:20)
83_change_like_icon_color (1:41)
84_unlike_posts (8:29)
85_find_number_of_likes (4:34)
86_edit_comment_desgin (8:54)
87_edit_comment (9:52)
Friends List
88_friends_list1 (8:56)
89_friends_list2 (4:05)
90_protect_otherUserProfile (5:34)
91_friend_requests_list1 (11:52)
92_friend_requests_list2 (5:13)
93_accept_reject_requests1 (4:26)
94_accept_reject_requests2 (9:17)
95_friends_requestspage_design (2:28)
Messages
96_messages_desgin (10:31)
97_send_messages1 (11:26)
98_send_messages2 (4:41)
99_get_conversation (20:36)
Additional Features
100_go_to_main_route_after_signout (3:23)
101_improving_users_friends_ui_desgin (3:29)
102_post_date (6:58)
103_make_friend_req_user_friendly (10:07)
104_header_component1 (3:38)
105_header_component2 (2:08)
106_final_look (5:17)
Potential errors
96_messages_desgin
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock