Tiktok Clone Flutter GetX iOS Android App Development | Youtube Shorts Firebase Video Hosting App

hello and welcome to flutter Android and iOS full stack app development course in this course you will learn and build famous Tick Tock clone application using flutter get X stat management with Firebase firestore as backend so let me show to you guys the app overview so as you know that if the user is new then the user has to provide the profile picture username email and password and sign up and create a brand new account I have already created my own account so I will just quickly login in order to check the main feature of this app which you will learn and develop in this course using the flutter get X stat management so let's just quickly login and we are logged in successfully now the moment when I am logged in successfully to the app then I am on the home page which is the for you now for you or all those videos which are which is uploaded by different users and basically these are the popular videos that is passed on the number of likes and comments so all the videos which are popular there will be in the for you so for example here you can see the video is playing okay and then here you can see the profile picture that is to which user this video belongs here you can see his profile picture the number of likes the number of comments of course the share option and a beautiful animation of the user profile and just like you guys see in Tick Tock and here you can see the username of that user who basically uploaded this famous video which is in before you now and here you can see description alongside with the hashtags for this video okay uploaded by this user whose name is alicia43 yet and here you can see of course the artist name or you can say the song name then after it uh let's say if you want to like of course you can like from here as you can see okay or unlike any video which is already liked so I can enlight and I can like back any video then you can scroll and watch other user uh fabulous videos as well for example as you can see this video is uploaded by Scarlett underscore j044 and so on there are different users as you can see I minimize the uh audio due to copyrights as you know this music do not belongs to me the music on these videos so for example this video is uploaded by alicia438 and so on many videos which you can see other than this we have more features like for example to comment on any video for example if I want to comment I have to click on that and here I can see all the old comments all the previous comments from different users that is for example from Malaysia for three years Thor underscore live and Peter dot Parker and they have already commented on this video so now let's say as a user if I want to add a comment I can simply add a new comment let's say this is cool and of course you can add icons or emojis alongside with it okay and then post comment which you can see here this is my new comment this is cool and then some emojis and then you can see the time a moment ago and zero likes on my comment so for example as I told you you can also uh post comments different comments and you can like any user comment alongside with your own I can like a comment as you can see okay and I can dislike a comment which is already liked so you can see that I can also like any other user comment for example this one you can see now it becomes three likes now if I like this comment which is commented by Thor then the likes become four so that is really cool and really nice and now the next feature is you can search for any profile that is for any user for example if I want to search let's say uh robot then I will just type Robert okay and you can see Robert it appears underscore Junior that is the most appropriate results you will get at the top and then the other one at the bottom that is after it so for example if I click on Robert underscore Junior which is the profile I am searching for so it will send me to the profile page of Robert Jr and when I go to the profile page of Robert Jr then it will show me Robert Jr following Robert Jr followers and Robert Jr likes now you already know about the total number of following that is Robert Jr is following two people okay how I will know I have to click on that so if I click on that I will see Robert Jr following two that is Robert Jr is following Elizabeth for Triad and Scarlett underscore j044 these two user Robert Jr is following them now if I go back and if I want to check Robert Jr followers then I will click on that so Robert Jr is Robert Jr has four followers that is uh thori Thor life is following Robert Jr lattice following Robert Jr Peter Parker and Dr Anderson is following uh Robert Jr so I can check the following list the followers list of Robert Jr and similarly we have the total number of likes which Robert Jr got from different users for example these like simply means let's say Robert Junior has a product these three videos so the total number of likes on Robert Jr videos for example if I show you this video has one like okay as you can see and then this video it has four likes so it becomes five and then this video has two likes so five plus two seven so total seven likes now let's say if I like any video let's say I like this one and I go back then you will notice that the number of live likes increase to at that is Robert Jr has total eight likes on all his videos okay that is Robert Jr has three videos and all of them Robert Jr has got eight likes from different user across the app as currently Scarlett is online user and Scarlett you already know that uh Skylight is following Robert Jr as you can see okay Scarlet is inside the following list of robot Junior so for example if I unfollow Robert Jr as a Scarlet okay I'm currently online so I will simply click here and it will unfollow now if I check the follower list then you can see I I am removed now as a skylight user from the follower list of Robert Jr and you can also see the follower list decreased from 4 to 3 and the button is changed to follow so if I want to follow back then I will click again follow so you can see the button changed to unfollow and the follower list increased by one that is now in the follower list of Robert Jr I am available because currently I am following Robert Jr just like you guys see in Tick Tock I mean many amazing features we are going to add in this app I mean you will learn and develop all these amazing features in this course using flutter get X stat management with so now the next thing is also the uh let me search another user for example this time I'm going to search for aliciaf438 so for example the next feature is the Social Links for example if I want to go to the profile alicia438 I will just click on that so Olivia for the ad has zero followings that is Alicia Forte yet is following no one and he is followed by five people that is five followers so zero following list and five for our list that is he has five followers if we click on it we can see the follower list here and similarly he has uploaded uh seven videos and on all of his videos he got 23 likes from all the users across this app and one more thing is the Social Links for example if I want to go to the profile uh a Facebook profile or Instagram profile or Twitter profile or his YouTube channel then I have to click on it for example if I click on Instagram then it will just send me to the Instagram alizef438 so as you can see Muhammad Ali is f43 at now if I go back and if I want to check his Twitter then I will click on Twitter icon it will send me send me to his Twitter account as you can see here and also if I go back and similarly you can check his Facebook account and his YouTube account by clicking on that specific icon on YouTube Facebook Instagram or Twitter so you can see that so now if I go back and if you want to I mean go to any person profile you have to just search their profile here okay for example if I want to check Peter Parker then you can see this is Peter Parker profile and Scarlett is not following Peter Parker as you can see we can see this follow button if I start following him then I have to click on follow button so you can see button is changed to unfollow and now here the follower list number is changed to three if I check this now and here you can see I am now in his uh follower list as you know that currently I am logged in as Scarlett as you can see here okay you can see that you can also check this if you go to the me so you can see that currently I am logged in as Scarlet underscore j044 and here are these four videos uploaded by Skillet and you can see the following the followers of Scarlett and the total likes on his videos and similarly on the profile you can see the sign out button if Skillet want to sign out and you can also see this dotted button if you click on that then you can see the log out button and the settings if you go to these settings and in the settings you can update your profile picture and then you can also update your Social Links that is Facebook Instagram Twitter and YouTube so from the account settings you can update your profile settings and then we have the following that is people who I am currently following all those videos I can see here in my followings that is when I click on this following button similarly if I go to the home then on the home you already know that for you is basically all the popular videos from all the user across the app if any video become popular then it will come here in the for you based on the number of comments and likes similarly we have following here we see the videos from the people who currently I am following then we have the uh upload new video feature that is any online user if they want to upload any new video for example I will go here to the upload new video screen and I will just click on upload new video you can choose any video from the gallery or you can record a video using your phone camera or you can upload that so for example first let's check this first one which is to so from the gallery let's choose this video as you can see it is playing and now I have to provide the artist or song name so let's say I will simply say default Dash song anything I mean the song name you have to type then you have to type the description and text for this video so I can say this is kit timing and then of course you can provide hashtag let's say kit uh driving and so on and then you can click on upload now so it will start uploading the video and you can see that it is uploading so we have to wait for it similarly you can record a video using your phone camera so if I click camera then it will open up the phone camera and my phone camera I can record any video for example I will simply start the recording let's say as you can see okay and now if I stop the video then it will bring this video in the upload form as you can see here okay and then here I have to of course provide the artist name uh song name description and some text and then I can simply upload this video so you will learn and develop these incredible tick clock loan application a fully functional Tick Tock loan application using flutter get X stat management with Firebase firestore as backend so I hope you will love this course and yeah see you guys in the course bye for now

Channel: Muhammad Ali's Coding Cafe

Views: 14,911

Keywords: video sharing app react, video sharing app for android, video sharing app android studio, video sharing app using react, android video sharing app, android video sharing, android tiktok dark mode, android tiktok, android tiktok clone, ios tiktok, ios tiktok in android, ios tiktok clone, flutter tiktok clone, flutter tiktok app, flutter tiktok video player, flutter tiktok ui, flutter tiktok api, flutter tiktok scroll, flutter tiktok downloader, flutter tiktok clone github, ios

Id: lPwzBVMcj1s

Length: 13min 34sec (814 seconds)

Published: Tue Mar 07 2023