Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Build Real-Time Chat App with SwiftUI & Firebase

Name: Build Real-Time Chat App with SwiftUI & Firebase
Rating: 4.6 (86 reviews)

Create a Robust Chat Application with SwiftUI & Firebase - Learn the Fundamentals and Best Practices

Created byMohammad Azam

Last updated 12/2023

English

What you'll learn

How to use SwiftUI to build user interfaces for iOS apps
How to set up a Firebase project and configure authentication
How to build a real-time database using Firebase
How to send and receive messages in real-time using Firebase's database
How to create and join chat rooms within the app
How to store and retrieve media files like images, videos, and audio files using Firebase's storage
How to manage real-time data synchronization and storage with Firebase's Firestore

Course content

10 sections • 42 lectures • 4h 57m total length

Introduction2:23
Prerequisites1:25
Exercise Files0:23
Access lecture-specific exercise files by clicking resources to download the files for each lecture, and switch sections to download files for any lecture you want.

Creating Project on Firebase Console3:33
Integrating Firebase into an iOS App6:40
Integrate Firebase into an iOS app by configuring the Firebase project, registering the app with the correct bundle ID, downloading and adding GoogleService-Info.plist, and adding dependencies via Swift Package Manager.
Initializing Firebase2:52
Learn how to initialize Firebase in a SwiftUI app, import Firebase Core, register the app delegate, and prepare to use authentication, storage, and Firestore.

Structuring the App Using MainView4:59
AppState and Navigation11:48
Build a SwiftUI navigation system by creating an app state with routes, using a navigation stack and path, and injecting the state to manage main, login, and signup screens.
FIX - Going to LoginView After Successful SignUp0:45
Building Add Groups User Interface9:53
Adding Group to Firestore Database17:07
Resource: Map Cloud Firestore data with Swift Codable0:11
Fixing Scene Configuration Warning1:25
Displaying Groups9:42

Chat Bubble Implementation Part 19:16
Build a chat message bubble interface in SwiftUI, featuring left and right aligned bubbles, display name, message text, date, and optional attachments, with a direction-based overlay arrow and color.
Chat Bubble Implementation Part 27:46
Detect the current user with Firebase auth and display their messages on the right in blue, others on the left in gray using edge alignment and spacers.
Auto Scrolling to Latest Messages6:40

Creating the Interface7:59
Implementing ImagePicker9:06
Learn to implement a custom image picker in SwiftUI by wrapping UIImagePickerController via view controller representable, creating a coordinator, binding the image, and enabling camera or library input.
Using ImagePicker6:25
Resizing Images5:12
Resource: Resizing Images in Swift
Uploading Image to Firebase Storage15:27
Update Display Name & All User Messages9:43

Adding Photos with Chat Messages10:14
Implementing ChatMessageInputView11:28
Create a real-time chat input in SwiftUI bound to group detail config for text and image data, with a plus button to pick or capture photos and send via closure.
Developing the User Interface for Selecting Photos7:27
Develop a user interface in the group detail view that presents camera or photo library options via a confirmation dialog and invokes an image picker.
Uploading Photos to Firebase Storage and Inserting Photos in Chat Messages7:19
Previewing Image7:43
Displaying Attachment in Messages List10:40

Requirements

Some prior experience with Swift programming language
Familiarity with iOS app development
Basic knowledge of Xcode
Understanding of fundamental programming concepts like variables, functions, and data types
Familiarity with building user interfaces using SwiftUI is helpful, but not required

Description

Welcome to "Build Real-Time Chat App with SwiftUI & Firebase" - the ultimate course for anyone who wants to create a fully functional chat application from scratch!

In this course, you will learn how to use SwiftUI, the modern framework for building user interfaces, and Firebase, a cloud-based platform for building web and mobile applications, to create a real-time chat app.

We will start by exploring the fundamentals of SwiftUI, including views, layouts, and navigation, and then dive into Firebase, where we will learn how to set up a Firebase project, configure authentication, and build a real-time database.

Once we have a solid foundation, we will build the core features of our chat app, such as sending and receiving messages, creating and joining chat rooms.

Throughout the course, you will learn best practices for building scalable, performant, and secure applications, and gain valuable experience working with SwiftUI and Firebase.

In addition, we will cover Firebase Authentication, Firebase Storage, and Firebase Firestore. With Firebase Authentication, you will learn how to authenticate users and secure access to your app. Firebase Storage will teach you how to store and retrieve media files like images in the cloud. And Firebase Firestore will help you manage real-time data synchronization and storage with ease.

By the end of this course, you will have a comprehensive understanding of how to leverage Firebase's powerful features to create a robust and fully functional real-time chat application. So, enroll now and take the first step towards becoming a proficient app developer!

What will students learn in this course:

How to use SwiftUI to build user interfaces for iOS apps
How to set up a Firebase project and configure authentication
How to build a real-time database using Firebase
How to send and receive messages in real-time using Firebase's database
How to create and join chat rooms within the app
Best practices for building scalable and performant apps
How to leverage Firebase's features, including authentication, storage, and Firestore
How to store and retrieve media files like images, videos, and audio files using Firebase's storage
How to manage real-time data synchronization and storage with Firebase's Firestore

Who is this course for:

Anyone who wants to learn how to build a real-time chat application
Beginner developers with no prior experience in app development
Experienced developers looking to expand their skills with SwiftUI and Firebase
Individuals interested in building modern, scalable, and secure chat applications
People who want to learn how to leverage the powerful features of Firebase, including authentication, storage, and Firestore
Those who want to learn best practices for building performant and scalable applications
Individuals who want to gain practical experience working with SwiftUI and Firebase in a hands-on project-based course.

Who this course is for:

Anyone who wants to learn how to build a real-time chat application
Experienced developers looking to expand their skills with SwiftUI and Firebase
Individuals interested in building modern, scalable, and secure chat applications
People who want to learn how to leverage the powerful features of Firebase, including authentication, storage, and Firestore
Those who want to learn best practices for building performant and scalable applications
Individuals who want to gain practical experience working with SwiftUI and Firebase in a hands-on project-based course.

Build Real-Time Chat App with SwiftUI & Firebase

What you'll learn

Explore related topics

Course content

Introduction3 lectures • 4min

Setting Up Firebase3 lectures • 13min

Authentication4 lectures • 29min

Groups and Navigation8 lectures • 56min

Chat Messages4 lectures • 40min

Chat Bubbles and Overlays3 lectures • 24min

User Profile7 lectures • 54min

Improving User Interface6 lectures • 55min

ErrorView & LoadingView2 lectures • 23min

Conclusion2 lectures • 1min

Requirements

Description

Who this course is for: