Creating android app using MVVM + Coroutines + Flow + Hilt

In this tutorial, I will explain the MVVM architecture with kotlin coroutines and kotlin flow with hilt dependency injection. Also, I will explain the Room database with the flow in this tutorial.

MVVM with Flow and LiveData

let’s begin with a short introduction about the features I will use in this tutorial.

What is MVVM?

MVVM (Model-View-ViewModel) pattern helps to separate the business and presentation logic from the UI completely, and the business logic and UI can be separated for easier testing and maintenance. Let’s take a look at View, ViewModel, and Model.

mvvm architecture


The view is responsible for the layout structure displayed on the screen. You can also execute UI logic.


The ViewModel implements the data and commands connected to the View to notify the View of state changes via change notification events. Then, the View that receives the state change notification determines whether to apply the change.


Model is a non-visual class that has the data to use. Examples include DTO (Data Transfer Objects), POJO (Plain Old Java Objects), and entity objects. It is a commonly used service or repository that needs to access or cache data.

If you want to learn more about MVVM, check the below tutorials,

MVVM with Kotlin Coroutines and Retrofit [Example] – Howtodoandroid

MVVM With Retrofit and Recyclerview in Kotlin [Example] (

Basic of Kotlin Coroutines

A coroutine is a concurrency design pattern that you can use on Android to simplify code that executes asynchronously. Coroutines were added to Kotlin in version 1.3 and are based on established concepts from other languages.

The main advantages of using Coroutines

  • They are light-weight
  • Built-in cancellation support
  • Lower chances for memory leaks
  • Jetpack libraries provide coroutines support

To know more about the kotlin coroutines,

Kotlin Coroutines for Android Development – Howtodoandroid

Kotlin Coroutines – Exception Handling and Cancellation – Howtodoandroid

Introduction to Kotlin flow

  • The Flow is a type that can emit multiple values sequentially, as opposed to suspending functions that return only a single value. For example, you can use a flow to receive live updates from a database.
  • Flows are built on top of coroutines and can provide multiple values.
  • A flow is conceptually a stream of data that can be computed asynchronously.
  • The emitted values must be of the same type.
Kotlin flows on Android  |  Android Developers

This is a very short introduction to the kotlin flow. I will create a separate tutorial on kotlin flow soon.

Hilt dependency injection

The hilt is a dependency injection library for Android that reduces the boilerplate of doing manual dependency injection in your project. Hilt provides a standard way to use DI in your application by automatically providing containers for every Android class in your project and managing their lifecycles.

Also, check the below link to know more about the hilt,

Dependency injection on Android with Hilt[Example] – Howtodoandroid

Enough theory, let’s start with creating an android application using MVVM, kotlin coroutines, and flow.

MVVM + Coroutines + Flow + Hilt Example

The first step is to add dependencies for the components, like ViewModel, Coroutines, Hilt, Flow, Room, Retrofit, etc.

        implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-android:1.5.2'

        implementation ""
        kapt ""

        // retrofit
        implementation 'com.squareup.retrofit2:retrofit:2.9.0'
        implementation "com.squareup.okhttp3:okhttp:4.7.2"
        implementation "com.squareup.okhttp3:logging-interceptor:4.7.2"
        implementation 'com.squareup.retrofit2:converter-gson:2.9.0'

        implementation "androidx.activity:activity-ktx:1.4.0"
        implementation "androidx.fragment:fragment-ktx:1.4.1"
        implementation "androidx.lifecycle:lifecycle-viewmodel-ktx:2.4.1"
        implementation "androidx.lifecycle:lifecycle-runtime-ktx:2.4.1"
        // glide
        implementation 'com.github.bumptech.glide:glide:4.13.0'
        annotationProcessor 'com.github.bumptech.glide:compiler:4.13.0'

Hilt Dependency injection setup

Set the application as HiltAndroidApp.

    class MyApplication: Application() {

        override fun onCreate() {

Also, don’t forget to add the application class and internet permission to the AndroidManifest.xml file.

<manifest xmlns:android=""

        <uses-permission android:name="android.permission.INTERNET"/>

                    <action android:name="android.intent.action.MAIN" />

                    <category android:name="android.intent.category.LAUNCHER" />


create the network module for retrofit setup.


    object NetworkModule {

        fun provideOkHttp() : OkHttpClient{
            return OkHttpClient.Builder()

        fun provideLoggingInterceptor(): HttpLoggingInterceptor {
            return HttpLoggingInterceptor().apply {
                this.level = HttpLoggingInterceptor.Level.BODY

        fun provideRetrofit(okHttpClient: OkHttpClient): Retrofit {
            return Retrofit.Builder()

        fun provideApiClient(retrofit: Retrofit): ApiService {
            return retrofit.create(


for the API calls, I am using To use this API need an account with

and the Response Model, Model.kt

    data class Movie(
        val id: String,
        val title: String,
        val year: String,
        val image: String,
        val imDbRating: String

    data class MovieResponse(val items: List<Movie>, val errorMessage: String)

Repository setup with flow

On the repository, I am calling the API service and returning the response as flow to ViewModel. Also, I am using NetworkResult sealed class to emit different statuses of the network call.


sealed class NetworkResult<T> {
        data class Loading<T>(val isLoading: Boolean) : NetworkResult<T>()
        data class Success<T>(val data: T) : NetworkResult<T>()
        data class Failure<T>(val errorMessage: String) : NetworkResult<T>()


class MainRepository @Inject constructor(private val apiService: ApiService) {

        suspend fun getPopularMovies()  = flow {
            val response = apiService.getMostPopularMovies()
        }.catch { e ->
            emit(NetworkResult.Failure(e.message ?: "Unknown Error"))

ViewModel setup with Livedata

In the ViewModel collect the flow and set the response to livedata for UI changes.

    class MainViewModel @Inject constructor(
        private val mainRepository: MainRepository
    ) : ViewModel() {

        private var _movieResponse = MutableLiveData<NetworkResult<List<Movie>>>()
        val movieResponse: LiveData<NetworkResult<List<Movie>>> = _movieResponse

        init {

        private fun fetchAllMovies() {
            viewModelScope.launch {
                mainRepository.getPopularMovies().collect {

Observe the changes in UI

finally, I have observed the changes from ViewModel to UI class.

    class MainActivity : AppCompatActivity() {

        private lateinit var binding: ActivityMainBinding

        private val mainViewModel: MainViewModel by viewModels()
        lateinit var movieAdapter: MovieAdapter

        override fun onCreate(savedInstanceState: Bundle?) {
            binding = ActivityMainBinding.inflate(layoutInflater)

            binding.rvMovies.adapter = movieAdapter

            movieAdapter.setItemClick(object : ClickInterface<Movie> {
                override fun onClick(data: Movie) {
                    Toast.makeText(this@MainActivity, data.title, Toast.LENGTH_SHORT).show()

            mainViewModel.movieResponse.observe(this) {
                when(it) {
                    is NetworkResult.Loading -> {
                        binding.progressbar.isVisible = it.isLoading

                    is NetworkResult.Failure -> {
                        Toast.makeText(this, it.errorMessage, Toast.LENGTH_SHORT).show()
                        binding.progressbar.isVisible = false

                    is  NetworkResult.Success -> {
                        binding.progressbar.isVisible = false



that’s it. we have done with the coding let’s run the code and check it. Now you can able to see the list of movies in recyclerview.

mvvm sample screenshot

you can download this example from GitHub.


Leave a Reply

Your email address will not be published. Required fields are marked *

Latest Posts