Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Android Jetpack Compose with Retrofit Room Hilt in Kotlin

Name: Android Jetpack Compose with Retrofit Room Hilt in Kotlin
Rating: 4.4 (57 reviews)

Develop an app that displays Mars photos with ViewModel and Repositories with dependency injection and Flow coroutines

Created byAlexandre Genet

Last updated 8/2024

English

What you'll learn

Create an modern Android application with Jetpack Compose in Kotlin
Organize the code with separate layers (ViewModels MVVM, repositories and data layers)
Room database and Retrofit
Understand the basic of Flow and Kotlin coroutine
Start Jetpack composable in a UI tests
Write unit tests
Create animations
Create a theme using Material3 with dark and light modes and custom fonts
Use Hilt for dependency injection (a dagger-based framework)
Create a Bottom Navigation and Navigate between screens

Course content

11 sections • 39 lectures • 7h 46m total length

Project introduction3:40
In this first part, we will explore the Android App that we will building during this course. We will also look at the NASA API used to get the data and image to be displayed.
Get NASA Api key (optional)1:17
We will see how we can create a NASA API key on the api.nasa.gov website. This step is optional, using the DEMO_KEY is possible for this course.
Basic understanding of Flow Kotlin coroutine1:38
Thought a simple basketball example we will describe the observable pattern with Flow.
Code organization3:52
Discover how the code will be organized into 4 layers:
Activity/Compose elements
ViewModels
Repositories
Data layers (Retrofit for API network requests and Room for local database)

We will describe the observation pattern to illustrate how the data are updated on the screen.

This lecture will feature some code examples to explain the relationship between layers.
Quiz Code organization and Flow coroutine
Android Studio setup5:22

How to use Room2:34
Reading of the Room documentation to understand how we will use it inside the Android application.
Create a database and add data40:57
We will create the sqlite marsRover.db using Room. We will define one table for this database by creating the MarsRoverSavedLocalModel. In addition, we will create the DAO to access the data.

Then we will use Flow Combine to mix network data with local data. In order to display the rover photo with the status save/not save. We will also make the photo card clickable to change this status.
Display data from the database16:31
Create the saved screen accessible from the bottom bar with the saved photo that came from the database. In the downloadable material, you will find the Android project at the end of this stage.
Debug database1:15
In this video, we will use Android Studio to explore what data is written in our local database.

How to update colors1:29
This article describes how to create light and dark theme for our app. The next video is a live coding of it.
Update colors8:08
Define a light and dark theme with personalized colors to create the unique Mars Rover Explorer Android application.
Update fonts40:29
Learn how to change to font of the app using Material3 theme.
Create animation for the save icon5:08
In this lecture, we will animate the save/unsave icon when the user saves or unsaves the photo. The animation will be a scale-in/scale-out type. We will also play with duration.

Manifest Convertor Unit Test12:41
Manifest ViewModel Test with mockk and MainCoroutineRule22:24
In this lecture, we will create a MarsRoverManifestViewModelTest to test the MarsRoverManifestViewModel.
Mockk dependency will be added to mock a MarsRoverManifestRepo and control answers for this repo.
We will also add a MainCoroutineRule to use coroutines in our test.
In addition, we will refactor MarsRoverManifestViewModel to use the IoDispatcher in our coroutine.
Manifest Repo Test16:43
We will write tests for the MarsRoverManifestRepo and use mockk to predefine answers for the MarsRoverManifestService (success and error).
Photo List ViewModel Test19:46
We will use test with coverage to verify that we test all the lines in the MarsRoverPhotoViewModel.
Photo Repo Test35:24
In this video, we will write unit tests on the function that combines data from the Retrofit interface (network request) and the Dao interface (room database) into a single model.

Creation the first UI test for the rover list6:08
We will create a composeTestRule to manipulate composable functions automatically. We will also update the version numbers for the BOM and Junit4 UI tests.
Create the UI test that will test the manifest list (second screen of the App)6:10
In this lecture, we will have a UI test that will start the Manifest compose function. For this, we will create a fake list of RoverManifestUiModel, then use composeTestRule to start the screen and run text assertions.
Create the UI test for the photo list (third screen of the App)8:21
We will create on automated test that display a predefined list of photo and verify that some texts are display and id our screen contains item with the content description "save icon".

Requirements

Basic knowledge of Kotlin and Android

Description

During this course, we will develop an Android application that will display photos taken by the rovers on Mars using Android Studio.

This app will use all the latest Jetpack technologies:

Compose (no more XML)
Hilt (Dagger Dependency Injection Framework)
Room (Jetpack component to create a lite database)
Retrofit (REST client)
Coroutines and Flow (To create asynchronous tasks and request our database)

You also use ViewModels with Jetpack to use an MVVM Repository architecture.

With this example, you should be able to create an Android App to the industry standard.

Navigation with Jetpack Compose could be challenging, so we will create a simple example with 4 screens and a BottomNav to understand it. A Scaffold will be use to create the BottomNav.

Your productivity will be improve as Jetpack Compose is easier to write and reuse.

You will improve your knowledge of Kotlin. If you still use Java, this course is an opportunity to learn.

Compose is a new way to create a UI on Android. It is more concise and reusable. Therefore, it helps to develop faster Android applications.

In this app we will use Jetpack Compose Components from Materal3:

Card
LazyColumn
Column
Row
AsyncIamge (from the Coil lib to display an image from a server)
Text
Image
NavHost (to use navigation)
NavigationBar
NavigationBarItem
Box
Scaffold

We will also see how we can use a modifier to define padding.

Who this course is for:

Android developers who wants to learn Jetpack Compose
Android developers who wants to increase code quality

Android Jetpack Compose with Retrofit Room Hilt in Kotlin

What you'll learn

Explore related topics

Course content

Introduction5 lectures • 16min

Basic Compose4 lectures • 27min

Compose Navigation2 lectures • 19min

Display a compose list based on a network request4 lectures • 1hr 14min

Create a list with image5 lectures • 1hr 2min

Create a bottom navigation2 lectures • 24min

Save data in the application4 lectures • 1hr 1min

Material3 : Update colors and fonts4 lectures • 55min

Unit test5 lectures • 1hr 47min

UI test3 lectures • 21min

Requirements

Description

Who this course is for: