1. Урок 1. 00:01:00
    Required Tools for the Project
  2. Урок 2. 00:02:28
    Install React / Redux Dev Tools for Google Chrome
  3. Урок 3. 00:01:45
    Git Clone and Install Dependencies
  4. Урок 4. 00:04:20
    Organize Project, Create Routes
  5. Урок 5. 00:03:40
    Setup Firebase
  6. Урок 6. 00:05:37
    Create Register Form
  7. Урок 7. 00:06:08
    Register User with Email and Password
  8. Урок 8. 00:07:09
    Form Validation for Register Form
  9. Урок 9. 00:05:33
    Clear Errors upon Registration, Show Loading State
  10. Урок 10. 00:07:20
    Add Name and Avatar to Users, Add New Users to Database
  11. Урок 11. 00:04:11
    Create Login Form and Functionality
  12. Урок 12. 00:02:59
    onAuthStateChanged to Listen for Login/Register
  13. Урок 13. 00:08:50
    Set up Redux to Make User Data Available on Global State
  14. Урок 14. 00:03:29
    Add Spinner Component for Loading State
  15. Урок 15. 00:04:20
    Scaffold App Components
  16. Урок 16. 00:06:06
    App Header / UserPanel Dropdown
  17. Урок 17. 00:04:05
    Add Signout Functionality, Clear User Action
  18. Урок 18. 00:07:05
    Passing Redux State via Props
  19. Урок 19. 00:01:20
    Add Avatar to User Dropdown
  20. Урок 20. 00:03:00
    Add Channels Component
  21. Урок 21. 00:05:34
    Create Modal for Adding Channels
  22. Урок 22. 00:06:46
    Create Channels Collection, Add First Channel to Database
  23. Урок 23. 00:03:23
    Display Channels with child_added Listener
  24. Урок 24. 00:05:22
    Put Channel on Global State, Add channel_reducer
  25. Урок 25. 00:04:20
    Set First Channel on Page Load, Show Active Channel
  26. Урок 26. 00:00:52
    Remove Listeners with componentWillUnmount
  27. Урок 27. 00:08:13
    Scaffold ColorPanel / Message Components
  28. Урок 28. 00:11:21
    Create Messages Collection, Add First Message to Database
  29. Урок 29. 00:01:12
    Controlled Input to Clear Message, Disable Button on Loading State
  30. Урок 30. 00:07:24
    Display Messages, Create Message Component
  31. Урок 31. 00:05:20
    Create File Modal to Upload File
  32. Урок 32. 00:05:51
    Put Media File in State, Add Mimetype Validation
  33. Урок 33. 00:09:16
    Upload Image File, Post Image Message
  34. Урок 34. 00:03:47
    ProgressBar Component to Represent Image Upload
  35. Урок 35. 00:03:51
    Options for Displaying ProgressBar
  36. Урок 36. 00:05:12
    Add Channel Title / Users Count to Messages Header
  37. Урок 37. 00:07:20
    Add Ability to Search Messages
  38. Урок 38. 00:03:02
    Create DirectMessages Component
  39. Урок 39. 00:08:35
    Add Users to DirectMessages Component, Show If Online/Offline
  40. Урок 40. 00:05:35
    Put DirectMessage Channel Data in Global State, Set as Private Channels
  41. Урок 41. 00:07:09
    Functionality to Add Messages / Images to Private Channels
  42. Урок 42. 00:01:34
    Display Active DirectMessage Channel
  43. Урок 43. 00:09:36
    Add Notifications to Public Channel
  44. Урок 44. 00:03:46
    Add Starred Component to Hold Starred (Favorited) Channels
  45. Урок 45. 00:09:12
    Update 'Starred' Property for User Data Upon Starring Channel
  46. Урок 46. 00:04:09
    Display Starred Channels in Starred Component
  47. Урок 47. 00:05:41
    Scaffold MetaPanel Component
  48. Урок 48. 00:03:31
    Display Channel Info in MetaPanel
  49. Урок 49. 00:10:37
    Display Top Posters for each Channel in MetaPanel
  50. Урок 50. 00:04:30
    Add Color Picker Modal to ColorPanel
  51. Урок 51. 00:07:58
    Attach Chosen Colors to User Data
  52. Урок 52. 00:11:25
    Display Saved User Colors as Icons, Change App Colors on Click
  53. Урок 53. 00:04:12
    Create Change Avatar Modal
  54. Урок 54. 00:06:22
    Crop Uploaded Image with AvatarEditor
  55. Урок 55. 00:06:50
    Upload Cropped Image to Firebase, Put on User Profile
  56. Урок 56. 00:03:57
    Add Typing Collection to Track When Other Users Typing
  57. Урок 57. 00:04:01
    Add Typing Component / Animation, Display in Messages
  58. Урок 58. 00:07:07
    Add Typing Listeners to See When Other Users Typing
  59. Урок 59. 00:06:52
    Emoji Picker to Add Emojis to Messages
  60. Урок 60. 00:03:00
    Automatic Scroll to Bottom upon New Message
  61. Урок 61. 00:06:34
    Show Message Skeleton when Messages Loading
  62. Урок 62. 00:01:27
    Create Key Combo Shortcuts to Send Messages
  63. Урок 63. 00:06:40
    Remove Listeners upon Component Unmount
  64. Урок 64. 00:06:01
    Write Firebase Storage Rules for Media Files
  65. Урок 65. 00:06:51
    Write Database Rules for App Data
  66. Урок 66. 00:03:05
    Deploy our App with Firebase Tools
  67. Урок 67. 00:00:30
    Bonus Lecture