4.6 out of 5
4.6
22 reviews on Udemy

GetX Flutter iOS & Android Video Hosting App | TikTok Clone

Learn & Build Android iOS Youtube Shorts Clone App with Firebase Firestore as Backend | Flutter GetX State Management
Instructor:
Coding Cafe
165 students enrolled
English [Auto]
Fully Functional Video Hosting Application
Fully Functional TikTok Clone App
Full Stack iOS and Android App Development
Firebase Video Hosting & Video Sharing
Compressing Videos
Generating Thumbnails Out of Video
Uploading Videos with Caption
GetX Controllers
GetX State Management
Advanced State Management in Flutter
Cloud Firestore
Firebase Storage
Firebase Authentication
and much more

In this course you will learn professional flutter full stack app development by building professional video sharing application like TikTok clone using advanced getx state management with firebase firestore as backend.

 

Flutter is an open source framework by Google for building beautiful, natively compiled, multi-platform applications from a single codebase. Fast. Productive. Flutter is an open-source UI software development kit created by Google. It is used to develop cross-platform applications for Android, iOS.

GetX is an extra-light and powerful solution for Flutter. It combines high-performance state management, intelligent dependency injection, and route management quickly and practically. With GetX you know where to find each feature of your application, having clean code by default. In addition to making maintenance easy, this makes the sharing of modules something that until then in Flutter was unthinkable, something totally possible.

 

Firebase provides detailed documentation and cross-platform SDKs to help you build and ship apps on Android, iOS. Google Firebase is one of the most popular frameworks employed by professional developers and companies to build high-quality applications. Many companies and developers rely on it because of its seamless database management, cloud storage, and testing services.

 

TikTok, and its Chinese counterpart Douyin, is a short-form video hosting service owned by the Chinese company ByteDance. It hosts user-submitted videos, which can range in duration from 3 seconds to 10 minutes. A personalized video feed based on what you watch, like, and share. TikTok offers you real, interesting, and fun videos that will make your day.

Introduction

1
Introduction

Download these Image Files

1
Download these Image Files

Create & Setup a New Flutter Project

1
create flutter project

GetX Login & SignUp Screens UI Implementation

1
implement login screen ui
2
implement reusable widget for input text fields
3
login button and dont have an account button implementation
4
play beautiful animations when user click button
5
signup screen ui implementation
6
Source Code of this Section

GetX Image Picker || Pick Image from Gallery || Capture Image with Camera

1
implement user model class | Convert Data to Json Format | Get Info from Json
2
capture image with camera and choose image from gallery
3
add permissions for using phone camera and gallery for ios android

Connect & Configure Firebase with Flutter [iOS + Android]

1
initialize firebase
2
connect flutter project to firebase for android
3
connect flutter project to firebase for ios
4
Source Code of this Section

Save User Record to Database | Allow User to SignUp and Sign-in

1
form validations using getx state management
2
authenticate and create user in firebase authentication
3
save image to storage and get download url
4
save user data to firestore database
5
allow user to login
6
Source Code of this Section

Manage User Current State & Implement Bottom Navigation Bar

1
manage the current state of user using getx advanced state management
2
create dashboard screens
3
implement bottom navigation bar
4
Source Code of this Section

Record Video using Phone Camera & Pick Video from Gallery Implementation

1
upload video screen ui implementation
2
dialog box for uploading new video
3
record a video with phone camera or pick a video file from gallery
4
Source Code of this Section

Implement Video Player and Input Fields

1
implement video player and play video in loop on upload form
2
upload form input fields
3
Source Code of this Section

Compress User Video | Upload & Save Video to Storage and Database

1
compress user video file
2
get thumbnail image from video file
3
upload video file and video thumbnail to firebase storage
4
save Video Information To Firestore Database part 1
5
video model class comvert data to json format and get info from json data
6
save Video Information To Firestore Database part 2
7
save Video Information To Firestore Database part 3
8
Source Code of this Section

Retrieve & Display foryou Videos

1
retrieve foryou videos from database
2
display foryou videos part 1
3
display foryou videos part 2
4
implement left panel for foryou videos
5
implement right panel
6
circular rotating image animation implementation
7
i have some important information to share part 1
8
i have some important information to share part 2
9
Source Code of this Section

Like Video & Unlike Video

1
like video feature implementation
2
un-like video feature implementation
3
fix the user interface
4
Source Code of this Section

Save new Comments to Database

1
create comments screen and pass videoID to it
2
comment box text form field implementation
3
implement comment model class
4
save new comment information to database
5
update total comments counter when user add new comment
6
Source Code of this Section

Retrieve & Display Comments | Like & Unlike Comments

1
retrieve comments according to published date time
2
display comments part 1
3
display comments part 2
4
like & unlike comment
5
Source Code of this Section

users Profile - Display user Profile Information

1
retrieve user information from database
2
populate user map with user information
3
display user info on profile screen
4
display user total followers followings and total likes
5
user social profiles part 1
6
user social profiles part 2
7
popup menu button with popup item options logout and sign out
8
Source Code of this Section

Search for users

1
implement search bar on search screen
2
search controller implementation with getx state management
3
display user search result
4
Source Code of this Section

Visit Searched user's Profile

1
visit searched user profile
2
when user visit own profile from home screen and from search screen
3
code explanation and test the app
4
implement ternary operator for user's profile action buttons
5
Source Code of this Section
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.6
4.6 out of 5
22 Ratings

Detailed Rating

Stars 5
16
Stars 4
4
Stars 3
2
Stars 2
0
Stars 1
0
9660d6e54646f460dcc9567003d86a59
30-Day Money-Back Guarantee

Includes

15 hours on-demand video
21 articles
Full lifetime access
Access on mobile and TV
Certificate of Completion