iOS 13 & Swift 5: Chat App With Firestore | MVVM

Name: iOS 13 & Swift 5: Chat App With Firestore | MVVM
Rating: 4.6 (285 reviews)

Real Time Chat App with Cloud Firestore & Swift 5

Created byStephan Dowless

Last updated 3/2020

English

What you'll learn

How to build a real time message iOS application
How to user Cloud Firestore as a backend
How to implement the Model View ViewModel (MVVM) architecture
Advanced auto-layout and programmatic UI skills with Swift
Register and authenticate users using Firebase
Advanced UI/UX development to build a clean and visually appearing user interface
Advanced UITableView and UICollectionView skills
Advanced Swift techniques and architecture patterns
How to build a user profile

Course content

8 sections • 42 lectures • 8h 48m total length

Configure Project & Setup Home Screen7:59
Setup Home Screen Navigation Bar5:18
Setup Messages TableView8:00

Setup Login Screen & Intro to AutoLayout15:56
Login Screen UI13:01
Implement a login screen UI using extension functions to simplify constraints, center the icon, anchor to the safe area, and stack email and password containers with a styled login button.
Login Screen UI Continued13:32
Input Container View Code Refactor17:10
Refactor your login UI by introducing an input container view and a custom text field to reduce repeated code, enabling reusable, clean, and scalable email and password fields.
Finish Login Screen UI7:38
Finish the login screen UI by styling the login button with a color literal and white text, and enable navigation to the sign-up screen.
Sign Up Screen UI11:35
configure a gradient layer in the registration controller, reuse login user interface components, and add a plus photo button with an image picker for a profile photo.
Login View Model & Form Validation13:38
Selecting Profile Image & Sign Up Form Validation20:54

Setup Firebase14:08
Set up Firebase for the chat app by enabling email/password authentication and using Firestore for data storage. Integrate the Google service plist, install CocoaPods, and configure Firebase in AppDelegate.
Create A User22:15
Learn to register a user with Firebase: authenticate, upload the profile image to storage to obtain its URL, then save the user data in Firestore under the user document.
Keeping A User Logged In9:55
Logging A User In7:24
API Code Refactor17:38
Progress HUD & Error Handling16:38

Setup NewMessageController8:42
Setup TableView & Navigation Bar9:47
UserCell UI10:18
Build a custom user cell UI with a profile image and two labels in a vertical stack, anchored for the chat list, and fetch and populate users from the database.
User Data Model & Fetching User Info From Firestore9:09
Initializing User Object15:38
Populate TableView With Users7:31
Populate table view cells by mapping the fetched users array to rows, displaying each user's profile image and user name, and loading images from URLs with caching.

Message Model & Upload Message To Firestore14:43
Fetching Messages From Firestore14:41
Fetch messages from Firestore in real time for a specific user, using a query ordered by timestamp and an addSnapshotListener to populate a chat controller with parsed message data.
Dynamic Cell Sizing & Finishing ChatController7:42
Learn dynamic cell sizing for chat messages in a collection view by using an estimated size cell, bottom bubble anchors, and system layout size fitting, with scrolling to newest messages.
Upload & Fetch Conversations14:38
Populate TableView With Conversations15:53

Requirements

Basic knowledge of Swift and Xcode is preferred
A Mac computer

Description

What are we building?

In this course, you will learn how to build a real time chat application using Firestore and Swift, ready to be published on the App Store. Throughout the process, you will develop high level programming, app design and app development skills. We will be building this without the use of storyboards, fully programmatically.

Why take this course?

Learning advanced development skills should be taught using real world examples. This course will teach you how to build a fully functional messaging app, that's completely ready to integrate into any one of your iOS Applications. You will be learning advanced front and backend development skills, from a real life professional developer. You will learn how to code like a pro, writing clean, scalable and maintainable code. This also makes for a great project to add to your portfolio, which you can use to show off to potential employers if you're trying to become a pro.

Prior Experience?

Some programming and basic Xcode experience is preferred. The course will move a little fast if you're a complete beginner, but you will pick things up along the way.

What will you learn?

How to build a fully functioning messaging interface
Comprehensive knowledge and understanding of Swift 5 & Xcode 11
How to Implement Model View ViewModel (MVVM) architecture
Advanced level programming and app development skills
Advanced level User Interface Design
Advanced level back end engineering
How to authenticate and register users with Firebase
How to communicate with a database (read/write)
How to monitor events in a database
How to upload images to Firebase
How to structure data for optimum performance
How to programmatically construct views and controllers
How to parse incoming JSON data from database
How to use CocoaTouch classes, UIKit, UserNotifications and more
How to use CocoaPods and custom third party APIs
How to implement/use protocols
How to implement custom subclasses for clean and reusable code
How to dynamically size collection view cells
How to create extensions and functions for clean and reusable code

Who this course is for:

Upper level beginner to intermediate

iOS 13 & Swift 5: Chat App With Firestore | MVVM

What you'll learn

Explore related topics

Course content

Introduction3 lectures • 21min

Login & Sign Up User Interface & ViewModels8 lectures • 1hr 53min

Setting Up Firestore & User Authentication6 lectures • 1hr 28min

Fetching Users From Firestore6 lectures • 1hr 1min

Setting Up ChatController & Sending Test Messages5 lectures • 1hr 14min

Sending & Receiving Messages From Firestore5 lectures • 1hr 8min

User Profile5 lectures • 59min

Finishing Touches4 lectures • 45min

Requirements

Description

Who this course is for: