Build a full-stack Instagram clone using Flutter and Firebase in this comprehensive 7-hour course. Learn to create a responsive user interface, implement Firebase authentication, Firestore database, and Firebase storage. Master essential features like user registration, login, persisting auth state, posting images, likes, comments, user search, and profile management. Develop skills in state management, responsive design, and integrating various Flutter packages. By the end of this tutorial, you'll have the knowledge to incorporate Firebase into any of your future projects and create complex, feature-rich mobile applications.
Overview
Syllabus
) 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.
Taught by
freeCodeCamp.org
Related Courses
-
Flutter App Development Course – Build a Twitter Clone with Appwrite and Riverpod
-
Create an Instagram Clone with React, Tailwind CSS, Firebase - Tutorial
-
Build and Deploy an Instagram Clone with React and Firebase – Tutorial
-
Build an Instagram Clone with React Native, Firebase Firestore, Redux, Expo - Full Course
-
Full Stack React & Firebase Tutorial - Build a social media app
-
Full Stack Flutter, Firebase and Riverpod - Build a YouTube Clone
Reviews
5.0 rating, based on 2 Class Central reviews
-
Writing review for
Flutter & Firebase Course - Build a Full Stack Instagram Clone
via freeCodeCamp
This course helped me in understanding the firebase as it was a follow along session it was more practical and helpful. Thank you Class Central and freecodecamp. -
Mutie Ur RehmanThis course was very useful for me and everything was properly explained. I have learnt many new things and specially firebase. I am very thankful to gave such nice knowledge.
