Build Instagram to Master SwiftUI and Firestore

Build an Instagram-like sign-in flow in SwiftUI by composing a vertical stack with a logo, headline, divider, and styled text, applying padding and color modifiers.

Add email and password fields to a SwiftUI login screen using state and binding, with placeholders, borders, padding, and a secure field for privacy; prototype with constant binding for now.

Design and customize the sign in button in SwiftUI, applying background, padding, corner radius, and shadow, while aligning text, width, and layout with stacks and spacers.

Add icons to sign-in text fields using SF symbols and an hstack, pick envelope and lock symbols, switch to a secure password field, and tune padding for email and password.

Create reusable SwiftUI view modifiers, including a text field modifier and sign in button modifier, to style email and password fields. Store magic values in a constants file.

Design and implement a personalized sign up scene in swiftui, adding a username field, avatar selection, and a cohesive sign up button, while updating the initialization and sign in views.

Master SwiftUI navigation with a navigation view and a navigation link from sign in to sign up, then set an inline navigation title and back button color.

Install and integrate Firebase into your iOS app using CocoaPods, create a Firebase project, download the GoogleService-Info.plist, and connect Analytics, Storage, and Firestore for rapid SwiftUI development.

Learn how to integrate UIKit with SwiftUI to open the photo library from the sign up view, update the avatar with a selected image, and prepare image data for Firebase.

Enable email authentication in Firebase, create a new user on sign up, upload the avatar to Firebase Storage, and save user data in Cloud Firestore under a Users collection.

Learn why SwiftUI favors MVVM over MVC, replacing controllers with view models to handle signup and related tasks, improving maintainability and code organization.

Refactor part 1 moves signup and avatar handling into dedicated auth and storage services, using static urls and firestore paths for a cleaner, testable flow.

Master a Firebase sign-in flow in SwiftUI by reusing sign-up logic, wiring sign-in view model and auth service to authenticate with email and password and load user data from Firestore.

Log out users and auto sign them in by switching the initial view between main and login screens, using a session store and Firebase auth state listener.

Store the logged in user in a session variable and display the email in the main view, while showing a loading state until Firebase downloads complete.

Design an Instagram-style home screen with a navigation view, horizontal stories, and vertical posts. Style story images with circular clips and overlays, and extract the story view for cleaner code.

Design and refine the home view by building header and footer post components with avatar, username, location, photo, and interactive icons in hstack and vstack layouts.

Refactor the project structure by moving header, footer, and story views into a home folder under components to improve readability and future maintainability.

Learn to navigate to comment view in SwiftUI with a navigation link from the home screen, using destination and label closures and a scroll view to limit navigation to comments.

Design a comment view in SwiftUI with a comment row, input field, and scrollable list, reusing header styles, adding navigation from the home view, and refining layout.

Learn to build a discover screen in SwiftUI by creating a scrollable three-up photo grid, powered by an array-splitting extension and a photo model conforming to Identifiable.

Create a discover screen with a segmented control in SwiftUI, using a picker for grid and table modes, displaying the selected value, and styling with icons inside navigation view.

Design the camera tab to upload photos to firebase and preview them. Arrange the image view and caption in an hstack inside a vstack with a navigation view.