iOS

Instagram Clone (SwiftUI)

10min

Download an Instagram Clone App Template (SwiftUI)

Introduction

In this tutorial you learn how to get started with an Xcode template and get an Instagram clone App in a few quick steps.

Tutorial

Prerequisites

To complete this quickstart, you need:

  • Xcode11 or above.
  • An app created at Back4App.
  • Cocoapods installed in your Mac.

1 - Get the template

Download the template at Back4App’s GitHub repository, and unzip files in your project folder.

You can do that using the following command line:

$ curl -LOk https://github.com/back4app/Back4Gram/archive/master.zip && unzip master.zip

2 - Install the Cocoapods dependencies

  1. Open your Terminal.
  2. Navigate to the project’s folder
  3. Run this command:
    pod install
  4. Wait for the process to complete.

3 - Open the project template

  1. Open Xcode.
  2. Click on File->Open.
Document image


3. Navigate to the project folder and double click on Back4Gram.xcworkspace 4. Wait for Xcode to open the project.

4 - Setup app’s credentials

Update your App Delegate’s Parse Client Configuration values to set up the app’s credentials. Parse iOS SDK uses these settings to connect to the Back4App servers.

  1. Open your App Delegate file: .../Back4Gram/AppDelegate.swift
  2. Go to your App Dashboard at Back4App website.
  3. Navigate to app’s settings: Click on Features > Core Settings block > Server.
  4. Return to your AppDelegate.swift file and paste your applicationId and clientKey.

See more at our New Parse App guide.

5 - Test your connection

  1. Build your app in a device or simulator (Command+R)
  2. Wait until the Back4Gram screen appears.

Next Steps

At this point, you have your Back4Gram copy working with your Back4app App.

Learn more by walking around our iOS Tutorials or check Parse open source documentation for iOS SDK.