Create a React Native WhatsApp Clone Mobile App Guide

0

1

2

3

4

5

Posted on 08 Nov 22:44 | by AD-TEAM | 54 views

Videos Files :
1. Intro video (from course landing page).mp4 (25.53 MB)
10. Running the app on an iOS emulator.mp4 (34.21 MB)
3. What is Expo.mp4 (29.43 MB)
4. Creating our project!.mp4 (66.62 MB)
5. A quick rundown of the project structure.mp4 (46.33 MB)
5.1 whatsApp projectOverview.zip (949.68 KB)
6. Where do I find the source code.mp4 (27.51 MB)
7. Some useful VS Code extensions.mp4 (22.7 MB)
8. Running the app on a real device.mp4 (23.07 MB)
9. Running the app on an Android emulator.mp4 (61.88 MB)
1. Adding the 'create chat' header button.mp4 (74.06 MB)
1.1 whatsApp headerButton.zip (5.02 MB)
10. Styling the search results.mp4 (64.37 MB)
10.1 whatsApp stylingDataItem.zip (5.19 MB)
11. Hiding the profile image edit button.mp4 (46.05 MB)
11.1 whatsApp hidingEditButton.zip (5.19 MB)
2. Opening the new chat page.mp4 (91.27 MB)
2.1 whatsApp openingNewChatPage.zip (5.15 MB)
3. Creating our user search box.mp4 (43.98 MB)
3.1 whatsApp creatingSearchBox.zip (5.16 MB)
4. Showing a message when no results were found.mp4 (54.1 MB)
4.1 whatsApp noResultsFound.zip (5.16 MB)
5. Searching after the user stops typing.mp4 (57.12 MB)
5.1 whatsApp searchTimer.zip (5.17 MB)
6. Searching for users.mp4 (89.6 MB)
6.1 whatsApp searchingUsers.zip (5.18 MB)
7. Outputting search results.mp4 (54.36 MB)
7.1 whatsApp outputtingData.zip (5.17 MB)
8. Adding fake users.mp4 (33.5 MB)
9. Creating our search result component.mp4 (48.73 MB)
9.1 whatsApp dataItem.zip (5.18 MB)
1. Selecting the user we want to chat with.mp4 (72.17 MB)
1.1 whatsApp navigatingToChatScreen.zip (5.19 MB)
2. Storing found users in the state.mp4 (112.87 MB)
2.1 whatsApp savingStoredUsers.zip (5.2 MB)
3. Getting the user data from the stored users.mp4 (67.31 MB)
3.1 whatsApp retrievingStoredUsers.zip (5.2 MB)
4. Showing a message when it's a new chat.mp4 (58.49 MB)
4.1 whatsApp newChatBubble.zip (5.21 MB)
5. Styling the new chat message bubble.mp4 (68.09 MB)
5.1 whatsApp stylingBubble.zip (5.21 MB)
6. Creating the chat when a message is sent.mp4 (134.53 MB)
6.1 whatsApp creatingChats.zip (5.23 MB)
1. Getting the user chats when the app starts.mp4 (74.15 MB)
1.1 whatsApp getChatsOnLogin.zip (5.22 MB)
2. Unsubscribing the firebase listeners.mp4 (51.15 MB)
2.1 whatsApp unsubscribingListeners.zip (5.23 MB)
3. Getting the data for each of the user's chats.mp4 (40.45 MB)
3.1 whatsApp retrievingChatData.zip (5.23 MB)
4. Saving the chat data to state.mp4 (73.71 MB)
4.1 whatsApp savingChatDataToState.zip (5.24 MB)
5. Showing a loading spinner while we load the chats.mp4 (34.21 MB)
5.1 whatsApp loadingSpinnerGetChats.zip (5.24 MB)
6. Iterating the chat list.mp4 (55.15 MB)
6.1 whatsApp chatListFlatList.zip (5.24 MB)
7. Setting the stored users on login.mp4 (82.15 MB)
7.1 whatsApp setStoredUsers.zip (5.25 MB)
8. Outputting the user data.mp4 (61.35 MB)
8.1 whatsApp outputtingChatData.zip (5.26 MB)
9. Navigating to the chats on press.mp4 (46.26 MB)
9.1 whatsApp navigatingToChats.zip (5.27 MB)
1. Sending text based messages.mp4 (72.85 MB)
1.1 whatsApp sendMessages.zip (5.27 MB)
2. Updating chat data when message is sent.mp4 (31.6 MB)
2.1 whatsApp updatingChat.zip (5.26 MB)
3. Adding messages to app state when the app loads.mp4 (78.47 MB)
3.1 whatsApp messagesSlice.zip (5.27 MB)
4. Displaying the latest message text underneath the chat.mp4 (37.96 MB)
4.1 whatsApp latestMessageText.zip (5.29 MB)
1. Showing an error message when messages fail to send.mp4 (66.7 MB)
1.1 whatsApp errorBubble.zip (5.28 MB)
2. Only retrieving messages for the chat we're looking at.mp4 (60.36 MB)
2.1 whatsApp getMessagesForChat.zip (5.29 MB)
3. Styling message that we sent.mp4 (66.38 MB)
3.1 whatsApp stylingOurMessages.zip (5.3 MB)
4. Styling the messages sent by others.mp4 (29.9 MB)
4.1 whatsApp stylingTheirMessages.zip (5.29 MB)
1. Reacting to long presses on the messages.mp4 (78.84 MB)
1.1 whatsApp longPress.zip (5.43 MB)
2. Opening the context menu on long press.mp4 (102.63 MB)
2.1 whatsApp openingMenu.zip (5.43 MB)
3. Copy to clipboard menu option.mp4 (48.12 MB)
3.1 whatsApp copyToClipboard.zip (5.56 MB)
4. Customising the menu item components.mp4 (79.79 MB)
4.1 whatsApp customMenuItems.zip (5.56 MB)
1. Calling the star message function.mp4 (86.2 MB)
1.1 whatsApp starMessages.zip (5.57 MB)
2. Adding starred messages to the database.mp4 (43.93 MB)
2.1 whatsApp starMessagesDatabase.zip (5.58 MB)
3. Adding and removing starred messages in the app state.mp4 (46.93 MB)
3.1 whatsApp starredMessagesState.zip (5.58 MB)
4. Setting the initial starred messages state.mp4 (47.93 MB)
4.1 whatsApp settingInitialStarredMessages.zip (5.58 MB)
5. Updating the menu option for star and unstar.mp4 (50.12 MB)
5.1 whatsApp updatingStarredMessageUI.zip (5.59 MB)
6. Showing a star icon next to the message.mp4 (23.05 MB)
7. Outputting the date next to the message.mp4 (71.07 MB)
7.1 whatsApp outputMessageDate.zip (5.6 MB)
1. Selecting a message to reply to.mp4 (51.72 MB)
1.1 whatsApp setReplyTo.zip (5.6 MB)
2. Creating our reply component.mp4 (45.64 MB)
2.1 whatsApp replyToComponent.zip (11.01 MB)
3. Styling the reply section.mp4 (29.14 MB)
3.1 whatsApp replyToStyle.zip (11.01 MB)
4. Cancelling the reply.mp4 (22.98 MB)
4.1 whatsApp cancelReply.zip (11.01 MB)
5. Sending the reply to the database.mp4 (31.38 MB)
5.1 whatsApp sendingReplyToDatabase.zip (11.02 MB)
6. Showing the message we're replying to.mp4 (53.68 MB)
6.1 whatsApp displayingReply.zip (11.03 MB)
7. Finishing touches to the replies.mp4 (35.2 MB)
7.1 whatsApp replyFinishingTouches.zip (11.03 MB)
1. Opening the image picker.mp4 (43.71 MB)
1.1 whatsApp openingTheImagePicker.zip (11.04 MB)
2. Showing the popup image confirmation.mp4 (82.07 MB)
2.1 whatsApp awesomeAlert.zip (11.17 MB)
3. Uploading chat images.mp4 (97.86 MB)
3.1 whatsApp uploadChatImages.zip (11.18 MB)
4. Sending the image message.mp4 (67.54 MB)
4.1 whatsApp sendingImageMessage.zip (11.18 MB)
5. Outputting uploaded images.mp4 (50.18 MB)
5.1 whatsApp outputtingImage.zip (11.19 MB)
6. Bug fix Creating a new chat by sending a message.mp4 (31.49 MB)
6.1 whatsApp fixNewChatImage.zip (11.2 MB)
7. Sending pictures from your camera.mp4 (58.58 MB)
7.1 whatsApp uploadingFromCamera.zip (11.2 MB)
8. Scrolling the chat to the bottom on new message.mp4 (43.95 MB)
8.1 whatsApp scrollingToBottom.zip (11.21 MB)
1. Creating a 'new group' button.mp4 (26.77 MB)
1.1 whatsApp newGroupButton.zip (11.22 MB)
10. Handing the 'create' button press.mp4 (60.7 MB)
10.1 whatsApp creatingGroupChat.zip (11.28 MB)
11. Opening an existing chat if one with that user exists.mp4 (40.26 MB)
11.1 whatsApp openingExistingChat.zip (11.28 MB)
12. [Bug fix] Fixing space at bottom of screen when on a new chat.mp4 (35.05 MB)
12.1 whatsApp fixKeyboardAvoidingView.zip (11.29 MB)
13. Some small UI updates when it's a group chat.mp4 (46.31 MB)
14. Outputting the sender name when it's a group chat.mp4 (42.32 MB)
14.1 whatsApp senderName.zip (11.29 MB)
2. Creating the chat name textbox.mp4 (52.3 MB)
2.1 whatsApp chatNameTextbox.zip (11.22 MB)
3. Adding the 'create' button.mp4 (41.74 MB)
3.1 whatsApp createChatButton.zip (11.23 MB)
4. Creating the user checkboxes.mp4 (59.66 MB)
4.1 whatsApp dataItemCheckbox.zip (11.23 MB)
5. Selecting users for our group chat.mp4 (52.75 MB)
5.1 whatsApp selectedUsers.zip (11.24 MB)
6. Outputting the selected users.mp4 (62.94 MB)
6.1 whatsApp outputSelectedUsers.zip (11.25 MB)
7. Removing a selected user when pressed.mp4 (19.55 MB)
7.1 whatsApp removeSelectedUser.zip (11.25 MB)
8. Styling the selected users list items.mp4 (57.65 MB)
9. Scrolling the selected users list to the end.mp4 (26.88 MB)
9.1 whatsApp scrollListToEnd.zip (11.26 MB)
1. Styling elements.mp4 (34.11 MB)
1.1 whatsApp styleBasics.zip (952.02 KB)
2. Buttons.mp4 (32.76 MB)
2.1 whatsApp buttonBasics.zip (953.9 KB)
3. SafeArea.mp4 (45.26 MB)
3.1 whatsApp safeArea.zip (1.03 MB)
4. Hooks useState.mp4 (78.22 MB)
4.1 whatsApp useState.zip (1.02 MB)
5. Hooks useEffect.mp4 (45.28 MB)
5.1 whatsApp useEffect.zip (1.03 MB)
6. Hooks useCallback.mp4 (61.82 MB)
6.1 whatsApp useCallback.zip (1.03 MB)
1. Creating the chat settings button.mp4 (35.7 MB)
1.1 whatsApp settingsButton.zip (11.3 MB)
2. Creating the contact screen.mp4 (32.64 MB)
2.1 whatsApp contactScreen.zip (11.3 MB)
3. Showing the contact's name and profile image.mp4 (60.3 MB)
3.1 whatsApp displayingContactDetails.zip (11.31 MB)
4. Getting the common chats.mp4 (50.46 MB)
4.1 whatsApp commonChats.zip (11.31 MB)
5. Outputting the common chats.mp4 (33.47 MB)
5.1 whatsApp outputtingCommonChats.zip (11.33 MB)
6. Navigating to the common chats when clicked.mp4 (30.23 MB)
6.1 whatsApp commonChatsOnPress.zip (11.32 MB)
1. Navigating to the chat settings page.mp4 (43.14 MB)
1.1 whatsApp chatSettingsPage.zip (11.33 MB)
2. Changing the group chat image.mp4 (83.04 MB)
2.1 whatsApp uploadingChatImages.zip (11.34 MB)
3. Using the chat image elsewhere.mp4 (13.17 MB)
3.1 whatsApp usingChatImages.zip (11.35 MB)
4. Creating the form handler for updating the chat name.mp4 (72.95 MB)
4.1 whatsApp chatNameFormHandler.zip (11.35 MB)
5. Updating the chat name.mp4 (66.12 MB)
5.1 whatsApp updatingChatName.zip (11.35 MB)
6. Showing a success message when the name is updated.mp4 (13.51 MB)
6.1 whatsApp chatNameSuccessMessage.zip (11.36 MB)
7. Creating a section for displaying the chat users.mp4 (59.06 MB)
7.1 whatsApp chatUsersSection.zip (11.37 MB)
8. Outputting chat users.mp4 (52.43 MB)
1. Showing the remove from chat button.mp4 (27.43 MB)
1.1 whatsApp removeFromChatButton.zip (11.37 MB)
2. Showing a loading spinner while a user is bring removed.mp4 (30.62 MB)
2.1 whatsApp removeUserBehaviour.zip (11.37 MB)
3. Removing the user from the chat in the database.mp4 (31.96 MB)
3.1 whatsApp removeUserDatabase.zip (11.39 MB)
4. Removing the chat from the user's chat list.mp4 (70.4 MB)
4.1 whatsApp removeUserChat.zip (11.38 MB)
5. Sending info message 'User A removed User B from the chat'.mp4 (54.95 MB)
5.1 whatsApp sendingInfoMessage.zip (11.4 MB)
6. Styling the info messages.mp4 (42.93 MB)
6.1 whatsApp styleInfoMessage.zip (11.4 MB)
7. Leaving chats.mp4 (94.81 MB)
7.1 whatsApp leaveChat.zip (11.41 MB)
8. Bug fix Prevent remove from chat button showing when not in group chat.mp4 (6.62 MB)
8.1 whatsApp removeFromChatBugFix.zip (11.41 MB)
1. Adding the view all users button.mp4 (27.55 MB)
1.1 whatsApp viewUsersButton.zip (11.42 MB)
2. Navigating to the data list screen.mp4 (18.68 MB)
2.1 whatsApp navigatingToDataListScreen.zip (11.43 MB)
3. Setting the title of the data list screen.mp4 (18.75 MB)
3.1 whatsApp settingDataListScreenTitle.zip (11.43 MB)
4. Outputting all the users of the chat.mp4 (40.45 MB)
4.1 whatsApp outputAllUsers.zip (11.43 MB)
5. Data list item on press.mp4 (27.28 MB)
5.1 whatsApp dataListNavigation.zip (11.44 MB)
1. Excluding existing participants from search results.mp4 (38.24 MB)
1.1 whatsApp hideExistingUsers.zip (11.45 MB)
2. Updating the UI if we're adding users to an existing chat.mp4 (36.85 MB)
2.1 whatsApp isNewChat.zip (11.45 MB)
3. Passing the selected users to the previous screen.mp4 (36.73 MB)
3.1 whatsApp selectedUsersList.zip (11.45 MB)
4. Adding the chat to the user's chat list.mp4 (45.72 MB)
4.1 whatsApp addToUsersChatList.zip (11.46 MB)
5. Saving new users in the chat data.mp4 (24.6 MB)
5.1 whatsApp updatingChatDataWithNewUsers.zip (11.47 MB)
6. Sending a confirmation message when a user has been added.mp4 (57.67 MB)
6.1 whatsApp addUsersConfirmationmessage.zip (11.48 MB)
1. Showing the button to view start messages.mp4 (20.36 MB)
2. Outputting the starred messages.mp4 (52.87 MB)
2.1 whatsApp viewStarredMessages.zip (11.47 MB)
3. Showing starred messages on the settings page.mp4 (44.32 MB)
3.1 whatsApp settingsStarredMessages.zip (11.48 MB)
1. Configuring the app for push notifications.mp4 (92.88 MB)
1.1 whatsApp configuringPushNotifications.zip (11.63 MB)
2. Sending test push notifications.mp4 (31.25 MB)
3. Storing the device push tokens on sign in.mp4 (89 MB)
3.1 whatsApp storingPushTokens.zip (11.65 MB)
4. Removing push tokens on logout.mp4 (59.12 MB)
4.1 whatsApp removingPushTokens.zip (11.64 MB)
5. Bug fix Can't logout when auth token has expired.mp4 (13.88 MB)
6. Sending push notifications when a message is sent.mp4 (78.72 MB)
6.1 whatsApp sendingPushNotificationsForMessages.zip (11.65 MB)
7. Sending push notifications when an image is sent.mp4 (20.04 MB)
7.1 whatsApp sendingPushNotificationsForImages.zip (11.66 MB)
8. Handing the notification click event.mp4 (53.3 MB)
8.1 whatsApp notificationclickHandler.zip (11.67 MB)
1. Picking a custom font.mp4 (41.12 MB)
1.1 whatsApp addingFonts.zip (3.22 MB)
2. Showing a splash screen while loading.mp4 (86.23 MB)
2.1 whatsApp expoSplashScreen.zip (3.31 MB)
3. Adding a custom splash screen.mp4 (22.09 MB)
3.3 whatsApp customSplashScreen.zip (3.37 MB)
4. Setting custom fonts.mp4 (67.41 MB)
4.1 whatsApp fonts.zip (3.38 MB)
1. Installing React Navigation.mp4 (59.06 MB)
1.1 whatsApp reactNavigation.zip (3.48 MB)
10. Separating the 'logged in' navigator.mp4 (51.44 MB)
10.1 whatsApp mainNavigator.zip (3.7 MB)
2. Creating the stack navigator.mp4 (64.86 MB)
2.1 whatsApp stackNavigator.zip (3.49 MB)
3. Fixing the screen display.mp4 (23.32 MB)
3.1 whatsApp screenFix.zip (3.49 MB)
4. Navigating to a screen on button press.mp4 (35.75 MB)
4.1 whatsApp navigatingToScreen.zip (3.5 MB)
5. Configuring the navigation options.mp4 (44.69 MB)
5.1 whatsApp navigationOptions.zip (3.49 MB)
6. Adding bottom tabs.mp4 (65.38 MB)
6.1 whatsApp bottomTabs.zip (3.59 MB)
7. Configuring the titles of our navigators.mp4 (33.09 MB)
7.1 whatsApp navigatorTitles.zip (3.6 MB)
8. Displaying icons on our bottom tabs.mp4 (95.04 MB)
8.1 whatsApp icons.zip (3.71 MB)
9. Separating our navigator into its own file.mp4 (47.43 MB)
9.1 whatsApp appNavigator.zip (3.71 MB)
1. Creating the chat screen.mp4 (31.26 MB)
1.1 whatsApp chatScreen.zip (3.71 MB)
2. Setting the background image.mp4 (35.6 MB)
2.2 whatsApp backgroundImage.zip (3.78 MB)
3. Handling the chat safe area.mp4 (47.88 MB)
3.1 whatsApp chatPageSafeArea.zip (3.8 MB)
4. Buttons with icons.mp4 (64.32 MB)
4.1 whatsApp buttonIcons.zip (3.79 MB)
5. Styling the textbox and buttons.mp4 (54.01 MB)
5.1 whatsApp inputStyles.zip (3.79 MB)
6. Showing a send button as the user types.mp4 (50.1 MB)
6.1 whatsApp showingSendButton.zip (3.8 MB)
7. Styling the send button.mp4 (33.53 MB)
7.1 whatsApp sendButtonStyle.zip (3.8 MB)
8. Handing a message being submitted.mp4 (29.12 MB)
8.1 whatsApp sendMessage.zip (3.8 MB)
9. Fixing the textbox being hidden behind the keyboard.mp4 (58.59 MB)
9.1 whatsApp keyboardAvoidingView.zip (3.81 MB)
1. Creating the sign up screen.mp4 (28.94 MB)
1.1 whatsApp authScreen.zip (3.82 MB)
10. Switching between sign up and sign in forms.mp4 (96.53 MB)
10.1 whatsApp switchingForms.zip (3.85 MB)
11. Setting the form image.mp4 (46.54 MB)
11.1 whatsApp formImage.zip (3.91 MB)
12. Prevent keyboard from hiding the form.mp4 (42.76 MB)
12.1 whatsApp signUpKeyboardAvoidingView.zip (3.91 MB)
2. Adding a page container component.mp4 (62.77 MB)
2.1 whatsApp pageContainer.zip (3.82 MB)
3. Creating a custom input component.mp4 (48 MB)
3.1 whatsApp customInput.zip (3.82 MB)
4. Adding an icon to the input.mp4 (67.33 MB)
4.1 whatsApp inputIcon.zip (3.82 MB)
5. Styling the label.mp4 (19.96 MB)
5.1 whatsApp labelStyle.zip (3.83 MB)
6. Styling the textbox.mp4 (21.6 MB)
6.1 whatsApp inputStyle.zip (3.83 MB)
7. Displaying error text.mp4 (50.59 MB)
7.1 whatsApp errorText.zip (3.84 MB)
8. Creating a custom submit button.mp4 (66.07 MB)
8.1 whatsApp submitButton.zip (3.84 MB)
9. Submit button title, onPress and remaining style.mp4 (27.19 MB)
9.1 whatsApp buttonTitle.zip (3.85 MB)
1. Handling text changed.mp4 (57.27 MB)
1.1 whatsApp handlingTextChanged.zip (4.01 MB)
10. Evaluating the whole form's validity.mp4 (46.03 MB)
10.1 whatsApp evaluatingFormValidity.zip (4.05 MB)
11. Evaluating the whole sign in form validity.mp4 (48.4 MB)
11.1 whatsApp evaluatingSignInForm.zip (4.05 MB)
12. Displaying the error messages.mp4 (30.17 MB)
12.1 whatsApp showingErrorMessages.zip (4.05 MB)
2. Validation demo.mp4 (45.83 MB)
2.1 whatsApp validationDemo.zip (4.01 MB)
3. First name and last name validation.mp4 (59.35 MB)
3.1 whatsApp stringValidation.zip (4.01 MB)
4. Refactoring the validation functionality.mp4 (30.84 MB)
4.1 whatsApp refactoringValidation.zip (4.02 MB)
5. Improving the return value.mp4 (10.64 MB)
5.1 whatsApp improvingReturnValue.zip (4.02 MB)
6. Validating emails and passwords.mp4 (31.08 MB)
6.1 whatsApp remainingValidation.zip (4.02 MB)
7. Improving our textboxes.mp4 (27.7 MB)
7.1 whatsApp textboxImprovements.zip (4.04 MB)
8. Validating the sign in form values.mp4 (51.66 MB)
8.1 whatsApp signInValidation.zip (4.03 MB)
9. Managing form state with useReducer.mp4 (74.91 MB)
9.1 whatsApp useReducer.zip (4.03 MB)
1. Getting the form values.mp4 (62.73 MB)
1.1 whatsApp inputValues.zip (4.06 MB)
10. Configuring out auth slice.mp4 (36.28 MB)
10.1 whatsApp authSlice.zip (4.35 MB)
11. Saving auth info to the state.mp4 (81.78 MB)
11.1 whatsApp dispatchingActions.zip (4.37 MB)
12. Accessing data from the state.mp4 (29.71 MB)
12.1 whatsApp accessingState.zip (4.36 MB)
13. Going to the main page when they sign up.mp4 (15.4 MB)
13.1 whatsApp showingMainNavigator.zip (4.38 MB)
14. Saving sign in data to storage.mp4 (47.69 MB)
14.1 whatsApp savingSignInData.zip (4.49 MB)
15. Creating the start up screen.mp4 (47.71 MB)
15.1 whatsApp startUpScreen.zip (4.51 MB)
16. Handling when storage is empty.mp4 (51.61 MB)
16.1 whatsApp handlingNoStorage.zip (4.51 MB)
17. Handling an expired token.mp4 (36.03 MB)
17.1 whatsApp handlingExpiredTokens.zip (4.51 MB)
18. Auto logging in if a token exists.mp4 (52.07 MB)
18.1 whatsApp autoLogIn.zip (4.52 MB)
19. Clearing the storage forcing the log out.mp4 (19.15 MB)
19.1 whatsApp manuallyClearingStorage.zip (4.51 MB)
2. Creating our Firebase project.mp4 (69.36 MB)
2.1 whatsApp firebase.zip (4.2 MB)
20. Signing in.mp4 (81.63 MB)
20.1 whatsApp signingIn.zip (4.52 MB)
21. Handling sign in errors.mp4 (44.48 MB)
21.1 whatsApp signInErrors.zip (4.52 MB)
22. Fixing error Can't perform a React state update on an unmounted component.mp4 (8.35 MB)
22.1 whatsApp errorFix.zip (4.53 MB)
23. Logout timer.mp4 (61.96 MB)
23.1 whatsApp logoutTimer.zip (4.53 MB)
24. Loading spinner for the sign in form.mp4 (16.25 MB)
24.1 whatsApp signInLoadingSpinner.zip (4.54 MB)
25. 'test mode' for quick sign in.mp4 (29.86 MB)
25.1 whatsApp signInTestMode.zip (4.54 MB)
3. Firebase helper file.mp4 (30.41 MB)
3.1 whatsApp firebaseHelper.zip (4.2 MB)
4. Authenticating a user with Firebase.mp4 (53.94 MB)
4.1 whatsApp creatingUserInFirebase.zip (4.21 MB)
5. Handing 'email already in use' errors.mp4 (47.38 MB)
5.1 whatsApp emailInUse.zip (4.21 MB)
6. Displaying errors.mp4 (46.67 MB)
6.1 whatsApp handlingErrors.zip (4.21 MB)
7. Adding a loading spinner.mp4 (30.7 MB)
7.1 whatsApp loadingSpinner.zip (4.21 MB)
8. Sending user data to the database.mp4 (102.27 MB)
8.1 whatsApp creatingUsers.zip (4.21 MB)
9. Using Redux toolkit to manage app state.mp4 (38.97 MB)
9.1 whatsApp installingReduxToolkit.zip (4.35 MB)
1. Adding a custom page title element.mp4 (38.46 MB)
1.1 whatsApp pageTitle.zip (4.54 MB)
10. Outputting the default user profile image.mp4 (44.3 MB)
10.2 whatsApp outputtingUserImage.zip (4.6 MB)
11. Styling the user image.mp4 (28.97 MB)
11.1 whatsApp userImageStyle.zip (4.61 MB)
12. Adding an 'edit' icon.mp4 (48.11 MB)
12.1 whatsApp editIcon.zip (4.62 MB)
13. Requesting permission to access the user's images.mp4 (103.88 MB)
13.1 whatsApp requestingPermissions.zip (4.75 MB)
14. Opening the image picker.mp4 (44.52 MB)
14.1 whatsApp openingImagePicker.zip (4.74 MB)
15. Updating the page to show the new image.mp4 (54.93 MB)
15.1 whatsApp showingNewImage.zip (4.76 MB)
16. Getting the image blob data.mp4 (77.32 MB)
16.1 whatsApp imageBlob.zip (4.75 MB)
17. Uploading images using Firebase Storage.mp4 (139.38 MB)
17.1 whatsApp uploadingImages.zip (4.88 MB)
18. Saving the uploaded image to the user's database data.mp4 (56.41 MB)
18.1 whatsApp savingUploadedImages.zip (4.89 MB)
19. Updating the state data with the new profile picture.mp4 (29.78 MB)
19.1 whatsApp updatingUserStateData.zip (4.89 MB)
2. Fixing the margin of the settings page.mp4 (13.12 MB)
2.1 whatsApp settingsPageSpacing.zip (4.55 MB)
20. Image upload loading spinner.mp4 (51.83 MB)
20.1 whatsApp imageLoadingIndicator.zip (4.9 MB)
3. Adding the input fields.mp4 (103.02 MB)
3.1 whatsApp settingsInput.zip (4.55 MB)
4. Setting the initial values of the input fields.mp4 (46.12 MB)
4.1 whatsApp inputInitialValues.zip (4.56 MB)
5. Adding the save button.mp4 (40 MB)
5.1 whatsApp settingsSubmitButton.zip (4.56 MB)
6. Updating the user in the database.mp4 (88.33 MB)
6.1 whatsApp settingsSaveNewData.zip (4.57 MB)
7. Logout button.mp4 (41.56 MB)
7.1 whatsApp logout.zip (4.57 MB)
8. Updating the state with the new data.mp4 (59.44 MB)
8.1 whatsApp updateSettingsState.zip (4.58 MB)
9. Hiding the submit button when there are no changes.mp4 (60.43 MB)
9.1 whatsApp hidingSubmitWhenNoChanges.zip (4.58 MB)