Use Flutter, Firebase & GetX to Build Full Stack TikTok Clone.
Source Code: github.com/RivaanRanawat/tiktok-flutter-clone/
Features:
Authentication with Email & Password
Uploading Videos with Caption
Compressing Videos
Generating Thumbnails Out of Video
Displaying Videos with Caption
Liking on Posts
Commenting on Posts
Liking the Comments
Searching Users
Following Users
Displaying Followers, Following, Likes & Posts of User
TikTok Like UI
Time Stamps:
(00:00:00) Demo
(00:03:26) Prerequisites
(00:03:36) Setup
(00:06:38) Login Screen UI
(00:20:49) Sign Up Screen UI
(00:25:59) Authentication Logic
(00:30:07) Firebase Setup
(00:44:44) Creating User Model
(01:02:01) Persisting User State
(01:06:54) Bottom Tab Bar
(01:15:29) Add Video Screen
(01:23:26) Confirm Video Screen
(01:32:34) Uploading Video
(01:52:53) Displaying Videos
(02:15:24) Add Video Controller
(02:23:44) Liking Posts
(02:28:19) Commenting & Liking Comments on Posts
(02:59:00) Search Screen
(03:11:31) Profile Screen
(03:48:42) Conclusion
Links:
Colors: github.com/RivaanRanawat/tiktok-flutter-clone/blob…
GetX: pub.dev/packages/get
Firebase Core: pub.dev/packages/firebase_core
Cloud Firestore: pub.dev/packages/cloud_firestore
Firebase Auth: pub.dev/packages/firebase_auth
Firebase Storage: pub.dev/packages/firebase_storage
Time Ago: pub.dev/packages/timeago
Video Player: pub.dev/packages/video_player
Video Compress: pub.dev/packages/video_compress
Image Picker: pub.dev/packages/image_picker
Cached Network Image: pub.dev/packages/cached_network_image
#flutter #firebase #getx
コメント