Swift & iOS | WhatsApp Chat | MVVM | Firestore socket

Name: Swift & iOS | WhatsApp Chat | MVVM | Firestore socket
Rating: 4.7 (20 reviews)

build chat app like WhatsApp with Firestore socket connection with many features | Unread | Sections | Share media |

Created byAhmad Mustafa

Last updated 5/2024

English

What you'll learn

Build an app using Swift UIKit and MVVM pattern
Create socket chat connections between all the users
Login in with the user / with Google sign in
Add unread message count to the user for the count for all unread massages
Separates all the conversations by the days
Add share media Photos and videos from Gallery or from Camera
Record your nice voice in the chat
Share location by current location or from Google maps
Add search controller and delete the conversations

Course content

10 sections • 96 lectures • 14h 54m total length

Create the project9:33
Create UIViews13:50
Create UIViews 214:22
Build the login interface, a system login button with white title, black background, 50 height, corner radius 5, bold 18–19pt font, and wire its action to login; add sign up.
Attributes Title Button9:31
LoginViewModel and Validation12:27
Create Register VC9:24
Build and configure the register view controller, enabling navigation from login to register and back, add photo button, style the UI with a white background, and prepare custom text fields.
CustomeTextField23:08
PickerImageView6:06
Customs UIViews Components12:05

Integration intro2:25
Install pods5:04
Fix pods problem5:43
Update pods and fix latest framework issues8:26
Learn to update pods and resolve framework issues by migrating to Swift Package Manager, updating to the latest frameworks, adjusting deployment targets, and clearing caches for smooth iOS app builds.
Create Firebase6:13
Firestore + AuthCreadtional11:20
RegisterUser Firestore + Storage19:14
Login + Progress hud + Alert controller23:46
Login with Google8:55
Solve Google login errors (deprecated func) ‼️7:26
B Sign with Google13:33
Splash View Controller19:00
Github and repository10:03
Upload your Firebase-enabled app to GitHub by creating a private repository, configuring a personal access token, and pushing with git init, add, commit, and push.

The Conversation3:52
Build a real-time chat app with socket connections and Firestore storage for messages, images, and conversations. Start conversations, fetch users, and exchange data in real time via a Firestore API.
Create TableView and compose10:17
ConversationCell12:57
Create UserCell12:44
Chat Cell A9:42
Chat Cell B15:49
Chat Cell C10:02
Configure the chat cell with a flow layout and delegate flow layout, set 15-point section insets, and add sample messages for a view model-driven architecture.
InputView A20:32
InputView B18:11
Fetch Users21:13
Request/Response Data2:16
Create Message Services12:17
Create message services to fetch messages, fetch recent messages, and upload messages via a Firestore collection with a timestamp.
Create message model9:32
Create Message View Model15:30
Configure Data for message View model9:47
Configure the message view model in the chat cell, wiring message text, colors, timestamp, and profile image, then reload data to fetch recent messages and establish socket communication.
Fix message timestamp2:33
Fetch recent message20:36

Intro1:48
Learn to enhance a chat app with a search controller to find users by name or username, fetch all conversations, show empty-state hints, swipe-to-delete conversations, and add an app icon.
Create Search Controller4:44
Create filter conversation5:10
Configure filter Conversations3:20
Add search to new contact3:38
Empty View for conversation7:57
Empty view for Chat3:47
Add delete edit style3:21
Create delete func13:18
Note about the firestore data1:52
App Icon2:43

Requirements

A mac computer

Description

welcome everyone to Swift & iOS | WhatsApp Chat | MVVM | Firestore socket course

here you'll build a complete chat app like WhatsApp and any chat app,

That is the only course have all these features in one course, in this course you're building 100% code without a storyboard at all

In Addition, build create custom UIview components like labels images in one line, also you'll build and learn:

build an app using Swift UIKit and MVVM pattern
add the firebase as the backend
create socket chat connections between all the users
login in with the user / with Google sign in
Add unread message count to the user for the count for all unread massages
separates all the conversations by the days
add share media Photos and videos from Gallery or from Camera
record your nice voice in the chat
Share location by current location or from Google maps
edit your profile
add search controller and delete the conversations
parse the data between controller one-to-many and many to many

==========================

At the end of this course, your level in Swift will be increased and you'll able to build apps in UIkit 100% without Storyboard, we'll focus to build awesome UIview components in the best ways

and of course, you can add this app or add this chat module to your project and publish it to the AppStore

Who this course is for:

Beginner and/or Intermediate IOS Developers
People who want to build cool apps from scratch

Swift & iOS | WhatsApp Chat | MVVM | Firestore socket

What you'll learn

Explore related topics

Course content

Introduction9 lectures • 1hr 50min

Integration with Firebase, GitHub, CocoaPods13 lectures • 2hr 21min

Create Chat with Firestore socket connection17 lectures • 3hr 28min

Mark Unread messages count6 lectures • 42min

Add Sections and filter the Chat5 lectures • 32min

Share Media Photos and Videos12 lectures • 1hr 42min

Recording Voice7 lectures • 59min

Send Location & Google Map8 lectures • 1hr 9min

Create Profile and edit it8 lectures • 1hr 21min

Search Controller | Empty Label | Delete Conversations11 lectures • 52min

Requirements

Description

Who this course is for: