TikTok Flutter - Clone of TikTok with Flutter and Firebase

Last update: Jan 22, 2022


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.

GitHub

https://github.com/Marco4Talent/TikTokClone
You might also like...

Fashion App Clone - a clone app from Emre Altunbilek's Flutter Course

Fashion App Clone This is a clone app from Emre Altunbilek's Flutter Course. I am trying to clone UI and improve code.

Aug 10, 2022

Whatsapp-clone - A whatsapp clone with dart

Whatsapp-clone - A whatsapp clone with dart

whatsapp-clone Just a simple whatsapp clone with dart

Mar 28, 2022

A full stack Instagram clone built with Flutter and Firebase

instagram_clone Responsive Instagram clone built with Flutter and Firebase. Getting Started This project is a starting point for a Flutter application

Feb 18, 2022

Fluttergram - A working Instagram clone written in Flutter using Firebase / Firestore

Fluttergram - A working Instagram clone written in Flutter using Firebase / Firestore

Fluttergram - A working Instagram clone written in Flutter using Firebase / Firestore

Jul 21, 2022

(Complete flutter application) Exam and training app as social media, prepared with Firebase backend services, Bloc State management, Singleton design pattern, Unit and widget tests, firebase mocking, Custom local libraries, etc.

(Complete flutter application) Exam and training app as social media, prepared with Firebase backend services, Bloc State management, Singleton design pattern, Unit and widget tests, firebase mocking, Custom local libraries, etc.

(Complete flutter application) Exam and training app as social media, prepared with Firebase backend services, Bloc State management, Singleton design pattern, Unit and widget tests, firebase mocking, Custom local libraries, etc.

Jul 14, 2022

Simple product management app, with Auth module made with Firebase Auth and Firebase Firestore ODM

Simple product management app, with Auth module made with Firebase Auth and Firebase Firestore ODM

Firestore App Simple product management app, with Auth module made with Firebase Auth and Firebase Firestore ODM. You can login or signup with email o

Jun 24, 2022

Udacity UI Clone made with Flutter Web (Flutter 2.0).

Udacity UI Clone made with Flutter Web (Flutter 2.0).

Udacity UI Clone Flutter Web 2.0 Description: Udacity UI Clone made with Flutter Web (Flutter 2.0). ScreenShots: Tools & languages: Android studio (ID

Apr 28, 2022

A WhatsApp clone build using Flutter and AWS Amplify DataStore

A WhatsApp clone build using Flutter and AWS Amplify DataStore

Whatsapp Clone using Amplify DataStore in Flutter About The Project Built With Flutter AWS Amplify DataStore Getting Started To get a local copy up an

Jul 29, 2022

Mobile and Desktop whatsapp clone with Flutter UI tool kit

Mobile and Desktop whatsapp clone with Flutter UI tool kit

Mobile and Desktop whatsapp clone with Flutter UI tool kit

Aug 13, 2022

Related

Full Stack TikTok Clone using Flutter, Firebase & GetX
Full Stack TikTok Clone using Flutter, Firebase & GetX

TikTok Clone A Tiktok App- Works on Android & iOS! Features Authentication with Email & Password Uploading Videos with Caption Compressing Videos Gene

Aug 12, 2022
A tiktok clone built with flutter and getx

A tiktok clone built with flutter and getx

Apr 3, 2022
A clone of the TikTok App using Flutter.
A clone of the TikTok App using Flutter.

Tik Tok App clone TikTok is an iOS and Android media app for creating and sharing short videos. The app was launched in 2017 by ByteDance, for markets

Jun 24, 2022
Flutter Tiktok 抖音实战 🍰🍓🍖🍟🍕🍔
Flutter Tiktok 抖音实战  🍰🍓🍖🍟🍕🍔

Flutter实现抖音的UI效果,希望大家喜欢 Flutter Version:2.0.2 Dart Version:2.12.1 B站视频地址 推荐 视频点赞 侧边栏点赞 评论/分享 首页测滑 用户页 推荐/关注/城市 tab切换 搜索页 直播页 直播页切换 朋友页测滑 拍摄页 扫一扫/抖音码 北

Aug 12, 2022
🚀 This is mobile application using Flutter for develop Tiktok
     🚀 This is mobile application using Flutter for develop Tiktok

Flutter Tiktok Clone Description: ?? This is mobile application using Flutter for develop Tiktok How I can run it? ?? Clone this repo ?? Run below cod

Feb 8, 2022
A Tiktok App- Works on Android & iOS!
A Tiktok App- Works on Android & iOS!

TikTok Clone A Tiktok App- Works on Android & iOS! Features Authentication with Email & Password Uploading Videos with Caption Compressing Videos Gene

Jul 26, 2022
Whats-App-Clone-UI-using-Flutter - WhatsApp Clone UI using Flutter
Whats-App-Clone-UI-using-Flutter - WhatsApp Clone UI using Flutter

WhatsApp ?? Clone UI ?? using Flutter ?? Screenshots Links My Socials Youtube ch

Apr 28, 2022
WiwaChat-WhatsApp-Like-Clone - A beautiful and fully functional WhatsApp UI clone in Flutter
WiwaChat-WhatsApp-Like-Clone - A beautiful and fully functional WhatsApp UI clone in Flutter

Wiwa Chat - A WhatsApp Clone in Flutter A beautiful and fully functional WhatsAp

Jun 15, 2022
Wordle-clone - A Wordle-clone built using Flutter

Wordle-clone The project consists of two applications : wordle_clone_api : Which

Jan 25, 2022
Whatapp clone UI - WhatApp UI clone in flutter
Whatapp clone UI - WhatApp UI clone in flutter

whatapp clone in flutter WhatApp UI clone in flutter Getting Started

Feb 6, 2022