使用 Swift 和 Firebase 制作的 Instagram 克隆应用程序

标识

Instagram 克隆

使用 Swift 和 Firebase 制作的 Instagram 克隆应用程序。

关于该项目

这个项目是出于教育目的而开发的,并且仍在开发中,我将继续为它添加更多的功能。

在此存储库中,我尽力模仿 Instagram 的主要功能。我使用了多个框架和类来创建复杂的 UI 和增强的 UX,其中包括:

  • 建筑学:
    • MVVM
  • 用户界面:
    • PhotoKit:允许用户从他们的照片库中选择图像。
    • UICollectionViewCompositionalLayout:创建具有多部分和各种布局的复杂布局。
    • UIView 动画:为了更流畅的体验和过渡。
  • 数据库:
    • FirebaseAuth:用于验证用户。
    • FireStore:用于存储和查询用户和帖子的数据。
    • 存储:用于存储用户生成的内容,例如图像。

特征

  • 登录和注册屏幕:
    • 如果用户已有帐户或创建一个新帐户,则允许他们登录。
  • 主屏幕:
    • 查看您关注的用户的所有帖子。
    • 喜欢邮寄。
    • 查看所有喜欢该帖子的用户。
    • 查看帖子的所有评论。
  • 探索屏幕:
    • 显示用户帖子的所有照片,不包括您自己的帖子。
    • 能够根据用户名搜索用户。
  • 上传帖子屏幕:
    • 允许用户添加照片以从图库或相机发布。
    • 帖子的标题是可选的。
  • 个人资料屏幕:
    • 像 Instagram 一样支持水平和垂直滚动。
    • 能够关注或取消关注用户。
    • 能够更改用户的信息,例如:全名、用户名、简历和头像。
  • 支持深色模式。

预览

  • 登录屏幕
登录 报名
  • 主屏幕

自动调整单元格大小并保持照片纵横比。能够加载更多评论。

喜欢 评论 其他资料
  • 探索屏幕
探索 搜索 帖子详情
  • 上传帖子
上传帖子
  • 配置文件屏幕
轮廓 编辑个人资料 设置 勾选关注
  • 黑暗模式:
深色模式

安装

  1. 克隆回购:

git clone https://github.com/ducanh2211/Instagram-Clone.git
cd Instagram-Clone/
  1. 删除以下文件和文件夹Podfile.lockInstagramClone.xcworkspacePods

  2. 通过运行命令安装依赖项CocoaPods

pod install
  1. 按照说明设置Firebase项目。

  2. 删除文件GoogleService-Info.plist并更改包 ID。

即将推出的功能

  • 点赞、评论、关注等通知。
  • 添加故事。
  • 删除帖子。
  • 一对一消息。

接触

GitHub

查看 Github