Teach on Udemy

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

Learn More

Your cart is empty.

Keep shopping

Instagram Firestore App Clone | Swift 5 + iOS 14 | MVVM

Name: Instagram Firestore App Clone | Swift 5 + iOS 14 | MVVM
Rating: 4.7 (537 reviews)

Build an Instagram iOS App Clone with Cloud Firestore, Swift 5, iOS 14 & No Storyboards

Created byStephan Dowless

Last updated 10/2020

English

What you'll learn

Build an Instagram clone with iOS 14, Swift 5 & Firestore without the use of storyboards
Modified MVVM Architecture
Build a social network (Posts, Notifications, Following, Likes etc.)
Engineer a backend using Cloud Firestore
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 Object Oriented Programming skills

Course content

13 sections • 72 lectures • 16h 57m total length

Configure Project8:04
Setup Tabbed User Interface10:33
Finish Tab Bar Setup7:35

Login Page UI22:24
Creating Custom Subclasses for Reusability11:23
Create custom subclasses and extensions to reuse UI components, such as a text field with a placeholder and a button with attributed titles, reducing duplication across login and signup screens.
Registration Page UI14:33
Learn to build a reusable registration page UI for an Instagram clone using Swift, including custom text fields, a plus photo button, gradient backgrounds, and navigation to the login screen.
Authentication View Model & Form Validation19:20
Learn how to implement authentication view models and form validation to enable login and signup flows, updating user interface in real time with computed form validity and dynamic button states.
Finishing Form Validation8:58
Finish form validation in the instagram firestore app clone by introducing an authentication view model protocol, adding full name and username, computing form validity, and enabling signup updates.
Selecting Profile Photo8:09

Get User Data From Firestore & Create Data Model16:56
Profile Header View Model17:56
Update User After Authentication24:37
Learn to update the current user after authentication by using a weak authentication delegate, delegating to the main tab bar controller to fetch and refresh the profile across views.
Search Controller UI19:38
Fetching & Displaying Users20:21
Fetches all users from the Firestore database, maps documents to user objects, and displays them in a table view, showing usernames and full names in the Instagram clone.
Searching For Users27:58

Following Users25:17
Implement follow and unfollow functionality in the Instagram Firestore app clone by adding is_followed logic, profile header delegation, and Firestore updates to followers and following collections.
Unfollowing User & Updating UI10:05
Check If User Is Followed5:39
Learn how to check if the current user follows another profile by querying the user following collection and returning a boolean via a completion handler, then update the UI accordingly.
User Stats10:34

Image Selector12:34
Upload Post UI17:46
Custom Input Text View18:24
Upload Post To Firebase Storage19:40
Loading Indicator For Post Upload7:40
Fetching Posts From API & Post Data Model12:56
Post View Model10:11
Post User Data14:59
Add and display post user data by using the owner uid to fetch the user’s username and profile image, stored in the post and shown in the feed with mvvm.
Adding Pull Down Refresher To Feed10:56
Learn to implement a pull-down to refresh in a feed, fetch and order posts by timestamp, and auto-refetch after uploading a post in an Instagram Firestore app clone.
Sorting Posts by Timestamp & Updating Feed After Post4:33
User Profile Posts22:15
Fetch a user's posts to update profile stats, render accurate post counts, and enable tapping a post to view it in a single-post feed using the existing post view model.

Getting Started With Comment UI16:27
Create a comment UI for posts using a collection view, with a comment input, delegated actions from the feed cell, and navigation to a comments screen.
Comment UI Continued24:22
Finish Up Comment UI & Setup Delegate Method10:58
Upload Comment To Firestore11:09
Fetch Comments From API9:53
Comment View Model & Dynamic Cell Height13:58
Go To User Profile From Comment Tap6:30

Liking A Post9:02
Implement a post like feature in the Instagram Firestore app clone by delegating like actions from the feed cell to the controller, updating the database, and refreshing the UI.
Upload Like Info To Firestore17:50
Unliking A Post11:45
Implement unlike post logic in a Swift MVVM Instagram clone by updating post and user likes collections and refreshing the UI according to like state.
Check If User Liked Post23:10
Likes Recap11:32

Requirements

Mac computer
Some programming experience and knowledge of Xcode is preferred

Description

What are we building?

In this course, you will learn how to build a complete version of Instagram ready to be published on the App Store. We will be building all the core components of a social network. This includes following users, making posts, liking/commenting on posts, in-app notifications, creating a user profile, and registering users. 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.

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.

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 social network, from complete scratch. 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, and everything will be explained in detail along the way. This will teach you to build production ready applications, that are easily scalable and maintainable. 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.

What will you learn?

Comprehensive knowledge and understanding of Swift 5 & Xcode 11
Implement Model View ViewModel (MVVM) architecture
How to engineer a backend server using Cloud Firestore
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 Storage
How to structure data for optimum performance in Cloud Firestore
How to build a fully functioning social network (likes, comments, follow, posts, notifications)
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
Advanced level programming and app development skills
Advanced level User Interface Design
Advanced level back end engineering

What features are included?

Create users
Create a user profile
Authenticate users with Firebase
Search for users
Upload posts
Home feed with posts from followers
Like posts
Comment on posts
In app notifications for following, post likes and post comments
Follow/Unfollow users from profile
Follow/Unfollow user from notifications screen
Go to post or profile from notifications screen
Display timestamp on posts and notifications
Logging in and logging out

Who this course is for:

Anyone who wants to learn how to build the famous Instagram iOS App!

Instagram Firestore App Clone | Swift 5 + iOS 14 | MVVM

What you'll learn

Explore related topics

Course content

Project Setup & Getting Started With Main UI3 lectures • 26min

Creating Feed User Interface Programatically3 lectures • 37min

User Authentication UI & ViewModels6 lectures • 1hr 25min

Setting Up Firebase & User Authentication4 lectures • 1hr 2min

User Profile UI2 lectures • 34min

Fetching & Displaying User Data From Firestore6 lectures • 2hr 7min

Following/Unfollowing Users4 lectures • 52min

Uploading Posts & Displaying In Feed11 lectures • 2hr 32min

Post Comments7 lectures • 1hr 33min

Post Likes5 lectures • 1hr 13min

Requirements

Description

Who this course is for: