FLUTTER ECOSYSTEM

salvadordeveloper/flutter-tiktok

Flutter および Firebase を使用した TikTok クローン。

flutter-tiktok のプロジェクト画像
Stars
1182
Forks
419
最終プッシュ(UTC)
2022/09/25
プロジェクト状態
公開中
Salvador Valverde GitHub avatar
GITHUB User

Salvador Valverde ↗

 iOS Developer

言語DartRubySwiftKotlinObjective-C

使用している依存関係

依存関係一覧 10 件

ランキング

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる


TikTok Flutter

Clone of TikTok with Flutter and Firebase.

shields.io shields.io shields.io shields.io


drawing

drawing drawing drawing drawing

Caracteristics

Video Demo: https://youtu.be/sMKg6ILYgv0

-TikTok UI
-Swipe Videos
-Dynamic Video Data Source
-User Data (Name, Image)
-Animations(Image rotation)

Libraries

-video_player.
-cloud_firestore:
-cached_network_image

Installation

1.-Clone or download this repository

git clone https://github.com/salvadordeveloper/TikTok-Flutter.git

2.-Config your Firebase instance and insert the google-service.json in android/app/ or ios/Runner

3.-Config flutter project :

flutter pub get

Database

The app obtains the data from Firestore and Firebase Storage.

You can upload your videos to Firebase Storage or any site you want, you only need the link of the source, then configure the archive lib/data/demo_data.dart with the list of your videos, this data going to be automatically saved in your Firestore instance.

TODO

-Likes.
-Comments.
-System of User (Register, Login, Profile Screen).
-Upload Videos from the app

Changelog

19/06/2020

  • Realtime Database To Firestore
  • caroulsel_slider To PageView

21/06/2020

  • Bloc Pattern
  • VideoManager
  • Performace Improvements.

22/07/2020

  • Change Bloc to Locator with GetIt
  • Solved problems with iOS
  • Better UI
  • Screens Added
  • Clean Code
  • Videos from file
  • Performace Improvements.