SwiftUI Instagram 2.0 | Async/Await | Firestore | 2023

Create a SwiftUI tab bar using TabView with feed, search, notifications, and profile views, assigning tabItem icons and customizing the accent color for light/dark modes.

Build a SwiftUI profile view with a header, profile image, and user stats via a reusable user stat view, plus a 3-column grid of posts in a scrollable layout.

Create a scrollable SwiftUI feed with a feed view and feed cell, displaying profile image, username, post image, actions, caption, timestamp, inside a lazy vstack in a navigation stack.

Design a SwiftUI search view with a scrollable list of user rows, avatars, usernames, and full names using a lazy stack and the searchable modifier; preview login and onboarding flows.

Create a SwiftUI login view with email and password fields, forgot password, and continue with Facebook, plus sign-up navigation, all within a navigation stack for authentication flows.

Build a complete SwiftUI registration flow from add email to complete signup, using custom text field modifiers and navigation, then plan mock data and Firebase integration.

Define a user data model in SwiftUI that conforms to Identifiable and Codable, create mock users, and display a dynamic list with optional profile fields and navigation to profiles.

Implement value-based navigation using navigation link and navigation destination to open a user profile, including two navigation stacks and populating the profile with user data.

Define a post data model in Swift conforming to identifiable, hashable, and codable for feed and profile views. Use mock posts with image urls and prepare for image picker uploads.

Build an upload post view in swiftui with a header, photos picker, and caption, using a view model to load images and update the UI.

Set up and integrate Firebase for iOS by creating a Firebase project, importing the Swift package, configuring Auth, Firestore, and Storage, and enabling test mode.

Build an auth service with login, create user, load user data, and sign out using async/await, powered by Firebase Auth, routing based on the user session.

Register a user in SwiftUI using a registration view model and a shared auth service. Collect email, username, and password via environment objects, then create the user with async/await Firebase.

Fix background thread errors by applying the main actor, wire sign in and sign out with an auth service, and implement login flows using SwiftUI view models and Firebase.

Upload user data to Firestore by encoding a user with codable and performing async save under the users collection using the user id document.

Fetch the currently logged-in user's data from Firestore using async/await, decode it into a user object, and refresh the profile view after login or sign out while clearing previous data.

Fetches all users from Firestore using an async/await user service, maps documents to a user array, and updates a search view model to display them in a list.

Implement a computed is current user property with Firebase to show the edit profile button for the current user and switch to follow for others, updating the profile header accordingly.

Demonstrates an edit profile flow in SwiftUI, triggering a screen cover from profile header, using photos UI for the profile image, and updating name and bio via a view model.

Update a user’s name, bio, and profile image by initializing the edit profile view model with a user and updating only changed fields. Save updates to Firestore and Firebase Storage.

Master uploading images to Firebase Storage with a reusable image uploader, converting SwiftUI images to UI images, compressing data, and returning the image URL for display in the app.

Shows how to download and display user profile images in SwiftUI with Kingfisher, implementing image caching and a reusable circular profile image view with scalable sizes and placeholders.

Organize the upload post feature by creating a view model and folders, then encode and upload the post with a Firebase timestamp and image URL to Firestore.

Fetch posts from Firestore in a SwiftUI feed. Map documents to posts, then fetch and attach owner user data to each post, updating the UI asynchronously.

Build a global post service to fetch feed posts and user posts via Firestore by ownerUid, and use it with a user-driven post grid view model.