Loading...
「ツール」は右上に移動しました。
利用したサーバー: wtserver2
2973いいね 142285回再生

Flutter with Firebase Backend Project - Full Stack Tiktok Clone App | GetX

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

コメント