Build Instagram to Master SwiftUI and Firestore

Learn about Social Networking App while building Instagram using SwiftUI and Firestore

4.17 (3 reviews)

Udemy

platform

English

language

Mobile Apps

What you will learn

Comprehensive knowledge and understanding of Swift 5, SwiftUI Framework & Xcode

Best Coding Practices

Firebase & SwiftUI integration

Implement the MVVM system

Advanced level programming and app development skills

Create professional UI and UX

Implement custom subclasses for clean and reusable code

Deep programming, create extensions and functions for clean

Description

What are we building?

In this course, we will learn how to build our own Instagram clone with SwiftUI framework. Throughout the process, you will develop high level programming, app design and app development skills.

At the completion of the course, you will get all knowledges of social apps creation, building strong logics of app, app customization, app designing, social app features programming and many many many more.

What will you learn?

Comprehensive knowledge and understanding of Swift 5 & Xcode
SwiftUI Framework
Firebase & SwiftUI integration
Implement the MVVM system
Advanced level programming and app development skills
Create professional UI and UX
Work with backend server
Advanced level back end engineering
How to monitor events in a database
Structure data for optimum performance
How to build a fully functioning social network
How to build a direct messaging feature with Firestore
Best Coding Practices
Implement custom subclasses for clean and reusable code
Deep programming, create extensions and functions for clean and reusable code.

What features are included?

Home feed
Search feed with posts and ability to search for users
Create users, make posts, like posts, comment on posts
Direct messaging
Follow/Unfollow users
View followers/following users
Ability to see who has liked posts
Logging in and logging out

Who this course is for:

Anyone that wants to learn how to code or learn how to build high level full stack iOS Mobile Applications.
Anyone wanting to learn how to build full Social Network app
iOS developers who want to learn about the new SwiftUI Framework.
Swift developers who wants to learn about SwiftUI Framework.

Content

Introduction

Walkthrough

Install XCode

Get Started with SwiftUI: New Xcode Project

Authentication: Design Sign In Scene

Adding Sign In Scene - Customize Sign In Part 1

Adding Sign In Scene - Customize Sign In Part 2

Adding Sign In Scene - Customize Sign In Part 3

Best Coding Practices 1: Extract SubView

Best Coding Practices 2: Create Custom Modifiers

Authentication: Design Sign Up Scene

Adding Sign Up Scene - Customize Sign Up

Navigation in SwiftUI

Get started with Cloud Firestore - SignUp

Introduction Firebase, and How to Integrate Firebase SDK to Our App

SignUp Function

Refactor Code

MVVM Design Pattern

Refactor Part 1

Refactor Part 2

Authentication - SignIn

Lecture 19. SignIn Function

Lecture 20. Switch View

Lecture 21. Store The User Session

Main App: Design Home View

Lecture 22. Adding TabView

Lecture 23. Building Story View

Lecture 24. Home View

Lecture 25. Refactor Code

Lecture 26. Navigation Link

Main App: Design Comment View

Lecture 27. Adding Comment View

Main App: Design Discover View

Lecture 28. Adding Discover View Part 1

Lecture 29. Adding Discover View Part 2

Main App: Design Camera View

Lecture 30: Adding Camera View

Main App: Design Activity View

Lecture 31: Adding Notification View

Main App: Design Profile View

Lecture 32. Adding My Profile View

Lecture 33. Adding User Profile View

Lecture 34. Adding User List Scene

Main App: Design Chat View

Lecture 35. Adding Messages View

Lecture 36. Adding Chat View Part 1

Lecture 37. Adding Chat View Part 2

Main App: Design Users View

Lecture 38. Adding Search Bar View

Lecture 39. Update User Model.mp4

Lecture 40. Adding Logout Function

Lecture 41. Implementing Search Feature

Lecture 42. Loading User Avatar: Asynchronous Image Loading.

Lecture 43. Updating Profile View

Main App: Using Combine To Make A Network Call.

Lecture 44. Learn Combine + Asynchronous Image Loading: The Easy Way

Main App: Uploading Photo

Lecture 45. Share A New Post Part 1

Lecture 46. Share A New Post Part 2

Main App: Profile

Lecture 47. Loading My Posts - Grid View

Lecture 48. Fix bugs

Lecture 49. Refactor code

Lecture 50. Loading My Posts - Table View

Lecture 51. Loading User Profile

Main App: Discover Screen

Lecture 52. Discover Screen - Load All Posts

Main App: Home Screen - Loading Data

Lecture 53. Timeline Screen - Load User Posts

Lecture 54. Timeline Screen - Like A Post Part 1

Lecture 55. Timeline Screen - Like A Post Part 2

Lecture 56. Timeline Screen - Like A Post Part 3

Main App: Comment Screen - Loading Data

Lecture 57. Comment Screen - Part 1: Push Comments To The Firestore Database

Lecture 58. Comment Screen - Part 2: Load Comments From The Firestore Database

Lecture 59. Comment Screen - Part 3: Display Comments From Firestore

Lecture 60. Best Practices - Realtime Updates with Cloud Firestore in Comment S

Lecture 61. Realtime Updates with Cloud Firestore in Home Screen

Lecture 62: Fix issues

Main App: Realtime Chat

Lecture 63. Chat Feature - Understanding Database Structure

Lecture 64. Chat Feature - Sending Text Messages

Lecture 65. Chat Feature - Sending Photo Messages

Lecture 66. Chat Feature - Displaying Chat Messages

Lecture 67. Chat Feature - Displaying Inbox Messages

Main App: Follow Feature

Lecture 68. Follow Feature - Follow A User

Lecture 69. Follow Feature - Display Following Information

Lecture 70. Best Coding Practices

Main App: Cloud Functions

Lecture 71. Install Cloud Functions - Cloud Firestore Triggers

Lecture 72. Cloud Firestore Triggers- OnCreateFollower Function

Lecture 73. Cloud Firestore Triggers- OnDeleteFollower Function

Lecture 74. Cloud Firestore Triggers- OnCreatePost Function

Lecture 75. Fix issues

Main App: Activity Screen

Lecture 76. Activity Screen: Like a Post

Lecture 77. Activity Screen: Comment A Post, Follow A User

Lecture 78. Activity Screen: Display Activity Data

Lecture 79. Activity Screen: Tap On An Activity Row

Screenshots

Build Instagram to Master SwiftUI and Firestore - Screenshot_01

Build Instagram to Master SwiftUI and Firestore - Screenshot_02

Build Instagram to Master SwiftUI and Firestore - Screenshot_03

Build Instagram to Master SwiftUI and Firestore - Screenshot_04

Reviews

Richard

March 5, 2023

This class is a blast. So much fun watching Instagram be built using SwiftUI. The instructor really knows the craft and being about halfway through, Ill no doubt finish the class just because seeing all the inner workings of what instagram does, so great. A few criticisms though. First of all, you need to know some basics. He moves through things very fast explaining along the way, but theres going to be a few thing that youre going to wish he elaborated on. When I realize the vibe, I took the Udemy course https://www.udemy.com/course/swiftui-the-complete-developer-course/learn/lecture/25093454 which is a reference course which shows you basics and you can just watch along and dont need to code with it. Its not ment to sart from begining to end, you just pick the lesions you want to know more about along the way. Def a must if your a beginner or need refreshers in quick easy bites. Or you can use ChatGPT if you need quick elaboration. Secondly, I was bothered by the fact that theres no source code available for download. Now Im halfway through I realized the extra work of coding along with him actually enhanced my learning by not having it. If you have to type big bytes, download OwlOCR from the appstore and lasso his code from the video to paste into yours. The Firebase training is great. However, some of his stuff is outdated and youre on your own with getting any library updates working, but again, doing quick google searches and chatGPT can get you through it. Any rough patches may be annoying but youll lrean while fixing it so not so bad. Overall, so far my favorite course here.

Charts

Price

Rating

Enrollment distribution

Build Instagram to Master SwiftUI and Firestore - Distribution chart