Instagram Clone

An Instagram clone app made with Swift and Firebase.
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
2. Features
3. Preview
4. Installation
5. Upcoming Features
6. Contact

About The Project

This project is being developed for educational purpose and is still under development, I will continue to add more feartures to it.

In this repository, I try my best to mimic the key features of the Instagram. I have utilized serveral frameworks and classes in order to create a complex UI and ehanced UX, which include:

• Architecture:
  • MVVM
• UI:
  • PhotoKit: Allow user to select image from their Photo Library.
  • UICollectionViewCompositionalLayout: To create a complex layout with multi section and various layout.
  • UIView animate: For smoother experience and transition.
• Database:
  • FirebaseAuth: Used for authenticating user.
  • FireStore: Used for storing and querying data of users and posts.
  • Storage: Used for storing user-generated content such as images.

(back to top)

Features

• Login and Signup Screen:
  • Allow user to log in if they already have an account or create a new one.
• Home Screen:
  • View all posts from users that you are following.
  • Like post.
  • View all users who have liked the post.
  • View all comments on a post.
• Explore Screen:
  • Display all photos of user's posts excluding from your own posts.
  • Be able to search user based on usernames.
• Upload Post Screen:
  • Allow user to add photo to post from Library or Camera.
  • Post's caption is optional.
• Profile Screen:
  • Support both horizontal and vertical scrolling like Instagram.
  • Be able to follow or unfollow user.
  • Be able to change user's info such as: fullname, username, bio and avatar.
• Support dark mode.

(back to top)

Preview

• Login Screen

Log in	Sign up

• Home Screen

Self-sizing cell and remain photo aspect ratio. Be able to load more comments.

Home	Like	Comment	Other Profile

• Explore Screen

Explore	Search	Post Detail

• Upload Post

Upload post

• Profile Screen

Profile	Edit Profile	Settings	Check Follow

• Dark Mode:

Dark Mode

(back to top)

Installation

1. Clone the repo:

git clone https://github.com/ducanh2211/Instagram-Clone.git
cd Instagram-Clone/

2. Delete the following file and folder: Podfile.lock, InstagramClone.xcworkspace and Pods.

3. Install the dependencies through CocoaPods by run command:

pod install

4. Set up Firebase project by following the instruction.

5. Delete file GoogleService-Info.plist and change the bundle Id.

(back to top)

Upcoming Features

• Notifications for likes, comments, follow, etc.
• Add stories.
• Delete posts.
• One-to-one messages.

(back to top)

Contact

• Email: ducanhtran221100@gmail.com
• Github: https://github.com/ducanh2211

(back to top)