Flutter and Firebase can work well together to create a full stack app.
We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to build an Instagram clone using Flutter on the front end and Firebase on the back end.
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!
Rivaan Ranawat created this course. He is an experienced developer and has created many popular programming courses.
This Instagram clone features basic features such as user creation, creating posts, uploading images, liking/disliking posts, following users, real-time sync, commenting, searching and more.
(And speaking of Instagram, are you following freeCodeCamp's Instagram page?)
Here are the sections covered in this course:
- Demo of the App
- 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
Watch the full course below or on the freeCodeCamp.org YouTube channel (7-hour watch).