|
/1. Required Optional Tools/
|
|
1. Required Tools for the Project.mp4
|
10.5 MB
|
|
1. Required Tools for the Project.vtt
|
1.2 KB
|
|
2. Install React Redux Dev Tools for Google Chrome.mp4
|
16.8 MB
|
|
2. Install React Redux Dev Tools for Google Chrome.vtt
|
2.6 KB
|
|
/10. Sending Direct Messages to Users/
|
|
1. Add Channel Title Users Count to Messages Header.mp4
|
49.3 MB
|
|
1. Add Channel Title Users Count to Messages Header.vtt
|
5.3 KB
|
|
1.1 Add Channel TItle Users Count to Messages Header.zip.zip
|
226.7 KB
|
|
2. Add Ability to Search Messages.mp4
|
72.2 MB
|
|
2. Add Ability to Search Messages.vtt
|
7.1 KB
|
|
2.1 Add Ability to Search Messages.zip.zip
|
227.0 KB
|
|
3. Create DirectMessages Component.mp4
|
26.4 MB
|
|
3. Create DirectMessages Component.vtt
|
2.5 KB
|
|
3.1 Create DirectMessages Component.zip.zip
|
228.4 KB
|
|
4. Add Users to DirectMessages Component, Show If OnlineOffline.mp4
|
78.8 MB
|
|
4. Add Users to DirectMessages Component, Show If OnlineOffline.vtt
|
7.3 KB
|
|
4.1 Add Users to DirectMessages Component, Show If OnlineOffline.zip.zip
|
228.1 KB
|
|
5. Put DirectMessage Channel Data in Global State, Set as Private Channels.mp4
|
50.8 MB
|
|
5. Put DirectMessage Channel Data in Global State, Set as Private Channels.vtt
|
4.6 KB
|
|
5.1 Put DirectMessage Channel Data in Global State, Set as Private Channels.zip.zip
|
228.4 KB
|
|
6. Functionality to Add Messages Images to Private Channels.mp4
|
69.4 MB
|
|
6. Functionality to Add Messages Images to Private Channels.vtt
|
6.7 KB
|
|
6.1 Functionality to Add Messages Images to Private Channels.zip.zip
|
228.6 KB
|
|
7. Display Active DirectMessage Channel.mp4
|
14.7 MB
|
|
7. Display Active DirectMessage Channel.vtt
|
1.4 KB
|
|
7.1 Display Active DirectMessage Channel.zip.zip
|
228.6 KB
|
|
/11. Notifications for New Messages on Public Channels/
|
|
1. Add Notifications to Public Channel.mp4
|
84.3 MB
|
|
1. Add Notifications to Public Channel.vtt
|
9.9 KB
|
|
1.1 Add Notifications to Public Channels.zip.zip
|
229.1 KB
|
|
/12. Starred Component to Favorite Unfavorite Channels/
|
|
1. Add Starred Component to Hold Starred (Favorited) Channels.mp4
|
37.6 MB
|
|
1. Add Starred Component to Hold Starred (Favorited) Channels.vtt
|
3.3 KB
|
|
1.1 Add Starred Component to Hold Starred (Favorited) Channels.zip.zip
|
240.1 KB
|
|
2. Update 'Starred' Property for User Data Upon Starring Channel.mp4
|
88.4 MB
|
|
2. Update 'Starred' Property for User Data Upon Starring Channel.vtt
|
8.7 KB
|
|
2.1 Update 'Starred' Property for User Data Upon Starring Channel.zip.zip
|
230.2 KB
|
|
3. Display Starred Channels in Starred Component.mp4
|
38.0 MB
|
|
3. Display Starred Channels in Starred Component.vtt
|
4.0 KB
|
|
3.1 Display Starred Channels in Starred Component.zip.zip
|
231.4 KB
|
|
/13. MetaPanel Component to Display Channel Info/
|
|
1. Scaffold MetaPanel Component.mp4
|
50.8 MB
|
|
1. Scaffold MetaPanel Component.vtt
|
5.9 KB
|
|
1.1 Scaffold MetaPanel Component.zip.zip
|
230.9 KB
|
|
2. Display Channel Info in MetaPanel.mp4
|
34.2 MB
|
|
2. Display Channel Info in MetaPanel.vtt
|
3.6 KB
|
|
2.1 Display Channel Info in MetaPanel.zip.zip
|
231.0 KB
|
|
3. Display Top Posters for each Channel in MetaPanel.mp4
|
109.4 MB
|
|
3. Display Top Posters for each Channel in MetaPanel.vtt
|
9.9 KB
|
|
3.1 Display Top Posters for each Channel in MetaPanel.zip.zip
|
231.5 KB
|
|
/14. Color Picker to Change App Colors/
|
|
1. Add Color Picker Modal to ColorPanel.mp4
|
42.6 MB
|
|
1. Add Color Picker Modal to ColorPanel.vtt
|
3.9 KB
|
|
1.1 Add Color Picker Modal to ColorPanel.zip.zip
|
231.8 KB
|
|
2. Attach Chosen Colors to User Data.mp4
|
81.7 MB
|
|
2. Attach Chosen Colors to User Data.vtt
|
7.3 KB
|
|
2.1 Attach Chosen Colors to User Data.zip.zip
|
232.1 KB
|
|
3. Display Saved User Colors as Icons, Change App Colors on Click.mp4
|
106.0 MB
|
|
3. Display Saved User Colors as Icons, Change App Colors on Click.vtt
|
9.5 KB
|
|
3.1 Display Saved User Colors as Icons, Change App Colors on Click.zip.zip
|
232.8 KB
|
|
/15. Change and Edit User Avatar Images/
|
|
1. Create Change Avatar Modal.mp4
|
41.1 MB
|
|
1. Create Change Avatar Modal.vtt
|
3.2 KB
|
|
1.1 Create Change Avatar Modal.zip.zip
|
233.1 KB
|
|
2. Crop Uploaded Image with AvatarEditor.mp4
|
64.4 MB
|
|
2. Crop Uploaded Image with AvatarEditor.vtt
|
0.0 KB
|
|
2.1 Crop Uploaded Image with AvatarEditor.zip.zip
|
233.5 KB
|
|
3. Upload Cropped Image to Firebase, Put on User Profile.mp4
|
66.5 MB
|
|
3. Upload Cropped Image to Firebase, Put on User Profile.vtt
|
5.5 KB
|
|
3.1 Upload Cropped Image to Firebase, Put on User Profile.zip.zip
|
233.8 KB
|
|
/16. Display Animation when Users Typing/
|
|
1. Add Typing Collection to Track When Other Users Typing.mp4
|
41.5 MB
|
|
1. Add Typing Collection to Track When Other Users Typing.vtt
|
3.9 KB
|
|
2. Add Typing Component Animation, Display in Messages.mp4
|
36.0 MB
|
|
2. Add Typing Component Animation, Display in Messages.vtt
|
3.3 KB
|
|
2.1 Add Typing Component Animation, Display in Messages.zip.zip
|
234.5 KB
|
|
3. Add Typing Listeners to See When Other Users Typing.mp4
|
74.5 MB
|
|
3. Add Typing Listeners to See When Other Users Typing.vtt
|
5.8 KB
|
|
3.1 Add Typing Listeners to See When Other Users Typing.zip.zip
|
234.8 KB
|
|
/17. Adding Emoji Picker, Loading Skeleton, Automatic Scroll to Bottom, Key Shortcuts/
|
|
1. Emoji Picker to Add Emojis to Messages.mp4
|
66.5 MB
|
|
1. Emoji Picker to Add Emojis to Messages.vtt
|
6.0 KB
|
|
1.1 Emoji Picker to Add Emojis to Messages.zip.zip
|
235.3 KB
|
|
2. Automatic Scroll to Bottom upon New Message.mp4
|
28.7 MB
|
|
2. Automatic Scroll to Bottom upon New Message.vtt
|
2.4 KB
|
|
3. Show Message Skeleton when Messages Loading.mp4
|
60.4 MB
|
|
3. Show Message Skeleton when Messages Loading.vtt
|
6.0 KB
|
|
3.1 Show Message Skeleton when Messages Loading.zip.zip
|
236.0 KB
|
|
4. Create Key Combo Shortcuts to Send Messages.mp4
|
10.4 MB
|
|
4. Create Key Combo Shortcuts to Send Messages.vtt
|
1.6 KB
|
|
4.1 Create Key Combo Shortcuts to Send Messages.zip.zip
|
236.1 KB
|
|
/18. Removing Listeners, Securing our App with Firebase Rules/
|
|
1. Remove Listeners upon Component Unmount.mp4
|
68.4 MB
|
|
1. Remove Listeners upon Component Unmount.vtt
|
6.2 KB
|
|
1.1 Remove Listeners upon Component Unmount.zip.zip
|
236.4 KB
|
|
2. Write Firebase Storage Rules for Media Files.mp4
|
41.1 MB
|
|
2. Write Firebase Storage Rules for Media Files.vtt
|
5.6 KB
|
|
2.1 Storage Rules.zip.zip
|
0.8 KB
|
|
3. Write Database Rules for App Data.mp4
|
48.9 MB
|
|
3. Write Database Rules for App Data.vtt
|
6.1 KB
|
|
3.1 Database Rules.zip.zip
|
1.0 KB
|
|
/19. Deploying our App with Firebase Tools/
|
|
1. Deploy our App with Firebase Tools.mp4
|
20.8 MB
|
|
1. Deploy our App with Firebase Tools.vtt
|
3.2 KB
|
|
1.1 Final Code.zip.zip
|
236.4 KB
|
|
/2. Project Setup/
|
|
1. Git Clone and Install Dependencies.mp4
|
13.9 MB
|
|
1. Git Clone and Install Dependencies.vtt
|
2.0 KB
|
|
2. Organize Project, Create Routes.mp4
|
33.7 MB
|
|
2. Organize Project, Create Routes.vtt
|
4.4 KB
|
|
2.1 Organize Project, Create Routes.zip.zip
|
222.2 KB
|
|
3. Setup Firebase.mp4
|
31.8 MB
|
|
3. Setup Firebase.vtt
|
3.5 KB
|
|
/20. BONUS/
|
|
1. Bonus Lecture.mp4
|
11.7 MB
|
|
1. Bonus Lecture.vtt
|
1.0 KB
|
|
1.1 Subscribe CodeArtistry.html
|
0.1 KB
|
|
/3. User Authentication with Firebase/
|
|
1. Create Register Form.mp4
|
50.8 MB
|
|
1. Create Register Form.vtt
|
6.3 KB
|
|
1.1 Create Register Form.zip.zip
|
212.8 KB
|
|
2. Register User with Email and Password.mp4
|
54.0 MB
|
|
2. Register User with Email and Password.vtt
|
6.6 KB
|
|
2.1 Register User with Email and Password.zip.zip
|
213.0 KB
|
|
/4. Form Validation and Authentication Error Handling/
|
|
1. Form Validation for Register Form.mp4
|
63.8 MB
|
|
1. Form Validation for Register Form.vtt
|
7.4 KB
|
|
1.1 Form Validation for Register Form.zip.zip
|
213.4 KB
|
|
2. Clear Errors upon Registration, Show Loading State.mp4
|
44.5 MB
|
|
2. Clear Errors upon Registration, Show Loading State.vtt
|
5.8 KB
|
|
2.1 Clear Errors upon Registration, Show Loading State.zip.zip
|
213.5 KB
|
|
3. Add Name and Avatar to Users, Add New Users to Database.mp4
|
63.1 MB
|
|
3. Add Name and Avatar to Users, Add New Users to Database.vtt
|
6.7 KB
|
|
3.1 Add Name and Avatar to Users, Add New Users to Database.zip.zip
|
224.0 KB
|
|
4. Create Login Form and Functionality.mp4
|
41.6 MB
|
|
4. Create Login Form and Functionality.vtt
|
3.8 KB
|
|
4.1 Create Login Form and Functionality.zip.zip
|
214.7 KB
|
|
/5. Integrate Redux for Global State/
|
|
1. onAuthStateChanged to Listen for LoginRegister.mp4
|
25.3 MB
|
|
1. onAuthStateChanged to Listen for LoginRegister.vtt
|
3.1 KB
|
|
1.1 onAuthStateChanged to Listen for LoginRegister.zip.zip
|
214.9 KB
|
|
2. Set up Redux to Make User Data Available on Global State.mp4
|
65.7 MB
|
|
2. Set up Redux to Make User Data Available on Global State.vtt
|
9.3 KB
|
|
2.1 Set up Redux to Make User Data Available on Global State.zip.zip
|
217.1 KB
|
|
3. Add Spinner Component for Loading State.mp4
|
25.6 MB
|
|
3. Add Spinner Component for Loading State.vtt
|
3.7 KB
|
|
3.1 Add Spinner Component for Loading State.zip.zip
|
217.4 KB
|
|
/6. Building Out Chat Console/
|
|
1. Scaffold App Components.mp4
|
34.7 MB
|
|
1. Scaffold App Components.vtt
|
4.8 MB
|
|
1.1 Scaffold App Components.zip.zip
|
218.5 KB
|
|
2. App Header UserPanel Dropdown.mp4
|
50.9 MB
|
|
2. App Header UserPanel Dropdown.vtt
|
5.2 KB
|
|
2.1 App Header UserPanel Dropdown.zip.zip
|
229.6 KB
|
|
3. Add Signout Functionality, Clear User Action.mp4
|
30.8 MB
|
|
3. Add Signout Functionality, Clear User Action.vtt
|
3.7 KB
|
|
3.1 Add Signout Functionality, Clear User Action.zip.zip
|
219.5 KB
|
|
4. Passing Redux State via Props.mp4
|
62.7 MB
|
|
4. Passing Redux State via Props.vtt
|
6.6 KB
|
|
4.1 Passing Redux State via Props.zip.zip
|
219.7 KB
|
|
5. Add Avatar to User Dropdown.mp4
|
12.4 MB
|
|
5. Add Avatar to User Dropdown.vtt
|
1.1 KB
|
|
5.1 Add Avatar to User Dropdown.zip.zip
|
219.7 KB
|
|
/7. Adding Displaying Public Channels/
|
|
1. Add Channels Component.mp4
|
23.1 MB
|
|
1. Add Channels Component.vtt
|
3.0 KB
|
|
1.1 Add Channels Component.zip.zip
|
220.2 KB
|
|
2. Create Modal for Adding Channels.mp4
|
49.3 MB
|
|
2. Create Modal for Adding Channels.vtt
|
4.8 KB
|
|
2.1 Create Modal for Adding Channels.zip.zip
|
220.6 KB
|
|
3. Create Channels Collection, Add First Channel to Database.mp4
|
55.2 MB
|
|
3. Create Channels Collection, Add First Channel to Database.vtt
|
5.7 KB
|
|
3.1 Create Channels Collection, Add First Channel to Database.zip.zip
|
220.9 KB
|
|
4. Display Channels with child_added Listener.mp4
|
29.4 MB
|
|
4. Display Channels with child_added Listener.vtt
|
3.2 KB
|
|
4.1 Display Channels with child_added Listener.zip.zip
|
221.1 KB
|
|
5. Put Channel on Global State, Add channel_reducer.mp4
|
41.1 MB
|
|
5. Put Channel on Global State, Add channel_reducer.vtt
|
4.7 KB
|
|
5.1 Put Channel on Global State, Add channel_reducer.zip.zip
|
231.6 KB
|
|
6. Set First Channel on Page Load, Show Active Channel.mp4
|
37.3 MB
|
|
6. Set First Channel on Page Load, Show Active Channel.vtt
|
4.2 KB
|
|
6.1 Set First Channel on Page Load, Show Active Channel.zip.zip
|
221.4 KB
|
|
7. Remove Listeners with componentWillUnmount.mp4
|
22.0 MB
|
|
7. Remove Listeners with componentWillUnmount.vtt
|
1.1 KB
|
|
7.1 Remove Listeners with componentWillUnmount.zip.zip
|
221.5 KB
|
|
/8. Adding Displaying Messages on Public Channels/
|
|
1. Scaffold ColorPanel Message Components.mp4
|
69.8 MB
|
|
1. Scaffold ColorPanel Message Components.vtt
|
7.0 KB
|
|
1.1 Scaffold ColorPanel Message Components.zip.zip
|
223.0 KB
|
|
2. Create Messages Collection, Add First Message to Database.mp4
|
98.8 MB
|
|
2. Create Messages Collection, Add First Message to Database.vtt
|
9.9 KB
|
|
3. Controlled Input to Clear Message, Disable Button on Loading State.mp4
|
9.9 MB
|
|
3. Controlled Input to Clear Message, Disable Button on Loading State.vtt
|
1.2 KB
|
|
3.1 Controlled Input to Clear Message, Disable Button on Loading State.zip.zip
|
223.7 KB
|
|
4. Display Messages, Create Message Component.mp4
|
65.4 MB
|
|
4. Display Messages, Create Message Component.vtt
|
7.2 KB
|
|
4.1 Display Messages, Create Message Component.zip.zip
|
224.5 KB
|
|
/9. Adding Uploading Messages with Media Files/
|
|
1. Create File Modal to Upload File.mp4
|
46.8 MB
|
|
1. Create File Modal to Upload File.vtt
|
4.0 KB
|
|
1.1 Create FileModal to Upload File.zip.zip
|
225.1 KB
|
|
2. Put Media File in State, Add Mimetype Validation.mp4
|
49.8 MB
|
|
2. Put Media File in State, Add Mimetype Validation.vtt
|
5.3 KB
|
|
2.1 Put Media File in State, Add Mimetype Validation.zip.zip
|
225.4 KB
|
|
3. Upload Image File, Post Image Message.mp4
|
84.8 MB
|
|
3. Upload Image File, Post Image Message.vtt
|
8.0 KB
|
|
3.1 Upload Image File, Post Image Message.zip.zip
|
226.0 KB
|
|
4. ProgressBar Component to Represent Image Upload.mp4
|
34.6 MB
|
|
4. ProgressBar Component to Represent Image Upload.vtt
|
3.3 KB
|
|
4.1 ProgressBar Component to Represent Image Upload.zip.zip
|
226.4 KB
|
|
5. Options for Displaying ProgressBar.mp4
|
35.2 MB
|
|
5. Options for Displaying ProgressBar.vtt
|
3.6 KB
|
|
5.1 Options for Displaying ProgressBar.zip.zip
|
226.4 KB
|
|
/
|
|
[FCS Forum].url
|
0.1 KB
|
|
[FreeCourseSite.com].url
|
0.1 KB
|
|
Total files 196
|
