Swift & iOS | WhatsApp Chat | MVVM | Firestore socket

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

4.65 (13 reviews)
Udemy
platform
English
language
Mobile Apps
category
instructor
100
students
15 hours
content
Jul 2023
last update
$64.99
regular price

What you will 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

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

Content

Introduction

Create the project
Create UIViews
Create UIViews 2
Attributes Title Button
LoginViewModel and Validation
Create Register VC
CustomeTextField
PickerImageView
Customs UIViews Components

Integration with Firebase, GitHub, CocoaPods

Integration intro
Install pods
Fix pods problem
Create Firebase
Firestore + AuthCreadtional
RegisterUser Firestore + Storage
Login + Progress hud + Alert controller
Login with Google
B Sign with Google
Splash View Controller
Github and repository

Create Chat with Firestore socket connection

The Conversation
Create TableView and compose
ConversationCell
Create UserCell
Chat Cell A
Chat Cell B
Chat Cell C
InputView A
InputView B
Fetch Users
Request/Response Data
Create Message Services
Create message model
Create Message View Model
Configure Data for message View model
Fix message timestamp
Fetch recent message

Mark Unread messages count

UnRead MSG
Create unRead label
UnRead Login
UnRead API
Fetch UnRead Count
Mark Read All Msg

Add Sections and filter the Chat

Introduce to sections
Grouping Messages
SortedKeys
Chat Supplementary Element
Pin Header Sections

Share Media Photos and Videos

Intro to Share Media
Refresh your info
Create attach and record button
Create attach Alert
Image picker controller
Get Media Type
Upload image to firestore
Show the image uploaded
Upload video to firsebase
Play the video in the Chat
Show Image part 1
Show Image part 2

Recording Voice

Intro To Recording
Create record stack view
Add Duration and Timer
Start Record Voice
Handle Audio URL
Upload audio to the firebase
Play stop audio

Send Location & Google Map

Intro To Location
Create Fake Locations
Create Location Manger
Upload location to firebase
Handle location to google map
Create Google Map
Configure google map
Send the select location

Create Profile and edit it

Intro to edit profile
Create profile info
Create profile cell
Profile Field Options
Create Edit Profile
Create edit UIViews
Update data to the firebase
Parsing data using Notification Center

Search Controller | Empty Label | Delete Conversations

Intro
Create Search Controller
Create filter conversation
Configure filter Conversations
Add search to new contact
Empty View for conversation
Empty view for Chat
Add delete edit style
Create delete func
Note about the firestore data

Screenshots

Swift & iOS | WhatsApp Chat | MVVM | Firestore socket - Screenshot_01Swift & iOS | WhatsApp Chat | MVVM | Firestore socket - Screenshot_02Swift & iOS | WhatsApp Chat | MVVM | Firestore socket - Screenshot_03Swift & iOS | WhatsApp Chat | MVVM | Firestore socket - Screenshot_04

Reviews

Suciaghi
June 25, 2023
Very good course, easy to understand, clean code and Ahmad is a message away if you need extra help from him.

Charts

Price

Swift & iOS | WhatsApp Chat | MVVM | Firestore socket - Price chart

Rating

Swift & iOS | WhatsApp Chat | MVVM | Firestore socket - Ratings chart

Enrollment distribution

Swift & iOS | WhatsApp Chat | MVVM | Firestore socket - Distribution chart

Related Topics

5062296
udemy ID
1/5/2023
course created date
1/29/2023
course indexed date
Bot
course submited by