This course teaches learners how to build a responsive Instagram Clone using Flutter and Firebase. By the end of the course, students will be able to utilize Firebase in their projects, understand Firestore, Firebase Auth, Firebase Storage, and Responsive UI. The course covers topics such as setting up Firebase, user authentication, data management, UI design, and more. The teaching method includes hands-on coding demonstrations and practical implementation of features. This course is intended for individuals interested in mobile app development, Flutter, Firebase integration, and building full-stack 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
-
Build an Instagram Clone with React Native, Firebase Firestore, Redux, Expo - Full Course
-
Flutter App Development Course – Build a Twitter Clone with Appwrite and Riverpod
-
Flutter Course – Build Full Stack Google Docs Clone
-
Full Stack React & Firebase Tutorial - Build a social media app
-
Create an Instagram Clone with React, Tailwind CSS, Firebase - Tutorial
-
Code a Reddit Clone with React, Next.js, Firebase v9, Chakra UI – Full Course
Related articles
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.
