Flutter MVC Architecture Video Hosting TikTok App Clone 2024

Flutter MVC Architecture Video Hosting TikTok App Clone 2024, available at $79.99, has an average rating of 4.65, with 114 lectures, based on 41 reviews, and has 295 subscribers.

You will learn about 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 This course is ideal for individuals who are anyone who want to learn full stack iOS and android app development or anyone who want to become professional flutter app developer It is particularly useful for anyone who want to learn full stack iOS and android app development or anyone who want to become professional flutter app developer.

Enroll now: Flutter MVC Architecture Video Hosting TikTok App Clone 2024

Summary

Title: Flutter MVC Architecture Video Hosting TikTok App Clone 2024

Price: $79.99

Average Rating: 4.65

Number of Lectures: 114

Number of Published Lectures: 114

Number of Curriculum Items: 114

Number of Published Curriculum Objects: 114

Original Price: $24.99

Quality Status: approved

Status: Live

What You Will Learn

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

Who Should Attend

anyone who want to learn full stack iOS and android app development

anyone who want to become professional flutter app developer

Target Audiences

anyone who want to learn full stack iOS and android app development

anyone who want to become professional flutter app developer

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. TikTokoffers you real, interesting, and fun videos that will make your day.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Download and Install Flutter

Lecture 1: Windows | Download and Install Flutter

Lecture 2: MacOS | Download and Install Flutter

Chapter 3: Download these Image Files

Lecture 1: Download these Image Files

Chapter 4: Create & Setup a New Flutter Project

Lecture 1: create flutter project

Chapter 5: GetX Login & SignUp Screens UI Implementation

Lecture 1: implement login screen ui

Lecture 2: implement reusable widget for input text fields

Lecture 3: login button and dont have an account button implementation

Lecture 4: play beautiful animations when user click button

Lecture 5: signup screen ui implementation

Lecture 6: Source Code of this Section

Chapter 6: GetX Image Picker || Pick Image from Gallery || Capture Image with Camera

Lecture 1: implement user model class | Convert Data to Json Format | Get Info from Json

Lecture 2: capture image with camera and choose image from gallery

Lecture 3: add permissions for using phone camera and gallery for ios android

Chapter 7: Connect & Configure Firebase with Flutter [iOS + Android]

Lecture 1: initialize firebase

Lecture 2: connect flutter project to firebase for android

Lecture 3: connect flutter project to firebase for ios

Lecture 4: Source Code of this Section

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

Lecture 1: form validations using getx state management

Lecture 2: authenticate and create user in firebase authentication

Lecture 3: save image to storage and get download url

Lecture 4: save user data to firestore database

Lecture 5: allow user to login

Lecture 6: Source Code of this Section

Chapter 9: Manage User Current State & Implement Bottom Navigation Bar

Lecture 1: manage the current state of user using getx advanced state management

Lecture 2: create dashboard screens

Lecture 3: implement bottom navigation bar

Lecture 4: Source Code of this Section

Chapter 10: Record Video using Phone Camera & Pick Video from Gallery Implementation

Lecture 1: upload video screen ui implementation

Lecture 2: dialog box for uploading new video

Lecture 3: record a video with phone camera or pick a video file from gallery

Lecture 4: Source Code of this Section

Chapter 11: Implement Video Player and Input Fields

Lecture 1: implement video player and play video in loop on upload form

Lecture 2: upload form input fields

Lecture 3: Source Code of this Section

Chapter 12: Compress User Video | Upload & Save Video to Storage and Database

Lecture 1: compress user video file

Lecture 2: get thumbnail image from video file

Lecture 3: upload video file and video thumbnail to firebase storage

Lecture 4: save Video Information To Firestore Database part 1

Lecture 5: video model class comvert data to json format and get info from json data

Lecture 6: save Video Information To Firestore Database part 2

Lecture 7: save Video Information To Firestore Database part 3

Lecture 8: Source Code of this Section

Chapter 13: Retrieve & Display foryou Videos

Lecture 1: retrieve foryou videos from database

Lecture 2: display foryou videos part 1

Lecture 3: display foryou videos part 2

Lecture 4: implement left panel for foryou videos

Lecture 5: implement right panel

Lecture 6: circular rotating image animation implementation

Lecture 7: i have some important information to share part 1

Lecture 8: i have some important information to share part 2

Lecture 9: Source Code of this Section

Chapter 14: Like Video & Unlike Video

Lecture 1: like video feature implementation

Lecture 2: un-like video feature implementation

Lecture 3: fix the user interface

Lecture 4: Source Code of this Section

Chapter 15: Save new Comments to Database

Lecture 1: create comments screen and pass videoID to it

Lecture 2: comment box text form field implementation

Lecture 3: implement comment model class

Lecture 4: save new comment information to database

Lecture 5: update total comments counter when user add new comment

Lecture 6: Source Code of this Section

Chapter 16: Retrieve & Display Comments | Like & Unlike Comments

Lecture 1: retrieve comments according to published date time

Lecture 2: display comments part 1

Lecture 3: display comments part 2

Lecture 4: like & unlike comment

Lecture 5: Source Code of this Section

Chapter 17: users Profile – Display user Profile Information

Lecture 1: retrieve user information from database

Lecture 2: populate user map with user information

Lecture 3: display user info on profile screen

Lecture 4: display user total followers followings and total likes

Lecture 5: user social profiles part 1

Lecture 6: user social profiles part 2

Lecture 7: popup menu button with popup item options logout and sign out

Lecture 8: Source Code of this Section

Chapter 18: Search for users

Lecture 1: implement search bar on search screen

Lecture 2: search controller implementation with getx state management

Lecture 3: display user search result

Lecture 4: Source Code of this Section

Chapter 19: Visit Searched users Profile

Lecture 1: visit searched user profile

Lecture 2: when user visit own profile from home screen and from search screen

Instructors

Coding Cafe
Web and Mobile Applications Development

Rating Distribution

1 stars: 0 votes

2 stars: 1 votes

3 stars: 5 votes

4 stars: 9 votes

5 stars: 26 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

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!