使用 Swift 和 Firebase 制作的 Instagram 克隆应用程序
关于该项目
这个项目是出于教育目的而开发的,并且仍在开发中,我将继续为它添加更多的功能。
在此存储库中,我尽力模仿 Instagram 的主要功能。我使用了多个框架和类来创建复杂的 UI 和增强的 UX,其中包括:
- 建筑学:
- MVVM
- 用户界面:
- PhotoKit:允许用户从他们的照片库中选择图像。
- UICollectionViewCompositionalLayout:创建具有多部分和各种布局的复杂布局。
- UIView 动画:为了更流畅的体验和过渡。
- 数据库:
- FirebaseAuth:用于验证用户。
- FireStore:用于存储和查询用户和帖子的数据。
- 存储:用于存储用户生成的内容,例如图像。
特征
- 登录和注册屏幕:
- 如果用户已有帐户或创建一个新帐户,则允许他们登录。
- 主屏幕:
- 查看您关注的用户的所有帖子。
- 喜欢邮寄。
- 查看所有喜欢该帖子的用户。
- 查看帖子的所有评论。
- 探索屏幕:
- 显示用户帖子的所有照片,不包括您自己的帖子。
- 能够根据用户名搜索用户。
- 上传帖子屏幕:
- 允许用户添加照片以从图库或相机发布。
- 帖子的标题是可选的。
- 个人资料屏幕:
- 像 Instagram 一样支持水平和垂直滚动。
- 能够关注或取消关注用户。
- 能够更改用户的信息,例如:全名、用户名、简历和头像。
- 支持深色模式。
预览
- 登录屏幕
登录 | 报名 |
---|---|
- 主屏幕
自动调整单元格大小并保持照片纵横比。能够加载更多评论。
家 | 喜欢 | 评论 | 其他资料 |
---|---|---|---|
- 探索屏幕
探索 | 搜索 | 帖子详情 |
---|---|---|
- 上传帖子
上传帖子 |
---|
- 配置文件屏幕
轮廓 | 编辑个人资料 | 设置 | 勾选关注 |
---|---|---|---|
- 黑暗模式:
深色模式 |
---|
安装
- 克隆回购:
git clone https://github.com/ducanh2211/Instagram-Clone.git
cd Instagram-Clone/
-
删除以下文件和文件夹:
Podfile.lock
和InstagramClone.xcworkspace
。Pods
-
通过运行命令安装依赖项
CocoaPods
:
pod install
-
按照说明设置Firebase项目。
-
删除文件
GoogleService-Info.plist
并更改包 ID。
即将推出的功能
- 点赞、评论、关注等通知。
- 添加故事。
- 删除帖子。
- 一对一消息。
接触
- 邮箱:ducanhtran221100@gmail.com
- Github: https: //github.com/ducanh2211