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
51_profile_images
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock
course builder. Create your online course today.
Start now
course builder. Create your online course today.
Start now
course builder. Create your online course today.
Start now
