u/OSetupsin r/FlutterDev • Recommends
Tutorial on Building Instagram Clone With Flutter & Firebase
0:00 / 0:00
Build Instagram Clone | Flutter & Firebase Tutorial for Beginners to Advanced | iOS, Android & Web
Rivaan Ranawat
87K subscribers • 5 videos on Hallway
- Recommended by 1 person: 1 in engineering communities.
- Presented by Rivaan Ranawat
- Linked in the descriptionRivaanRanawat/instagram-flutter-clone
- May be out of date. The tools, versions or practices it shows have likely moved on.
Intermediate. Assumes working knowledge.
160K views4 years ago1 recommendation
Mobile developmentCloud and DevOpsFlutter and React NativeFull-stack frameworks
Rivaan Ranawat teaches how to build a responsive Instagram clone using Flutter, Firebase Auth, Firestore, and state management.
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: github.com/RivaanRanawat/instagram-flutter-clone Timestamps: () Intro () Demo () Prerequisites () Setup & Theming the App () Building Responsive Layout Widget () Setting Up Firebase () Login Screen UI (Mobile) () Signup Screen UI (Mobile) () Firebase Signup Auth () Firebase Login Auth () Persisting Auth State () Modelling User Data () User Data State Management () Mobile Bottom App Bar () Add Post Screen UI () Selecting Image () Storing Post Data in Firebase () Feed Posts UI () Displaying Post Data from Firebase () Like Animation () Updating Likes () Comments Screen UI () Storing Comments in Firestore () Displaying Comments () Deleting Post () Searching Users () Showing Posts on Search Screen () Creating Reusable Profile Screen UI () Displaying Profile Data () Following Users () Signing Out () Creating Responsive UI () Conclusion colors.dart File: github.com/RivaanRanawat/instagram-flutter-clone/blob/master… Instagram Logo: github.com/RivaanRanawat/instagram-flutter-clone/blob/master… Firestore Rules: firebase.google.com/docs/firestore/security/get-started Firebase: firebase.google.com Pubspec Assist: marketplace.visualstudio.com/items?itemName=jeroen-meijer.pu… In case of error while configuring Firebase for iOS: stackoverflow.com/questions/64037496/none-of-your-spec-sourc… Renaming the android package: stackoverflow.com/questions/51534616/how-to-change-package-n… Dependencies: pub.dev/packages/firebase_core pub.dev/packages/cloud_firestore pub.dev/packages/firebase_auth pub.dev/packages/firebase_storage pub.dev/packages/flutter_svg pub.dev/packages/intl pub.dev/packages/file_picker pub.dev/packages/flutter_staggered_grid_view pub.dev/packages/provider Connect With Me Here: instagram.com/optimalcoding namanrivaan@gmail.com github.com/rivaanranawat namanrivaan.medium.com #flutter #firebase #ui #responsive #beginners