
Build an instagram-like android app using jetpack compose, mvvm, and firebase, featuring login, signup, profile editing, posting images, and a responsive feed with likes, comments, and search.
Learn how udemy's review system affects course visibility. Seek constructive feedback and aim for 5-star ratings to improve your course.
Define the functional requirements for an Instagram clone built with Android Jetpack Compose and MVVM, covering Firebase authentication, Firestore data models, storage for images, feed, my posts, and comments.
Implement a create or update user profile function in Firestore, using the current user's uid and fields like name, username, bio, and image URL, updating or creating as needed.
Navigate between login and signup screens using a nav controller in Jetpack Compose, with a navigate function that pops up to the destination and launches single top.
Upload profile and post images with a view model and Firebase storage, updating profile data via the image download URL and a profile image UI with an activity result launcher.
Split post descriptions into lowercase keywords and filter out filler words to enable Firestore-based search. Store these keywords with each post on creation and use them to power search screen.
Create a feed screen with a top user image and a single-column post list in jetpack compose, loading personalized posts from the view model and showing a loading spinner.
Implement a like animation in a Jetpack Compose composable, animating a heart between small and large sizes with a spring transition. Double-tap triggers a red or gray heart over images.
Implement getComments(postId) in the IG view model to fetch and sort comments by timestamp from Firestore's comments collection, display them on the single post screen, and refresh after new comments.
Build a comments screen for an Instagram clone. Display a centered progress spinner, an empty state, and a lazy column of CommentRow items for username and text.
Wrap up the Instagram clone built with Android Jetpack Compose, Firebase, and MVVM, reviewing implemented screens like login, my post, edit profile, search, feed, single post, navigation, and Hilt integration.
Conclude by using the resulting application as a portfolio example, continuing to add features, and sharing or publishing it for personal use.
In this course we will build together an Instagram clone app from scratch.
We will use the most up to date Android development technologies. We will use Jetpack Compose, MVVM for the app architecture, Hilt for dependency injection, Jetpack Navigation for moving around in the app, Coil for image loading and Firebase for the backend API. We will even use Coroutines here and there.
This is a slightly more advanced course. It doesn't aim to teach you the basics of Jetpack Compose, but instead, how to use it in the context of a real project, to build a complete app from scratch. In this course we won't discuss the basics of Compose or any of the libraries we use. Instead we will focus on building an app. We will go step by step, line by line and build the application from scratch.
We will implement multiple Instagram specific and general features like:
Authentication using Firebase authentication
Profile screens
Creating posts
Follow users
Like posts
Comments
Search screen
Post feed screen
and more
If you've taken a Jetpack Compose course before and you know the basics, but you're not sure where to go from here, this is the course for you.
This is also an excellent project course for someone who wants to sharpen their Android development skills.
So sign up today and let's build an Instagram clone app with Jetpack Compose.