| 1. Add Channel Title Users Count to Messages Header.mp4 | 47 MB | ||
| 1. Add Channel Title Users Count to Messages Header.vtt | 5.2 KB | ||
| 1. Add Channels Component.mp4 | 22 MB | ||
| 1. Add Channels Component.vtt | 2.9 KB | ||
| 1. Add Color Picker Modal to ColorPanel.mp4 | 40.6 MB | ||
| 1. Add Color Picker Modal to ColorPanel.vtt | 3.8 KB | ||
| 1. Add Notifications to Public Channel.mp4 | 80.4 MB | ||
| 1. Add Notifications to Public Channel.vtt | 9.6 KB | ||
| 1. Add Starred Component to Hold Starred (Favorited) Channels.mp4 | 35.9 MB | ||
| 1. Add Starred Component to Hold Starred (Favorited) Channels.vtt | 3.3 KB | ||
| 1. Add Typing Collection to Track When Other Users Typing.mp4 | 39.6 MB | ||
| 1. Add Typing Collection to Track When Other Users Typing.vtt | 3.8 KB | ||
| 1. Bonus Lecture.mp4 | 11.1 MB | ||
| 1. Bonus Lecture.vtt | 1 KB | ||
| 1. Create Change Avatar Modal.mp4 | 39.2 MB | ||
| 1. Create Change Avatar Modal.vtt | 3.1 KB | ||
| 1. Create File Modal to Upload File.mp4 | 44.6 MB | ||
| 1. Create File Modal to Upload File.vtt | 3.9 KB | ||
| 1. Create Register Form.mp4 | 48.5 MB | ||
| 1. Create Register Form.vtt | 6.1 KB | ||
| 1. Deploy our App with Firebase Tools.mp4 | 19.8 MB | ||
| 1. Deploy our App with Firebase Tools.vtt | 3.1 KB | ||
| 1. Emoji Picker to Add Emojis to Messages.mp4 | 63.4 MB | ||
| 1. Emoji Picker to Add Emojis to Messages.vtt | 5.9 KB | ||
| 1. Form Validation for Register Form.mp4 | 60.9 MB | ||
| 1. Form Validation for Register Form.vtt | 7.2 KB | ||
| 1. Git Clone and Install Dependencies.mp4 | 13.2 MB | ||
| 1. Git Clone and Install Dependencies.vtt | 2 KB | ||
| 1. Remove Listeners upon Component Unmount.mp4 | 65.2 MB | ||
| 1. Remove Listeners upon Component Unmount.vtt | 6 KB | ||
| 1. Required Tools for the Project.mp4 | 10 MB | ||
| 1. Required Tools for the Project.vtt | 1.2 KB | ||
| 1. Scaffold App Components.mp4 | 33.1 MB | ||
| 1. Scaffold App Components.vtt | 4.5 MB | ||
| 1. Scaffold ColorPanel Message Components.mp4 | 66.6 MB | ||
| 1. Scaffold ColorPanel Message Components.vtt | 6.8 KB | ||
| 1. Scaffold MetaPanel Component.mp4 | 48.4 MB | ||
| 1. Scaffold MetaPanel Component.vtt | 5.8 KB | ||
| 1. onAuthStateChanged to Listen for LoginRegister.mp4 | 24.1 MB | ||
| 1. onAuthStateChanged to Listen for LoginRegister.vtt | 3.1 KB | ||
| 1.1 Add Channel TItle Users Count to Messages Header.zip.zip | 221.4 KB | ||
| 1.1 Add Channels Component.zip.zip | 215 KB | ||
| 1.1 Add Color Picker Modal to ColorPanel.zip.zip | 226.3 KB | ||
| 1.1 Add Notifications to Public Channels.zip.zip | 223.7 KB | ||
| 1.1 Add Starred Component to Hold Starred (Favorited) Channels.zip.zip | 234.5 KB | ||
| 1.1 Create Change Avatar Modal.zip.zip | 227.6 KB | ||
| 1.1 Create FileModal to Upload File.zip.zip | 219.8 KB | ||
| 1.1 Create Register Form.zip.zip | 207.8 KB | ||
| 1.1 Emoji Picker to Add Emojis to Messages.zip.zip | 229.8 KB | ||
| 1.1 Final Code.zip.zip | 230.9 KB | ||
| 1.1 Form Validation for Register Form.zip.zip | 208.4 KB | ||
| 1.1 Remove Listeners upon Component Unmount.zip.zip | 230.9 KB | ||
| 1.1 Scaffold App Components.zip.zip | 213.4 KB | ||
| 1.1 Scaffold ColorPanel Message Components.zip.zip | 217.7 KB | ||
| 1.1 Scaffold MetaPanel Component.zip.zip | 225.5 KB | ||
| 1.1 Subscribe CodeArtistry.html | 102.4 B | ||
| 1.1 onAuthStateChanged to Listen for LoginRegister.zip.zip | 209.8 KB | ||
| 2. Add Ability to Search Messages.mp4 | 68.9 MB | ||
| 2. Add Ability to Search Messages.vtt | 7 KB | ||
| 2. Add Typing Component Animation, Display in Messages.mp4 | 34.3 MB | ||
| 2. Add Typing Component Animation, Display in Messages.vtt | 3.2 KB | ||
| 2. App Header UserPanel Dropdown.mp4 | 48.5 MB | ||
| 2. App Header UserPanel Dropdown.vtt | 5.1 KB | ||
| 2. Attach Chosen Colors to User Data.mp4 | 77.9 MB | ||
| 2. Attach Chosen Colors to User Data.vtt | 7.1 KB | ||
| 2. Automatic Scroll to Bottom upon New Message.mp4 | 27.4 MB | ||
| 2. Automatic Scroll to Bottom upon New Message.vtt | 2.3 KB | ||
| 2. Clear Errors upon Registration, Show Loading State.mp4 | 42.5 MB | ||
| 2. Clear Errors upon Registration, Show Loading State.vtt | 5.6 KB | ||
| 2. Create Messages Collection, Add First Message to Database.mp4 | 94.3 MB | ||
| 2. Create Messages Collection, Add First Message to Database.vtt | 9.7 KB | ||
| 2. Create Modal for Adding Channels.mp4 | 47 MB | ||
| 2. Create Modal for Adding Channels.vtt | 4.6 KB | ||
| 2. Crop Uploaded Image with AvatarEditor.mp4 | 61.4 MB | ||
| 2. Crop Uploaded Image with AvatarEditor.vtt | 0 B | ||
| 2. Display Channel Info in MetaPanel.mp4 | 32.7 MB | ||
| 2. Display Channel Info in MetaPanel.vtt | 3.5 KB | ||
| 2. Install React Redux Dev Tools for Google Chrome.mp4 | 16 MB | ||
| 2. Install React Redux Dev Tools for Google Chrome.vtt | 2.6 KB | ||
| 2. Organize Project, Create Routes.mp4 | 32.2 MB | ||
| 2. Organize Project, Create Routes.vtt | 4.3 KB | ||
| 2. Put Media File in State, Add Mimetype Validation.mp4 | 47.5 MB | ||
| 2. Put Media File in State, Add Mimetype Validation.vtt | 5.1 KB | ||
| 2. Register User with Email and Password.mp4 | 51.5 MB | ||
| 2. Register User with Email and Password.vtt | 6.4 KB | ||
| 2. Set up Redux to Make User Data Available on Global State.mp4 | 62.6 MB | ||
| 2. Set up Redux to Make User Data Available on Global State.vtt | 9.1 KB | ||
| 2. Update 'Starred' Property for User Data Upon Starring Channel.mp4 | 84.3 MB | ||
| 2. Update 'Starred' Property for User Data Upon Starring Channel.vtt | 8.5 KB | ||
| 2. Write Firebase Storage Rules for Media Files.mp4 | 39.2 MB | ||
| 2. Write Firebase Storage Rules for Media Files.vtt | 5.4 KB | ||
| 2.1 Add Ability to Search Messages.zip.zip | 221.7 KB | ||
| 2.1 Add Typing Component Animation, Display in Messages.zip.zip | 229.1 KB | ||
| 2.1 App Header UserPanel Dropdown.zip.zip | 224.2 KB | ||
| 2.1 Attach Chosen Colors to User Data.zip.zip | 226.7 KB | ||
| 2.1 Clear Errors upon Registration, Show Loading State.zip.zip | 208.5 KB | ||
| 2.1 Create Modal for Adding Channels.zip.zip | 215.4 KB | ||
| 2.1 Crop Uploaded Image with AvatarEditor.zip.zip | 228 KB | ||
| 2.1 Display Channel Info in MetaPanel.zip.zip | 225.6 KB | ||
| 2.1 Organize Project, Create Routes.zip.zip | 217 KB | ||
| 2.1 Put Media File in State, Add Mimetype Validation.zip.zip | 220.1 KB | ||
| 2.1 Register User with Email and Password.zip.zip | 208 KB | ||
| 2.1 Set up Redux to Make User Data Available on Global State.zip.zip | 212 KB | ||
| 2.1 Storage Rules.zip.zip | 819.2 B | ||
| 2.1 Update 'Starred' Property for User Data Upon Starring Channel.zip.zip | 224.8 KB | ||
| 3. Add Name and Avatar to Users, Add New Users to Database.mp4 | 60.1 MB | ||
| 3. Add Name and Avatar to Users, Add New Users to Database.vtt | 6.6 KB | ||
| 3. Add Signout Functionality, Clear User Action.mp4 | 29.4 MB | ||
| 3. Add Signout Functionality, Clear User Action.vtt | 3.6 KB | ||
| 3. Add Spinner Component for Loading State.mp4 | 24.4 MB | ||
| 3. Add Spinner Component for Loading State.vtt | 3.6 KB | ||
| 3. Add Typing Listeners to See When Other Users Typing.mp4 | 71 MB | ||
| 3. Add Typing Listeners to See When Other Users Typing.vtt | 5.7 KB | ||
| 3. Controlled Input to Clear Message, Disable Button on Loading State.mp4 | 9.4 MB | ||
| 3. Controlled Input to Clear Message, Disable Button on Loading State.vtt | 1.2 KB | ||
| 3. Create Channels Collection, Add First Channel to Database.mp4 | 52.6 MB | ||
| 3. Create Channels Collection, Add First Channel to Database.vtt | 5.5 KB | ||
| 3. Create DirectMessages Component.mp4 | 25.2 MB | ||
| 3. Create DirectMessages Component.vtt | 2.4 KB | ||
| 3. Display Saved User Colors as Icons, Change App Colors on Click.mp4 | 101.1 MB | ||
| 3. Display Saved User Colors as Icons, Change App Colors on Click.vtt | 9.2 KB | ||
| 3. Display Starred Channels in Starred Component.mp4 | 36.2 MB | ||
| 3. Display Starred Channels in Starred Component.vtt | 4 KB | ||
| 3. Display Top Posters for each Channel in MetaPanel.mp4 | 104.3 MB | ||
| 3. Display Top Posters for each Channel in MetaPanel.vtt | 9.7 KB | ||
| 3. Setup Firebase.mp4 | 30.3 MB | ||
| 3. Setup Firebase.vtt | 3.4 KB | ||
| 3. Show Message Skeleton when Messages Loading.mp4 | 57.6 MB | ||
| 3. Show Message Skeleton when Messages Loading.vtt | 5.9 KB | ||
| 3. Upload Cropped Image to Firebase, Put on User Profile.mp4 | 63.4 MB | ||
| 3. Upload Cropped Image to Firebase, Put on User Profile.vtt | 5.4 KB | ||
| 3. Upload Image File, Post Image Message.mp4 | 80.9 MB | ||
| 3. Upload Image File, Post Image Message.vtt | 7.8 KB | ||
| 3. Write Database Rules for App Data.mp4 | 46.7 MB | ||
| 3. Write Database Rules for App Data.vtt | 5.9 KB | ||
| 3.1 Add Name and Avatar to Users, Add New Users to Database.zip.zip | 218.7 KB | ||
| 3.1 Add Signout Functionality, Clear User Action.zip.zip | 214.4 KB | ||
| 3.1 Add Spinner Component for Loading State.zip.zip | 212.3 KB | ||
| 3.1 Add Typing Listeners to See When Other Users Typing.zip.zip | 229.3 KB | ||
| 3.1 Controlled Input to Clear Message, Disable Button on Loading State.zip.zip | 218.4 KB | ||
| 3.1 Create Channels Collection, Add First Channel to Database.zip.zip | 215.7 KB | ||
| 3.1 Create DirectMessages Component.zip.zip | 223.1 KB | ||
| 3.1 Database Rules.zip.zip | 1 KB | ||
| 3.1 Display Saved User Colors as Icons, Change App Colors on Click.zip.zip | 227.3 KB | ||
| 3.1 Display Starred Channels in Starred Component.zip.zip | 226 KB | ||
| 3.1 Display Top Posters for each Channel in MetaPanel.zip.zip | 226 KB | ||
| 3.1 Show Message Skeleton when Messages Loading.zip.zip | 230.5 KB | ||
| 3.1 Upload Cropped Image to Firebase, Put on User Profile.zip.zip | 228.3 KB | ||
| 3.1 Upload Image File, Post Image Message.zip.zip | 220.7 KB | ||
| 4. Add Users to DirectMessages Component, Show If OnlineOffline.mp4 | 75.2 MB | ||
| 4. Add Users to DirectMessages Component, Show If OnlineOffline.vtt | 7.2 KB | ||
| 4. Create Key Combo Shortcuts to Send Messages.mp4 | 9.9 MB | ||
| 4. Create Key Combo Shortcuts to Send Messages.vtt | 1.5 KB | ||
| 4. Create Login Form and Functionality.mp4 | 39.7 MB | ||
| 4. Create Login Form and Functionality.vtt | 3.7 KB | ||
| 4. Display Channels with child_added Listener.mp4 | 28.1 MB | ||
| 4. Display Channels with child_added Listener.vtt | 3.1 KB | ||
| 4. Display Messages, Create Message Component.mp4 | 62.4 MB | ||
| 4. Display Messages, Create Message Component.vtt | 7 KB | ||
| 4. Passing Redux State via Props.mp4 | 59.8 MB | ||
| 4. Passing Redux State via Props.vtt | 6.4 KB | ||
| 4. ProgressBar Component to Represent Image Upload.mp4 | 33 MB | ||
| 4. ProgressBar Component to Represent Image Upload.vtt | 3.2 KB | ||
| 4.1 Add Users to DirectMessages Component, Show If OnlineOffline.zip.zip | 222.8 KB | ||
| 4.1 Create Key Combo Shortcuts to Send Messages.zip.zip | 230.5 KB | ||
| 4.1 Create Login Form and Functionality.zip.zip | 209.7 KB | ||
| 4.1 Display Channels with child_added Listener.zip.zip | 215.9 KB | ||
| 4.1 Display Messages, Create Message Component.zip.zip | 219.2 KB | ||
| 4.1 Passing Redux State via Props.zip.zip | 214.5 KB | ||
| 4.1 ProgressBar Component to Represent Image Upload.zip.zip | 221.1 KB | ||
| 5. Add Avatar to User Dropdown.mp4 | 11.9 MB | ||
| 5. Add Avatar to User Dropdown.vtt | 1.1 KB | ||
| 5. Options for Displaying ProgressBar.mp4 | 33.6 MB | ||
| 5. Options for Displaying ProgressBar.vtt | 3.5 KB | ||
| 5. Put Channel on Global State, Add channel_reducer.mp4 | 39.2 MB | ||
| 5. Put Channel on Global State, Add channel_reducer.vtt | 4.6 KB | ||
| 5. Put DirectMessage Channel Data in Global State, Set as Private Channels.mp4 | 48.5 MB | ||
| 5. Put DirectMessage Channel Data in Global State, Set as Private Channels.vtt | 4.4 KB | ||
| 5.1 Add Avatar to User Dropdown.zip.zip | 214.6 KB | ||
| 5.1 Options for Displaying ProgressBar.zip.zip | 221.1 KB | ||
| 5.1 Put Channel on Global State, Add channel_reducer.zip.zip | 226.1 KB | ||
| 5.1 Put DirectMessage Channel Data in Global State, Set as Private Channels.zip.zip | 223 KB | ||
| 6. Functionality to Add Messages Images to Private Channels.mp4 | 66.2 MB | ||
| 6. Functionality to Add Messages Images to Private Channels.vtt | 6.5 KB | ||
| 6. Set First Channel on Page Load, Show Active Channel.mp4 | 35.5 MB | ||
| 6. Set First Channel on Page Load, Show Active Channel.vtt | 4.1 KB | ||
| 6.1 Functionality to Add Messages Images to Private Channels.zip.zip | 223.2 KB | ||
| 6.1 Set First Channel on Page Load, Show Active Channel.zip.zip | 216.3 KB | ||
| 7. Display Active DirectMessage Channel.mp4 | 14 MB | ||
| 7. Display Active DirectMessage Channel.vtt | 1.3 KB | ||
| 7. Remove Listeners with componentWillUnmount.mp4 | 21 MB | ||
| 7. Remove Listeners with componentWillUnmount.vtt | 1 KB | ||
| 7.1 Display Active DirectMessage Channel.zip.zip | 223.3 KB | ||
| 7.1 Remove Listeners with componentWillUnmount.zip.zip | 216.3 KB | ||
| [FCS Forum].url | 102.4 B | ||
| [FreeCourseSite.com].url | 102.4 B | ||
| ▲ 196 total files | |||
Create a complete, full-stack chat application from front to back with React, Redux, Firebase 5, and Semantic UI React
What you’ll learn
Create full-stack apps with React, Redux and Firebase, among other tools in the React ecosystem
Make complete React apps from scratch, from setting up their dev environment to deployment on the web
Integrate Redux and Firebase with React apps using straightforward, practical patterns
Learn every major part of Firebase 5–the real-time database, storage, rules, listeners and deployment with Firebase tools
Requirements
Some experience with React (i.e. having built a couple of projects with React Create App)
Prior knowledge of ES6 features will help (spread operators, destructuring, object shorthand syntax)
Description
Interested in building impressive full-stack apps with React, Redux and Firebase? This is the course for you!
Here’s what we will cover:
Creating a complete Slack chat application with React, Redux, and Firebase 5 from scratch
Sending and receiving messages instantly with the real-time Firebase Database
Uploading and displaying image messages using Firebase Storage
Notifications to display new messages in other channels
Sending Direct Messages to other users in our chat
Tracking / showing when users are online / offline
Searching messages within created channels
Custom animations to see when other users are typing in the same channel
Creating, cropping and uploading user avatars
The ability to favorite / unfavorite public channels
Add emojis to our messages with an Emoji Picker component
User authentication with Firebase
Form validation for our Login and Register forms
State management with Redux, with simple, straightforward patterns
Creating stunning user interfaces with Semantic UI React
Essential features of React Router 4 (Switch component, withRouter HOC, history object)
Tons of work with ES6 / 7
Helpful browser tools such as React / Redux Dev Tools
Securing our application with Firebase Rules
Deploying our chat app to the web using Firebase Tools
Keyboard shortcuts to rapidly send messages
And more!
What will be building in this course?
Throughout this course, we’ll be building a live chat app for developers called DevChat, where users will be able to create channels, to send messages to other users on those channels, send media files, see when other users are typing, add emojis to their messages, favorite and unfavorite channels they like or dislike, and get notifications about new messages on other channels.
For more Courses: Free Udemy Courses
For Tech Tricks and deals: Hot Pass
| torrent name | size | uploader | age | seed | leech |
|---|---|---|---|---|---|
| 3.8 GB | freecoursewb | 1 week | 0 | 0 | |
| 547.3 MB | freecoursewb | 2 weeks | 56 | 5 | |
|
Udemy - Build a WordPress Website from Scratch with ChatGPT and Claude Posted by
freecoursewb in Other
|
871.2 MB | freecoursewb | 2 weeks | 63 | 4 |
|
Udemy - Build a Serverless API -AWS Lambda and API Gateway (Beginner) Posted by
freecoursewb in Other
|
677.7 MB | freecoursewb | 1 month | 12 | 2 |
| 991.5 MB | freecoursewb | 1 month | 20 | 17 |
All Comments