Build Instagram Clone | Flutter & Firebase Tutorial for Beginners to Advanced | iOS, Android & Web
Build Responsive Instagram Clone using Flutter & Firebase (for Beginners)! After this tutorial, you will be able to use Firebase in any of your projects. You will learn about Firestore, Firebase Auth, Firebase Storage, Responsive UI and much more!
Source Code: https://github.com/RivaanRanawat/inst...
Timestamps:
(00:00:00) Intro
(00:00:07) Demo
(00:03:13) Prerequisites
(00:04:19) Setup & Theming the App
(00:09:19) Building Responsive Layout Widget
(00:15:35) Setting Up Firebase
(00:32:58) Login Screen UI (Mobile)
(00:55:46) Signup Screen UI (Mobile)
(01:02:29) Firebase Signup Auth
(01:52:00) Firebase Login Auth
(02:02:21) Persisting Auth State
(02:19:37) Modelling User Data
(02:25:35) User Data State Management
(02:47:50) Mobile Bottom App Bar
(02:57:37) Add Post Screen UI
(03:09:56) Selecting Image
(03:21:06) Storing Post Data in Firebase
(03:44:04) Feed Posts UI
(04:09:56) Displaying Post Data from Firebase
(04:21:52) Like Animation
(04:36:09) Updating Likes
(04:44:59) Comments Screen UI
(04:59:25) Storing Comments in Firestore
(05:09:35) Displaying Comments
(05:25:46) Deleting Post
(05:28:44) Searching Users
(05:39:33) Showing Posts on Search Screen
(05:45:54) Creating Reusable Profile Screen UI
(06:05:29) Displaying Profile Data
(06:27:04) Following Users
(06:35:18) Signing Out
(06:37:15) Creating Responsive UI
(06:51:03) Conclusion
colors.dart File: https://github.com/RivaanRanawat/inst...
Instagram Logo: https://github.com/RivaanRanawat/inst...
Firestore Rules: https://firebase.google.com/docs/fire...
Firebase: https://firebase.google.com
Pubspec Assist: https://marketplace.visualstudio.com/...
In case of error while configuring Firebase for iOS: https://stackoverflow.com/questions/6...
Renaming the android package: https://stackoverflow.com/questions/5...
Dependencies:
https://pub.dev/packages/firebase_core
https://pub.dev/packages/cloud_firestore
https://pub.dev/packages/firebase_auth
https://pub.dev/packages/firebase_sto...
https://pub.dev/packages/flutter_svg
https://pub.dev/packages/intl
https://pub.dev/packages/file_picker
https://pub.dev/packages/flutter_stag...
https://pub.dev/packages/provider
Connect With Me Here:
/ optimalcoding
[email protected]
https://github.com/rivaanranawat
/ namanrivaan
#flutter #firebase #ui #responsive #beginners
Watch video Build Instagram Clone | Flutter & Firebase Tutorial for Beginners to Advanced | iOS, Android & Web online without registration, duration hours minute second in high quality. This video was added by user Rivaan Ranawat 24 December 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 139,664 once and liked it 3 thousand people.