Companies Home Search Profile

Create a WhatsApp Clone in React Native - Mobile App Guide

Focused View

Reece Kenney

19:24:49

137 View
  • 1. Intro video (from course landing page).mp4
    01:16
  • 2. How to ask questions.html
  • 3. What is Expo.mp4
    02:05
  • 4. Creating our project!.mp4
    06:00
  • 5.1 whatsApp-projectOverview.zip
  • 5. A quick rundown of the project structure.mp4
    06:03
  • 6. Where do I find the source code.mp4
    02:43
  • 7. Some useful VS Code extensions.mp4
    02:34
  • 8. Running the app on a real device.mp4
    02:34
  • 9. Running the app on an Android emulator.mp4
    06:03
  • 10. Running the app on an iOS emulator.mp4
    02:32
  • 1.1 whatsApp-styleBasics.zip
  • 1. Styling elements.mp4
    03:57
  • 2.1 whatsApp-buttonBasics.zip
  • 2. Buttons.mp4
    03:33
  • 3.1 whatsApp-safeArea.zip
  • 3. SafeArea.mp4
    05:56
  • 4.1 whatsApp-useState.zip
  • 4. Hooks - useState.mp4
    09:10
  • 5.1 whatsApp-useEffect.zip
  • 5. Hooks useEffect.mp4
    05:13
  • 6.1 whatsApp-useCallback.zip
  • 6. Hooks - useCallback.mp4
    07:11
  • 1.1 whatsApp-addingFonts.zip
  • 1. Picking a custom font.mp4
    04:10
  • 2.1 whatsApp-expoSplashScreen.zip
  • 2. Showing a splash screen while loading.mp4
    09:25
  • 3.1 splashscreen.zip
  • 3.2 splashscreen.zip
  • 3.3 whatsApp-customSplashScreen.zip
  • 3. Adding a custom splash screen.mp4
    02:17
  • 4.1 whatsApp-fonts.zip
  • 4. Setting custom fonts.mp4
    06:44
  • 1.1 whatsApp-reactNavigation.zip
  • 1. Installing React Navigation.mp4
    05:14
  • 2.1 whatsApp-stackNavigator.zip
  • 2. Creating the stack navigator.mp4
    06:59
  • 3.1 whatsApp-screenFix.zip
  • 3. Fixing the screen display.mp4
    02:38
  • 4.1 whatsApp-navigatingToScreen.zip
  • 4. Navigating to a screen on button press.mp4
    04:17
  • 5.1 whatsApp-navigationOptions.zip
  • 5. Configuring the navigation options.mp4
    04:43
  • 6.1 whatsApp-bottomTabs.zip
  • 6. Adding bottom tabs.mp4
    06:24
  • 7.1 whatsApp-navigatorTitles.zip
  • 7. Configuring the titles of our navigators.mp4
    03:48
  • 8.1 whatsApp-icons.zip
  • 8. Displaying icons on our bottom tabs.mp4
    10:39
  • 9.1 whatsApp-appNavigator.zip
  • 9. Separating our navigator into its own file.mp4
    04:22
  • 10.1 whatsApp-mainNavigator.zip
  • 10. Separating the logged in navigator.mp4
    05:51
  • 1.1 whatsApp-chatScreen.zip
  • 1. Creating the chat screen.mp4
    03:35
  • 2.1 droplet.zip
  • 2.2 whatsApp-backgroundImage.zip
  • 2. Setting the background image.mp4
    03:54
  • 3.1 whatsApp-chatPageSafeArea.zip
  • 3. Handling the chat safe area.mp4
    03:56
  • 4.1 whatsApp-buttonIcons.zip
  • 4. Buttons with icons.mp4
    06:03
  • 5.1 whatsApp-inputStyles.zip
  • 5. Styling the textbox and buttons.mp4
    04:32
  • 6.1 whatsApp-showingSendButton.zip
  • 6. Showing a send button as the user types.mp4
    05:14
  • 7.1 whatsApp-sendButtonStyle.zip
  • 7. Styling the send button.mp4
    03:14
  • 8.1 whatsApp-sendMessage.zip
  • 8. Handing a message being submitted.mp4
    02:37
  • 9.1 whatsApp-keyboardAvoidingView.zip
  • 9. Fixing the textbox being hidden behind the keyboard.mp4
    05:15
  • 1.1 whatsApp-authScreen.zip
  • 1. Creating the sign up screen.mp4
    03:37
  • 2.1 whatsApp-pageContainer.zip
  • 2. Adding a page container component.mp4
    07:30
  • 3.1 whatsApp-customInput.zip
  • 3. Creating a custom input component.mp4
    05:33
  • 4.1 whatsApp-inputIcon.zip
  • 4. Adding an icon to the input.mp4
    07:30
  • 5.1 whatsApp-labelStyle.zip
  • 5. Styling the label.mp4
    02:05
  • 6.1 whatsApp-inputStyle.zip
  • 6. Styling the textbox.mp4
    02:16
  • 7.1 whatsApp-errorText.zip
  • 7. Displaying error text.mp4
    05:27
  • 8.1 whatsApp-submitButton.zip
  • 8. Creating a custom submit button.mp4
    07:09
  • 9.1 whatsApp-buttonTitle.zip
  • 9. Submit button title, onPress and remaining style.mp4
    03:21
  • 10.1 whatsApp-switchingForms.zip
  • 10. Switching between sign up and sign in forms.mp4
    09:55
  • 11.1 whatsApp-formImage.zip
  • 11. Setting the form image.mp4
    04:29
  • 12.1 whatsApp-signUpKeyboardAvoidingView.zip
  • 12. Prevent keyboard from hiding the form.mp4
    04:31
  • 1.1 whatsApp-handlingTextChanged.zip
  • 1. Handling text changed.mp4
    06:04
  • 2.1 whatsApp-validationDemo.zip
  • 2. Validation demo.mp4
    05:02
  • 3.1 whatsApp-stringValidation.zip
  • 3. First name and last name validation.mp4
    07:20
  • 4.1 whatsApp-refactoringValidation.zip
  • 4. Refactoring the validation functionality.mp4
    03:14
  • 5.1 whatsApp-improvingReturnValue.zip
  • 5. Improving the return value.mp4
    01:14
  • 6.1 whatsApp-remainingValidation.zip
  • 6. Validating emails and passwords.mp4
    03:16
  • 7.1 whatsApp-textboxImprovements.zip
  • 7. Improving our textboxes.mp4
    03:22
  • 8.1 whatsApp-signInValidation.zip
  • 8. Validating the sign in form values.mp4
    05:32
  • 9.1 whatsApp-useReducer.zip
  • 9. Managing form state with useReducer.mp4
    08:40
  • 10.1 whatsApp-evaluatingFormValidity.zip
  • 10. Evaluating the whole forms validity.mp4
    05:06
  • 11.1 whatsApp-evaluatingSignInForm.zip
  • 11. Evaluating the whole sign in form validity.mp4
    04:40
  • 12.1 whatsApp-showingErrorMessages.zip
  • 12. Displaying the error messages.mp4
    03:20
  • 1.1 whatsApp-inputValues.zip
  • 1. Getting the form values.mp4
    05:51
  • 2.1 whatsApp-firebase.zip
  • 2. Creating our Firebase project.mp4
    06:33
  • 3.1 whatsApp-firebaseHelper.zip
  • 3. Firebase helper file.mp4
    02:34
  • 4.1 whatsApp-creatingUserInFirebase.zip
  • 4. Authenticating a user with Firebase.mp4
    05:49
  • 5.1 whatsApp-emailInUse.zip
  • 5. Handing email already in use errors.mp4
    04:29
  • 6.1 whatsApp-handlingErrors.zip
  • 6. Displaying errors.mp4
    04:34
  • 7.1 whatsApp-loadingSpinner.zip
  • 7. Adding a loading spinner.mp4
    03:13
  • 8.1 whatsApp-creatingUsers.zip
  • 8. Sending user data to the database.mp4
    11:19
  • 9.1 whatsApp-installingReduxToolkit.zip
  • 9. Using Redux toolkit to manage app state.mp4
    04:14
  • 10.1 whatsApp-authSlice.zip
  • 10. Configuring out auth slice.mp4
    03:53
  • 11.1 whatsApp-dispatchingActions.zip
  • 11. Saving auth info to the state.mp4
    07:52
  • 12.1 whatsApp-accessingState.zip
  • 12. Accessing data from the state.mp4
    02:57
  • 13.1 whatsApp-showingMainNavigator.zip
  • 13. Going to the main page when they sign up.mp4
    01:54
  • 14.1 whatsApp-savingSignInData.zip
  • 14. Saving sign in data to storage.mp4
    05:12
  • 15.1 whatsApp-startUpScreen.zip
  • 15. Creating the start up screen.mp4
    05:36
  • 16.1 whatsApp-handlingNoStorage.zip
  • 16. Handling when storage is empty.mp4
    05:31
  • 17.1 whatsApp-handlingExpiredTokens.zip
  • 17. Handling an expired token.mp4
    03:50
  • 18.1 whatsApp-autoLogIn.zip
  • 18. Auto logging in if a token exists.mp4
    05:20
  • 19.1 whatsApp-manuallyClearingStorage.zip
  • 19. Clearing the storage - forcing the log out.mp4
    01:54
  • 20.1 whatsApp-signingIn.zip
  • 20. Signing in.mp4
    08:11
  • 21.1 whatsApp-signInErrors.zip
  • 21. Handling sign in errors.mp4
    04:37
  • 22.1 whatsApp-errorFix.zip
  • 22. Fixing error Cant perform a React state update on an unmounted component.mp4
    00:52
  • 23.1 whatsApp-logoutTimer.zip
  • 23. Logout timer.mp4
    05:53
  • 24.1 whatsApp-signInLoadingSpinner.zip
  • 24. Loading spinner for the sign in form.mp4
    01:40
  • 25.1 whatsApp-signInTestMode.zip
  • 25. test mode for quick sign in.mp4
    03:15
  • 1.1 whatsApp-pageTitle.zip
  • 1. Adding a custom page title element.mp4
    04:38
  • 2.1 whatsApp-settingsPageSpacing.zip
  • 2. Fixing the margin of the settings page.mp4
    01:39
  • 3.1 whatsApp-settingsInput.zip
  • 3. Adding the input fields.mp4
    10:17
  • 4.1 whatsApp-inputInitialValues.zip
  • 4. Setting the initial values of the input fields.mp4
    04:59
  • 5.1 whatsApp-settingsSubmitButton.zip
  • 5. Adding the save button.mp4
    04:03
  • 6.1 whatsApp-settingsSaveNewData.zip
  • 6. Updating the user in the database.mp4
    08:08
  • 7.1 whatsApp-logout.zip
  • 7. Logout button.mp4
    04:00
  • 8.1 whatsApp-updateSettingsState.zip
  • 8. Updating the state with the new data.mp4
    05:48
  • 9.1 whatsApp-hidingSubmitWhenNoChanges.zip
  • 9. Hiding the submit button when there are no changes.mp4
    05:35
  • 10.1 userimage.zip
  • 10.2 whatsApp-outputtingUserImage.zip
  • 10. Outputting the default user profile image.mp4
    04:39
  • 11.1 whatsApp-userImageStyle.zip
  • 11. Styling the user image.mp4
    03:12
  • 12.1 whatsApp-editIcon.zip
  • 12. Adding an edit icon.mp4
    04:56
  • 13.1 whatsApp-requestingPermissions.zip
  • 13. Requesting permission to access the users images.mp4
    10:21
  • 14.1 whatsApp-openingImagePicker.zip
  • 14. Opening the image picker.mp4
    04:11
  • 15.1 whatsApp-showingNewImage.zip
  • 15. Updating the page to show the new image.mp4
    05:21
  • 16.1 whatsApp-imageBlob.zip
  • 16. Getting the image blob data.mp4
    07:58
  • 17.1 whatsApp-uploadingImages.zip
  • 17. Uploading images using Firebase Storage.mp4
    12:47
  • 18.1 whatsApp-savingUploadedImages.zip
  • 18. Saving the uploaded image to the users database data.mp4
    05:40
  • 19.1 whatsApp-updatingUserStateData.zip
  • 19. Updating the state data with the new profile picture.mp4
    02:56
  • 20.1 whatsApp-imageLoadingIndicator.zip
  • 20. Image upload loading spinner.mp4
    04:53
  • 1.1 whatsApp-headerButton.zip
  • 1. Adding the create chat header button.mp4
    08:16
  • 2.1 whatsApp-openingNewChatPage.zip
  • 2. Opening the new chat page.mp4
    08:56
  • 3.1 whatsApp-creatingSearchBox.zip
  • 3. Creating our user search box.mp4
    04:53
  • 4.1 whatsApp-noResultsFound.zip
  • 4. Showing a message when no results were found.mp4
    06:23
  • 5.1 whatsApp-searchTimer.zip
  • 5. Searching after the user stops typing.mp4
    06:43
  • 6.1 whatsApp-searchingUsers.zip
  • 6. Searching for users.mp4
    10:23
  • 7.1 whatsApp-outputtingData.zip
  • 7. Outputting search results.mp4
    05:54
  • 8. Adding fake users.mp4
    03:42
  • 9.1 whatsApp-dataItem.zip
  • 9. Creating our search result component.mp4
    05:24
  • 10.1 whatsApp-stylingDataItem.zip
  • 10. Styling the search results.mp4
    06:31
  • 11.1 whatsApp-hidingEditButton.zip
  • 11. Hiding the profile image edit button.mp4
    04:17
  • 1.1 whatsApp-navigatingToChatScreen.zip
  • 1. Selecting the user we want to chat with.mp4
    06:43
  • 2.1 whatsApp-savingStoredUsers.zip
  • 2. Storing found users in the state.mp4
    11:39
  • 3.1 whatsApp-retrievingStoredUsers.zip
  • 3. Getting the user data from the stored users.mp4
    06:10
  • 4.1 whatsApp-newChatBubble.zip
  • 4. Showing a message when its a new chat.mp4
    05:13
  • 5.1 whatsApp-stylingBubble.zip
  • 5. Styling the new chat message bubble.mp4
    06:10
  • 6.1 whatsApp-creatingChats.zip
  • 6. Creating the chat when a message is sent.mp4
    12:18
  • 1.1 whatsApp-getChatsOnLogin.zip
  • 1. Getting the user chats when the app starts.mp4
    07:29
  • 2.1 whatsApp-unsubscribingListeners.zip
  • 2. Unsubscribing the firebase listeners.mp4
    04:46
  • 3.1 whatsApp-retrievingChatData.zip
  • 3. Getting the data for each of the users chats.mp4
    03:50
  • 4.1 whatsApp-savingChatDataToState.zip
  • 4. Saving the chat data to state.mp4
    07:42
  • 5.1 whatsApp-loadingSpinnerGetChats.zip
  • 5. Showing a loading spinner while we load the chats.mp4
    03:26
  • 6.1 whatsApp-chatListFlatList.zip
  • 6. Iterating the chat list.mp4
    06:39
  • 7.1 whatsApp-setStoredUsers.zip
  • 7. Setting the stored users on login.mp4
    08:51
  • 8.1 whatsApp-outputtingChatData.zip
  • 8. Outputting the user data.mp4
    06:39
  • 9.1 whatsApp-navigatingToChats.zip
  • 9. Navigating to the chats on press.mp4
    04:05
  • 1.1 whatsApp-sendMessages.zip
  • 1. Sending text based messages.mp4
    06:47
  • 2.1 whatsApp-updatingChat.zip
  • 2. Updating chat data when message is sent.mp4
    03:06
  • 3.1 whatsApp-messagesSlice.zip
  • 3. Adding messages to app state when the app loads.mp4
    07:25
  • 4.1 whatsApp-latestMessageText.zip
  • 4. Displaying the latest message text underneath the chat.mp4
    03:57
  • 1.1 whatsApp-errorBubble.zip
  • 1. Showing an error message when messages fail to send.mp4
    05:29
  • 2.1 whatsApp-getMessagesForChat.zip
  • 2. Only retrieving messages for the chat were looking at.mp4
    05:18
  • 3.1 whatsApp-stylingOurMessages.zip
  • 3. Styling message that we sent.mp4
    06:16
  • 4.1 whatsApp-stylingTheirMessages.zip
  • 4. Styling the messages sent by others.mp4
    02:45
  • 1.1 whatsApp-longPress.zip
  • 1. Reacting to long presses on the messages.mp4
    07:29
  • 2.1 whatsApp-openingMenu.zip
  • 2. Opening the context menu on long press.mp4
    09:57
  • 3.1 whatsApp-copyToClipboard.zip
  • 3. Copy to clipboard menu option.mp4
    04:35
  • 4.1 whatsApp-customMenuItems.zip
  • 4. Customising the menu item components.mp4
    07:17
  • 1.1 whatsApp-starMessages.zip
  • 1. Calling the star message function.mp4
    07:33
  • 2.1 whatsApp-starMessagesDatabase.zip
  • 2. Adding starred messages to the database.mp4
    04:02
  • 3.1 whatsApp-starredMessagesState.zip
  • 3. Adding and removing starred messages in the app state.mp4
    04:51
  • 4.1 whatsApp-settingInitialStarredMessages.zip
  • 4. Setting the initial starred messages state.mp4
    04:29
  • 5.1 whatsApp-updatingStarredMessageUI.zip
  • 5. Updating the menu option for star and unstar.mp4
    04:25
  • 6. Showing a star icon next to the message.mp4
    02:04
  • 7.1 whatsApp-outputMessageDate.zip
  • 7. Outputting the date next to the message.mp4
    06:00
  • 1.1 whatsApp-setReplyTo.zip
  • 1. Selecting a message to reply to.mp4
    05:04
  • 2.1 whatsApp-replyToComponent.zip
  • 2. Creating our reply component.mp4
    04:53
  • 3.1 whatsApp-replyToStyle.zip
  • 3. Styling the reply section.mp4
    02:40
  • 4.1 whatsApp-cancelReply.zip
  • 4. Cancelling the reply.mp4
    02:21
  • 5.1 whatsApp-sendingReplyToDatabase.zip
  • 5. Sending the reply to the database.mp4
    03:03
  • 6.1 whatsApp-displayingReply.zip
  • 6. Showing the message were replying to.mp4
    05:00
  • 7.1 whatsApp-replyFinishingTouches.zip
  • 7. Finishing touches to the replies.mp4
    03:06
  • 1.1 whatsApp-openingTheImagePicker.zip
  • 1. Opening the image picker.mp4
    03:56
  • 2.1 whatsApp-awesomeAlert.zip
  • 2. Showing the popup image confirmation.mp4
    07:53
  • 3.1 whatsApp-uploadChatImages.zip
  • 3. Uploading chat images.mp4
    09:25
  • 4.1 whatsApp-sendingImageMessage.zip
  • 4. Sending the image message.mp4
    06:41
  • 5.1 whatsApp-outputtingImage.zip
  • 5. Outputting uploaded images.mp4
    04:32
  • 6.1 whatsApp-fixNewChatImage.zip
  • 6. Bug fix Creating a new chat by sending a message.mp4
    02:57
  • 7.1 whatsApp-uploadingFromCamera.zip
  • 7. Sending pictures from your camera.mp4
    05:08
  • 8.1 whatsApp-scrollingToBottom.zip
  • 8. Scrolling the chat to the bottom on new message.mp4
    03:58
  • 1.1 whatsApp-newGroupButton.zip
  • 1. Creating a new group button.mp4
    02:49
  • 2.1 whatsApp-chatNameTextbox.zip
  • 2. Creating the chat name textbox.mp4
    05:42
  • 3.1 whatsApp-createChatButton.zip
  • 3. Adding the create button.mp4
    04:57
  • 4.1 whatsApp-dataItemCheckbox.zip
  • 4. Creating the user checkboxes.mp4
    06:31
  • 5.1 whatsApp-selectedUsers.zip
  • 5. Selecting users for our group chat.mp4
    06:17
  • 6.1 whatsApp-outputSelectedUsers.zip
  • 6. Outputting the selected users.mp4
    07:37
  • 7.1 whatsApp-removeSelectedUser.zip
  • 7. Removing a selected user when pressed.mp4
    02:26
  • 8. Styling the selected users list items.mp4
    05:49
  • 9.1 whatsApp-scrollListToEnd.zip
  • 9. Scrolling the selected users list to the end.mp4
    02:38
  • 10.1 whatsApp-creatingGroupChat.zip
  • 10. Handing the create button press.mp4
    06:19
  • 11.1 whatsApp-openingExistingChat.zip
  • 11. Opening an existing chat if one with that user exists.mp4
    04:06
  • 12.1 whatsApp-fixKeyboardAvoidingView.zip
  • 12. [Bug fix] Fixing space at bottom of screen when on a new chat.mp4
    03:48
  • 13. Some small UI updates when its a group chat.mp4
    04:49
  • 14.1 whatsApp-senderName.zip
  • 14. Outputting the sender name when its a group chat.mp4
    03:23
  • 1.1 whatsApp-settingsButton.zip
  • 1. Creating the chat settings button.mp4
    03:38
  • 2.1 whatsApp-contactScreen.zip
  • 2. Creating the contact screen.mp4
    03:16
  • 3.1 whatsApp-displayingContactDetails.zip
  • 3. Showing the contacts name and profile image.mp4
    06:44
  • 4.1 whatsApp-commonChats.zip
  • 4. Getting the common chats.mp4
    05:32
  • 5.1 whatsApp-outputtingCommonChats.zip
  • 5. Outputting the common chats.mp4
    04:13
  • 6.1 whatsApp-commonChatsOnPress.zip
  • 6. Navigating to the common chats when clicked.mp4
    03:35
  • 1.1 whatsApp-chatSettingsPage.zip
  • 1. Navigating to the chat settings page.mp4
    04:54
  • 2.1 whatsApp-uploadingChatImages.zip
  • 2. Changing the group chat image.mp4
    08:54
  • 3.1 whatsApp-usingChatImages.zip
  • 3. Using the chat image elsewhere.mp4
    01:26
  • 4.1 whatsApp-chatNameFormHandler.zip
  • 4. Creating the form handler for updating the chat name.mp4
    07:33
  • 5.1 whatsApp-updatingChatName.zip
  • 5. Updating the chat name.mp4
    06:48
  • 6.1 whatsApp-chatNameSuccessMessage.zip
  • 6. Showing a success message when the name is updated.mp4
    01:27
  • 7.1 whatsApp-chatUsersSection.zip
  • 7. Creating a section for displaying the chat users.mp4
    06:57
  • 8. Outputting chat users.mp4
    06:15
  • 1.1 whatsApp-removeFromChatButton.zip
  • 1. Showing the remove from chat button.mp4
    02:53
  • 2.1 whatsApp-removeUserBehaviour.zip
  • 2. Showing a loading spinner while a user is bring removed.mp4
    03:40
  • 3.1 whatsApp-removeUserDatabase.zip
  • 3. Removing the user from the chat in the database.mp4
    04:07
  • 4.1 whatsApp-removeUserChat.zip
  • 4. Removing the chat from the users chat list.mp4
    07:04
  • 5.1 whatsApp-sendingInfoMessage.zip
  • 5. Sending info message User A removed User B from the chat.mp4
    05:17
  • 6.1 whatsApp-styleInfoMessage.zip
  • 6. Styling the info messages.mp4
    03:49
  • 7.1 whatsApp-leaveChat.zip
  • 7. Leaving chats.mp4
    10:05
  • 8.1 whatsApp-removeFromChatBugFix.zip
  • 8. Bug fix Prevent remove from chat button showing when not in group chat.mp4
    00:48
  • 1.1 whatsApp-viewUsersButton.zip
  • 1. Adding the view all users button.mp4
    03:37
  • 2.1 whatsApp-navigatingToDataListScreen.zip
  • 2. Navigating to the data list screen.mp4
    02:17
  • 3.1 whatsApp-settingDataListScreenTitle.zip
  • 3. Setting the title of the data list screen.mp4
    02:38
  • 4.1 whatsApp-outputAllUsers.zip
  • 4. Outputting all the users of the chat.mp4
    05:41
  • 5.1 whatsApp-dataListNavigation.zip
  • 5. Data list item on press.mp4
    03:15
  • 1.1 whatsApp-hideExistingUsers.zip
  • 1. Excluding existing participants from search results.mp4
    04:28
  • 2.1 whatsApp-isNewChat.zip
  • 2. Updating the UI if were adding users to an existing chat.mp4
    04:02
  • 3.1 whatsApp-selectedUsersList.zip
  • 3. Passing the selected users to the previous screen.mp4
    03:52
  • 4.1 whatsApp-addToUsersChatList.zip
  • 4. Adding the chat to the users chat list.mp4
    05:16
  • 5.1 whatsApp-updatingChatDataWithNewUsers.zip
  • 5. Saving new users in the chat data.mp4
    02:24
  • 6.1 whatsApp-addUsersConfirmationMessage.zip
  • 6. Sending a confirmation message when a user has been added.mp4
    06:16
  • 1. Showing the button to view start messages.mp4
    02:28
  • 2.1 whatsApp-viewStarredMessages.zip
  • 2. Outputting the starred messages.mp4
    05:44
  • 3.1 whatsApp-settingsStarredMessages.zip
  • 3. Showing starred messages on the settings page.mp4
    04:50
  • 1.1 whatsApp-configuringPushNotifications.zip
  • 1. Configuring the app for push notifications.mp4
    10:21
  • 2. Sending test push notifications.mp4
    03:30
  • 3.1 whatsApp-storingPushTokens.zip
  • 3. Storing the device push tokens on sign in.mp4
    10:40
  • 4.1 whatsApp-removingPushTokens.zip
  • 4. Removing push tokens on logout.mp4
    07:10
  • 5. Bug fix Cant logout when auth token has expired.mp4
    01:32
  • 6.1 whatsApp-sendingPushNotificationsForMessages.zip
  • 6. Sending push notifications when a message is sent.mp4
    08:29
  • 7.1 whatsApp-sendingPushNotificationsForImages.zip
  • 7. Sending push notifications when an image is sent.mp4
    01:54
  • 8.1 whatsApp-notificationClickHandler.zip
  • 8. Handing the notification click event.mp4
    04:57
  • Description


    Use React Native to build an instant messenger like WhatsApp for iOS and Android devices

    What You'll Learn?


    • Learn how to use react native to create mobile apps
    • Learn how to create an instant messaging system
    • Learn how to use Firebase to store data
    • Learn how to create registration systems allowing users to sign up to your app

    Who is this for?


  • Anyone that wants to learn how to build mobile apps using React Native
  • Anyone that wants to build an instant messenger using React Native
  • More details


    Description

    Do you want to become an expert in building mobile apps using React Native/JavaScript? And how about Firebase as a database system? Do you want to build an instant messenger just like WhatsApp?

    If so, you’re in the right place! This course will guide you step by step in creating your own WhatsApp clone COMPLETELY from scratch.

    We’re talking the kind of app that will amaze anybody that sees it. The kind of app that will get you hired in no time!

    Why let me teach you?

    I work as a Software Engineer at Microsoft where I build products used by millions of people all over the world! I want to take the skills I’ve gained through years of working with some of the best developers in the world and transfer them directly to you!

    I’ve taught tens of thousands of students here on Udemy and created some of the most popular development courses available!

    Okay so what’s the course about?

    I will personally guide you, step by step, in creating your own social network site just like WhatsApp complete with:

    • Instant messaging in real time

    • Sending image messages

    • Group chat support

    • Profile pictures

    • Group chat photos

    • Message replies

    • A full user search

    • Settings pages

    • and much more!

    Whether you are a beginner* or an experienced programmer, this course will be massively beneficial to you.

    Why should I take the course?

    In the programming world, the “big 4” often consists of Google, Microsoft, Facebook and Amazon. To get a job at any of these companies, you absolutely MUST know the essentials like JavaScript. In addition to this, React Native is incredibly hot right now so learning this will be a huge deal to an employer.

    If you take this course, you will have nothing to worry about because we use all of these skills extensively!

    Support: 

    By enrolling in this course, you will have the COMPLETE support of a Microsoft Software Engineer (me). I'm always ready to answer any question you may have. Programming issues, errors, feature requests, general programming advice - it doesn't matter, I'm always happy to help! I always aim to respond to questions within a few hours and it's also worth noting that I've answered EVERY SINGLE question asked so far.

    Future course discounts:

    By enrolling in this course, you will get access to ALL of my current and future courses for the lowest possible discount we as instructors are capable of offering on Udemy - FOREVER. 

    Project portfolio:

    The site you create in this course will be the highlight of your project portfolio! Any potential employer who see's this project on your resume will want to hear all about it. The reason? They know that a project like this means you're familiar with the wide range of technical skills they need their employees to know.  

    Fun!

    Finally, this project is a lot of fun and I know you'll have a great time implementing your own unique ideas as well as the ones we implement together. What are you waiting for? 


    * Although this course is suitable for beginners, it is not an introduction to development course. I won't go into much detail when explaining the basic programming concepts but I'm here to help if you want more of an explanation - just let me know!

    Who this course is for:

    • Anyone that wants to learn how to build mobile apps using React Native
    • Anyone that wants to build an instant messenger using React Native

    User Reviews
    Rating
    0
    0
    0
    0
    0
    average 0
    Total votes0
    Focused display
    Category
    Reece Kenney
    Reece Kenney
    Instructor's Courses
    Hi there! My name is Reece Kenney, and I’m from Rugby, England. I currently work as a Software Engineer at Microsoft where I spend my days doing a range of front end and back end development using languages such as JavaScript, TypeScript and C# to name a few! Through my work at Microsoft, I have a lot of experience developing products that are used by millions of people every day! I’m also fortunate enough to work alongside some of the best and brightest software engineers in the world. I’m here on Udemy to share my knowledge with as many people as possible and hopefully make a difference in people’s lives. I love to teach and can’t wait to personally guide you towards your own personal goals! If you take any of my courses, you’ll have my full support every step of the way!
    Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.
    • language english
    • Training sessions 225
    • duration 19:24:49
    • Release Date 2022/12/06