flutter-tiktok
A TikTok Clone in Flutter and Firebase.
- Stars
- 1.2K
- Forks
- 419
- Last push (UTC)
- Sep 25, 2022
- Project status
- Active
Original README
English project snapshot. Visit GitHub for the latest content.
TikTok Flutter
Clone of TikTok with Flutter and Firebase.





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.
Dependencies used
Dependency list 10 items
- flutter
{"sdk":"flutter"} - cupertino_icons
^0.1.3 - video_player
^2.1.4 - stacked_services
^0.8.6 - get_it
^7.1.3 - stacked
^2.1.7 - cached_network_image
^3.0.0 - firebase_core
^1.23.0 - cloud_firestore
^3.4.9 - flutter_testDevelopment
{"sdk":"flutter"}
Rankings
How do I choose a repository?
Start with your use case, compare repository activity, and check the original project before adopting it.
- Search by repository name, owner or description, then narrow the results by topic.
- Compare stars, forks and recent pushes. Stars show community interest, not a guarantee of quality.
- Read the README, license and issues on GitHub before using a project.
Sources and maintenance
“A repository is the most basic element of GitHub.”
GitHub Docs — About repositories ↗