diff --git a/app/build.gradle b/app/build.gradle
index fdb82bf..dc9af91 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -31,6 +31,9 @@ android {
     sourceSets {
         androidTest.assets.srcDirs += files("$projectDir/schemas".toString())
     }
+    dataBinding {
+        enabled = true
+    }
 }
 
 configurations {
@@ -61,17 +64,16 @@ dependencies {
     implementation "com.google.android.material:material:1.0.0"
 
     /* Testing */
-    testImplementation "junit:junit:4.12"
+    testImplementation "androidx.test.ext:junit:1.1.0"
     testImplementation "org.mockito:mockito-core:2.23.4"
+    testImplementation "androidx.room:room-testing:2.1.0-alpha04"
+    androidTestImplementation "androidx.test.ext:junit:1.1.0"
     androidTestImplementation "org.mockito:mockito-android:2.23.4"
     androidTestImplementation "com.nhaarman.mockitokotlin2:mockito-kotlin:2.1.0"
     androidTestImplementation "com.github.tmurakami:dexopener:2.0.0"
-    androidTestImplementation "com.android.support.test.espresso:espresso-core:3.0.2"
-    androidTestImplementation("com.android.support.test.espresso:espresso-contrib:3.0.2") {
-        exclude group: "com.android.support"
-    }
-    androidTestImplementation "com.android.support.test.espresso:espresso-intents:3.0.2"
-    testImplementation "androidx.room:room-testing:2.1.0-alpha04"
+    androidTestImplementation "androidx.test.espresso:espresso-core:3.1.1"
+    androidTestImplementation "androidx.test.espresso:espresso-contrib:3.1.1"
+    androidTestImplementation "androidx.test.espresso:espresso-intents:3.1.1"
     androidTestImplementation "androidx.room:room-testing:2.1.0-alpha04"
 }
 
diff --git a/app/screenshots/com.karumi.jetpack.superheroes.ui.view.EditSuperHeroActivityTest_showsJustOneSuperHero.png b/app/screenshots/com.karumi.jetpack.superheroes.ui.view.EditSuperHeroActivityTest_showsJustOneSuperHero.png
index dbb83c1..e371f10 100644
Binary files a/app/screenshots/com.karumi.jetpack.superheroes.ui.view.EditSuperHeroActivityTest_showsJustOneSuperHero.png and b/app/screenshots/com.karumi.jetpack.superheroes.ui.view.EditSuperHeroActivityTest_showsJustOneSuperHero.png differ
diff --git a/app/src/androidTest/java/android/support/test/InstrumentationRegistry.kt b/app/src/androidTest/java/android/support/test/InstrumentationRegistry.kt
new file mode 100644
index 0000000..0f43e42
--- /dev/null
+++ b/app/src/androidTest/java/android/support/test/InstrumentationRegistry.kt
@@ -0,0 +1,20 @@
+package android.support.test
+
+import android.content.Context
+import androidx.test.core.app.ApplicationProvider
+
+/**
+ * This solves the issue with mockito looking for InstrumentationRegistry with reflection.
+ * Hopefully this class won't be required with a mockito update.
+ *
+ * Report: https://github.com/mockito/mockito/issues/1472
+ * Solution: https://github.com/mockito/mockito/pull/1583
+ */
+class InstrumentationRegistry {
+    companion object {
+        @JvmStatic
+        fun getTargetContext(): Context? {
+            return ApplicationProvider.getApplicationContext()
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/androidTest/java/com/karumi/TestRunner.kt b/app/src/androidTest/java/com/karumi/TestRunner.kt
index b4f791d..d184bcc 100644
--- a/app/src/androidTest/java/com/karumi/TestRunner.kt
+++ b/app/src/androidTest/java/com/karumi/TestRunner.kt
@@ -3,7 +3,7 @@ package com.karumi
 import android.app.Application
 import android.content.Context
 import android.os.Bundle
-import android.support.test.runner.AndroidJUnitRunner
+import androidx.test.runner.AndroidJUnitRunner
 import com.facebook.testing.screenshot.ScreenshotRunner
 import com.github.tmurakami.dexopener.DexOpener
 
diff --git a/app/src/androidTest/java/com/karumi/jetpack/superheroes/data/repository/room/MigrationTest.kt b/app/src/androidTest/java/com/karumi/jetpack/superheroes/data/repository/room/MigrationTest.kt
index 3f9d335..9afbe0a 100644
--- a/app/src/androidTest/java/com/karumi/jetpack/superheroes/data/repository/room/MigrationTest.kt
+++ b/app/src/androidTest/java/com/karumi/jetpack/superheroes/data/repository/room/MigrationTest.kt
@@ -1,9 +1,9 @@
 package com.karumi.jetpack.superheroes.data.repository.room
 
-import android.support.test.InstrumentationRegistry
 import androidx.room.testing.MigrationTestHelper
 import androidx.sqlite.db.SupportSQLiteDatabase
 import androidx.sqlite.db.framework.FrameworkSQLiteOpenHelperFactory
+import androidx.test.platform.app.InstrumentationRegistry
 import com.karumi.jetpack.superheroes.common.Migrations
 import com.karumi.jetpack.superheroes.common.SuperHeroesDatabase
 import org.junit.Assert.assertEquals
diff --git a/app/src/androidTest/java/com/karumi/jetpack/superheroes/ui/view/AcceptanceTest.kt b/app/src/androidTest/java/com/karumi/jetpack/superheroes/ui/view/AcceptanceTest.kt
index bbcfd71..cfd9fcb 100644
--- a/app/src/androidTest/java/com/karumi/jetpack/superheroes/ui/view/AcceptanceTest.kt
+++ b/app/src/androidTest/java/com/karumi/jetpack/superheroes/ui/view/AcceptanceTest.kt
@@ -3,11 +3,11 @@ package com.karumi.jetpack.superheroes.ui.view
 import android.app.Activity
 import android.content.Intent
 import android.os.Bundle
-import android.support.test.InstrumentationRegistry
-import android.support.test.espresso.intent.rule.IntentsTestRule
-import android.support.test.filters.LargeTest
-import android.support.test.runner.AndroidJUnit4
-import com.karumi.jetpack.superheroes.asApp
+import androidx.test.core.app.ApplicationProvider
+import androidx.test.espresso.intent.rule.IntentsTestRule
+import androidx.test.ext.junit.runners.AndroidJUnit4
+import androidx.test.filters.LargeTest
+import com.karumi.jetpack.superheroes.SuperHeroesApplication
 import com.nhaarman.mockitokotlin2.any
 import com.nhaarman.mockitokotlin2.mock
 import org.junit.Before
@@ -38,10 +38,9 @@ abstract class AcceptanceTest<T : Activity>(clazz: Class<T>) : ScreenshotTest {
     @Before
     fun setup() {
         MockitoAnnotations.initMocks(this)
-        val app = InstrumentationRegistry.getInstrumentation().targetContext.asApp()
+        val app = ApplicationProvider.getApplicationContext<SuperHeroesApplication>()
         app.override(Kodein.Module("Base test dependencies", allowSilentOverride = true) {
             import(testDependencies, allowOverride = true)
-
             bind<ExecutorService>() with instance(executorServiceOnUiThread)
         })
     }
diff --git a/app/src/androidTest/java/com/karumi/jetpack/superheroes/ui/view/ScreenshotTest.kt b/app/src/androidTest/java/com/karumi/jetpack/superheroes/ui/view/ScreenshotTest.kt
index 4d912d8..a1592c4 100644
--- a/app/src/androidTest/java/com/karumi/jetpack/superheroes/ui/view/ScreenshotTest.kt
+++ b/app/src/androidTest/java/com/karumi/jetpack/superheroes/ui/view/ScreenshotTest.kt
@@ -2,11 +2,11 @@ package com.karumi.jetpack.superheroes.ui.view
 
 import android.app.Activity
 import android.content.Context
-import android.support.test.InstrumentationRegistry.getInstrumentation
 import android.util.DisplayMetrics
 import android.view.View
 import android.view.WindowManager
 import androidx.recyclerview.widget.RecyclerView
+import androidx.test.platform.app.InstrumentationRegistry
 import com.facebook.testing.screenshot.Screenshot
 import com.facebook.testing.screenshot.ViewHelpers
 
@@ -20,7 +20,7 @@ interface ScreenshotTest {
     }
 
     fun compareScreenshot(view: View, height: Int) {
-        val context = getInstrumentation().targetContext
+        val context = InstrumentationRegistry.getInstrumentation().targetContext
         val windowManager = context.getSystemService(Context.WINDOW_SERVICE) as WindowManager
         val metrics = DisplayMetrics()
         windowManager.defaultDisplay.getMetrics(metrics)
diff --git a/app/src/androidTest/java/com/karumi/jetpack/superheroes/ui/view/SuperHeroViewHolderTest.kt b/app/src/androidTest/java/com/karumi/jetpack/superheroes/ui/view/SuperHeroViewHolderTest.kt
index f55dc42..8204503 100644
--- a/app/src/androidTest/java/com/karumi/jetpack/superheroes/ui/view/SuperHeroViewHolderTest.kt
+++ b/app/src/androidTest/java/com/karumi/jetpack/superheroes/ui/view/SuperHeroViewHolderTest.kt
@@ -1,7 +1,7 @@
 package com.karumi.jetpack.superheroes.ui.view
 
-import android.support.test.InstrumentationRegistry.getInstrumentation
 import android.view.LayoutInflater
+import androidx.test.platform.app.InstrumentationRegistry
 import com.karumi.jetpack.superheroes.R
 import com.karumi.jetpack.superheroes.domain.model.SuperHero
 import com.karumi.jetpack.superheroes.ui.presenter.SuperHeroesPresenter
@@ -52,7 +52,7 @@ class SuperHeroViewHolderTest : ScreenshotTest {
     }
 
     private fun givenASuperHeroViewHolder(): SuperHeroViewHolder {
-        val context = getInstrumentation().targetContext
+        val context = InstrumentationRegistry.getInstrumentation().targetContext
         val inflater = LayoutInflater.from(context)
         val view = inflater.inflate(R.layout.super_hero_row, null, false)
         return SuperHeroViewHolder(
diff --git a/app/src/main/java/com/karumi/jetpack/superheroes/SuperHeroesApplication.kt b/app/src/main/java/com/karumi/jetpack/superheroes/SuperHeroesApplication.kt
index e62acd9..04f70d0 100644
--- a/app/src/main/java/com/karumi/jetpack/superheroes/SuperHeroesApplication.kt
+++ b/app/src/main/java/com/karumi/jetpack/superheroes/SuperHeroesApplication.kt
@@ -1,7 +1,6 @@
 package com.karumi.jetpack.superheroes
 
 import android.app.Application
-import android.content.Context
 import com.karumi.jetpack.superheroes.common.SuperHeroesDatabase
 import com.karumi.jetpack.superheroes.common.module
 import com.karumi.jetpack.superheroes.data.repository.LocalSuperHeroDataSource
@@ -53,6 +52,4 @@ class SuperHeroesApplication : Application(), KodeinAware {
             Executors.newCachedThreadPool()
         }
     }
-}
-
-fun Context.asApp() = this.applicationContext as SuperHeroesApplication
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/karumi/jetpack/superheroes/ui/presenter/EditSuperHeroPresenter.kt b/app/src/main/java/com/karumi/jetpack/superheroes/ui/presenter/EditSuperHeroPresenter.kt
index e1856d7..bee63f1 100644
--- a/app/src/main/java/com/karumi/jetpack/superheroes/ui/presenter/EditSuperHeroPresenter.kt
+++ b/app/src/main/java/com/karumi/jetpack/superheroes/ui/presenter/EditSuperHeroPresenter.kt
@@ -15,7 +15,7 @@ class EditSuperHeroPresenter(
     private val getSuperHeroById: GetSuperHeroById,
     private val saveSuperHero: SaveSuperHero,
     private val executor: ExecutorService
-) : LifecycleObserver {
+) : EditSuperHeroListener, LifecycleObserver {
 
     private val view: View? by weak(view)
     private lateinit var id: String
@@ -40,7 +40,7 @@ class EditSuperHeroPresenter(
         executor.shutdownNow()
     }
 
-    fun onSaveSuperHeroSelected(
+    override fun onSaveSuperHeroSelected(
         name: String,
         description: String,
         isAvenger: Boolean
@@ -74,8 +74,16 @@ class EditSuperHeroPresenter(
 
     interface View {
         fun close()
-        fun showLoading()
         fun hideLoading()
+        fun showLoading()
         fun showSuperHero(superHero: SuperHero)
     }
+}
+
+interface EditSuperHeroListener {
+    fun onSaveSuperHeroSelected(
+        name: String,
+        description: String,
+        isAvenger: Boolean
+    )
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/karumi/jetpack/superheroes/ui/presenter/SuperHeroDetailPresenter.kt b/app/src/main/java/com/karumi/jetpack/superheroes/ui/presenter/SuperHeroDetailPresenter.kt
index df5aa3d..8df0af2 100644
--- a/app/src/main/java/com/karumi/jetpack/superheroes/ui/presenter/SuperHeroDetailPresenter.kt
+++ b/app/src/main/java/com/karumi/jetpack/superheroes/ui/presenter/SuperHeroDetailPresenter.kt
@@ -13,7 +13,7 @@ class SuperHeroDetailPresenter(
     view: View,
     private val getSuperHeroById: GetSuperHeroById,
     private val executor: ExecutorService
-) : LifecycleObserver {
+) : SuperHeroDetailListener, LifecycleObserver {
 
     private val view: View? by weak(view)
 
@@ -38,7 +38,7 @@ class SuperHeroDetailPresenter(
         executor.shutdownNow()
     }
 
-    fun onEditSelected() {
+    override fun onEditSelected() {
         view?.openEditSuperHero(id)
     }
 
@@ -50,9 +50,13 @@ class SuperHeroDetailPresenter(
 
     interface View {
         fun close()
-        fun showLoading()
         fun hideLoading()
+        fun showLoading()
         fun showSuperHero(superHero: SuperHero)
         fun openEditSuperHero(superHeroId: String)
     }
+}
+
+interface SuperHeroDetailListener {
+    fun onEditSelected()
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/karumi/jetpack/superheroes/ui/presenter/SuperHeroesPresenter.kt b/app/src/main/java/com/karumi/jetpack/superheroes/ui/presenter/SuperHeroesPresenter.kt
index 0c0e180..6be0b79 100644
--- a/app/src/main/java/com/karumi/jetpack/superheroes/ui/presenter/SuperHeroesPresenter.kt
+++ b/app/src/main/java/com/karumi/jetpack/superheroes/ui/presenter/SuperHeroesPresenter.kt
@@ -43,9 +43,9 @@ class SuperHeroesPresenter(
 
     interface View {
         fun hideLoading()
-        fun showSuperHeroes(superHeroes: List<SuperHero>)
         fun showLoading()
         fun showEmptyCase()
+        fun showSuperHeroes(superHeroes: List<SuperHero>)
         fun openDetail(id: String)
     }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/karumi/jetpack/superheroes/ui/view/BaseActivity.kt b/app/src/main/java/com/karumi/jetpack/superheroes/ui/view/BaseActivity.kt
index 261b95a..a692ec3 100644
--- a/app/src/main/java/com/karumi/jetpack/superheroes/ui/view/BaseActivity.kt
+++ b/app/src/main/java/com/karumi/jetpack/superheroes/ui/view/BaseActivity.kt
@@ -4,12 +4,14 @@ import android.content.Intent
 import android.os.Bundle
 import androidx.appcompat.app.AppCompatActivity
 import androidx.appcompat.widget.Toolbar
+import androidx.databinding.DataBindingUtil
+import androidx.databinding.ViewDataBinding
 import androidx.lifecycle.LifecycleObserver
 import org.kodein.di.Kodein
 import org.kodein.di.KodeinAware
 import org.kodein.di.android.closestKodein
 
-abstract class BaseActivity : AppCompatActivity(), KodeinAware {
+abstract class BaseActivity<T : ViewDataBinding> : AppCompatActivity(), KodeinAware {
 
     private val appKodein by closestKodein()
     override val kodein: Kodein = Kodein.lazy {
@@ -20,11 +22,13 @@ abstract class BaseActivity : AppCompatActivity(), KodeinAware {
     abstract val layoutId: Int
     abstract val toolbarView: Toolbar
     abstract val activityModules: Kodein.Module
+    protected lateinit var binding: T
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         lifecycle.addObserver(presenter)
-        setContentView(layoutId)
+        binding = DataBindingUtil.setContentView(this, layoutId)
+        configureBinding(binding)
         setSupportActionBar(toolbarView)
         prepare(intent)
     }
@@ -34,5 +38,6 @@ abstract class BaseActivity : AppCompatActivity(), KodeinAware {
         lifecycle.removeObserver(presenter)
     }
 
+    abstract fun configureBinding(binding: T)
     open fun prepare(intent: Intent?) {}
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/karumi/jetpack/superheroes/ui/view/EditSuperHeroActivity.kt b/app/src/main/java/com/karumi/jetpack/superheroes/ui/view/EditSuperHeroActivity.kt
index 9b6fd70..88bce13 100644
--- a/app/src/main/java/com/karumi/jetpack/superheroes/ui/view/EditSuperHeroActivity.kt
+++ b/app/src/main/java/com/karumi/jetpack/superheroes/ui/view/EditSuperHeroActivity.kt
@@ -3,10 +3,10 @@ package com.karumi.jetpack.superheroes.ui.view
 import android.app.Activity
 import android.content.Intent
 import android.os.Bundle
-import android.view.View
 import androidx.appcompat.widget.Toolbar
 import com.karumi.jetpack.superheroes.R
 import com.karumi.jetpack.superheroes.common.module
+import com.karumi.jetpack.superheroes.databinding.EditSuperHeroActivityBinding
 import com.karumi.jetpack.superheroes.domain.model.SuperHero
 import com.karumi.jetpack.superheroes.domain.usecase.GetSuperHeroById
 import com.karumi.jetpack.superheroes.domain.usecase.SaveSuperHero
@@ -17,7 +17,10 @@ import org.kodein.di.erased.bind
 import org.kodein.di.erased.instance
 import org.kodein.di.erased.provider
 
-class EditSuperHeroActivity : BaseActivity(), EditSuperHeroPresenter.View {
+class EditSuperHeroActivity :
+    BaseActivity<EditSuperHeroActivityBinding>(),
+    EditSuperHeroPresenter.View {
+
     companion object {
         private const val SUPER_HERO_ID_KEY = "super_hero_id_key"
 
@@ -45,6 +48,11 @@ class EditSuperHeroActivity : BaseActivity(), EditSuperHeroPresenter.View {
         }
     }
 
+    override fun configureBinding(binding: EditSuperHeroActivityBinding) {
+        binding.listener = presenter
+        binding.isLoading = false
+    }
+
     override fun prepare(intent: Intent?) {
         title = superHeroId
         presenter.preparePresenter(superHeroId)
@@ -55,24 +63,16 @@ class EditSuperHeroActivity : BaseActivity(), EditSuperHeroPresenter.View {
     }
 
     override fun showLoading() = runOnUiThread {
-        et_super_hero_name.isEnabled = false
-        et_super_hero_description.isEnabled = false
-        bt_save_edition.isEnabled = false
-        progress_bar.visibility = View.VISIBLE
+        binding.isLoading = true
     }
 
     override fun hideLoading() = runOnUiThread {
-        et_super_hero_name.isEnabled = true
-        et_super_hero_description.isEnabled = true
-        bt_save_edition.isEnabled = true
-        progress_bar.visibility = View.GONE
+        binding.isLoading = false
     }
 
     override fun showSuperHero(superHero: SuperHero) = runOnUiThread {
-        et_super_hero_name.setText(superHero.name)
-        et_super_hero_description.setText(superHero.description)
+        binding.superHero = superHero
         iv_super_hero_photo.setImageBackground(superHero.photo)
-        cb_is_avenger.isChecked = superHero.isAvenger
     }
 
     override val activityModules = module {
diff --git a/app/src/main/java/com/karumi/jetpack/superheroes/ui/view/MainActivity.kt b/app/src/main/java/com/karumi/jetpack/superheroes/ui/view/MainActivity.kt
index 219c538..4521ade 100644
--- a/app/src/main/java/com/karumi/jetpack/superheroes/ui/view/MainActivity.kt
+++ b/app/src/main/java/com/karumi/jetpack/superheroes/ui/view/MainActivity.kt
@@ -1,11 +1,11 @@
 package com.karumi.jetpack.superheroes.ui.view
 
 import android.os.Bundle
-import android.view.View
 import androidx.appcompat.widget.Toolbar
 import androidx.recyclerview.widget.LinearLayoutManager
 import com.karumi.jetpack.superheroes.R
 import com.karumi.jetpack.superheroes.common.module
+import com.karumi.jetpack.superheroes.databinding.MainActivityBinding
 import com.karumi.jetpack.superheroes.domain.model.SuperHero
 import com.karumi.jetpack.superheroes.domain.usecase.GetSuperHeroes
 import com.karumi.jetpack.superheroes.ui.presenter.SuperHeroesPresenter
@@ -15,7 +15,7 @@ import org.kodein.di.erased.bind
 import org.kodein.di.erased.instance
 import org.kodein.di.erased.provider
 
-class MainActivity : BaseActivity(), SuperHeroesPresenter.View {
+class MainActivity : BaseActivity<MainActivityBinding>(), SuperHeroesPresenter.View {
 
     override val presenter: SuperHeroesPresenter by instance()
     private lateinit var adapter: SuperHeroesAdapter
@@ -29,6 +29,11 @@ class MainActivity : BaseActivity(), SuperHeroesPresenter.View {
         initializeRecyclerView()
     }
 
+    override fun configureBinding(binding: MainActivityBinding) {
+        binding.isLoading = false
+        binding.isShowingEmptyCase = false
+    }
+
     private fun initializeAdapter() {
         adapter = SuperHeroesAdapter(presenter)
     }
@@ -40,15 +45,15 @@ class MainActivity : BaseActivity(), SuperHeroesPresenter.View {
     }
 
     override fun showLoading() = runOnUiThread {
-        progress_bar.visibility = View.VISIBLE
+        binding.isLoading = true
     }
 
     override fun hideLoading() = runOnUiThread {
-        progress_bar.visibility = View.GONE
+        binding.isLoading = false
     }
 
     override fun showEmptyCase() = runOnUiThread {
-        tv_empty_case.visibility = View.VISIBLE
+        binding.isShowingEmptyCase = true
     }
 
     override fun showSuperHeroes(superHeroes: List<SuperHero>) = runOnUiThread {
diff --git a/app/src/main/java/com/karumi/jetpack/superheroes/ui/view/SuperHeroDetailActivity.kt b/app/src/main/java/com/karumi/jetpack/superheroes/ui/view/SuperHeroDetailActivity.kt
index ee62e3d..c333f5b 100644
--- a/app/src/main/java/com/karumi/jetpack/superheroes/ui/view/SuperHeroDetailActivity.kt
+++ b/app/src/main/java/com/karumi/jetpack/superheroes/ui/view/SuperHeroDetailActivity.kt
@@ -2,11 +2,10 @@ package com.karumi.jetpack.superheroes.ui.view
 
 import android.app.Activity
 import android.content.Intent
-import android.os.Bundle
-import android.view.View
 import androidx.appcompat.widget.Toolbar
 import com.karumi.jetpack.superheroes.R
 import com.karumi.jetpack.superheroes.common.module
+import com.karumi.jetpack.superheroes.databinding.SuperHeroDetailActivityBinding
 import com.karumi.jetpack.superheroes.domain.model.SuperHero
 import com.karumi.jetpack.superheroes.domain.usecase.GetSuperHeroById
 import com.karumi.jetpack.superheroes.ui.presenter.SuperHeroDetailPresenter
@@ -16,8 +15,9 @@ import org.kodein.di.erased.bind
 import org.kodein.di.erased.instance
 import org.kodein.di.erased.provider
 
-class SuperHeroDetailActivity : BaseActivity(), SuperHeroDetailPresenter.View {
-
+class SuperHeroDetailActivity :
+    BaseActivity<SuperHeroDetailActivityBinding>(),
+    SuperHeroDetailPresenter.View {
     companion object {
         private const val SUPER_HERO_ID_KEY = "super_hero_id_key"
 
@@ -34,9 +34,9 @@ class SuperHeroDetailActivity : BaseActivity(), SuperHeroDetailPresenter.View {
         get() = toolbar
     private val superHeroId: String by lazy { intent?.extras?.getString(SUPER_HERO_ID_KEY) ?: "" }
 
-    override fun onCreate(savedInstanceState: Bundle?) {
-        super.onCreate(savedInstanceState)
-        edit_super_hero.setOnClickListener { presenter.onEditSelected() }
+    override fun configureBinding(binding: SuperHeroDetailActivityBinding) {
+        binding.listener = presenter
+        binding.isLoading = false
     }
 
     override fun prepare(intent: Intent?) {
@@ -47,22 +47,17 @@ class SuperHeroDetailActivity : BaseActivity(), SuperHeroDetailPresenter.View {
     override fun close() = runOnUiThread { finish() }
 
     override fun showLoading() = runOnUiThread {
-        progress_bar.visibility = View.VISIBLE
+        binding.isLoading = true
     }
 
     override fun hideLoading() = runOnUiThread {
-        progress_bar.visibility = View.GONE
+        binding.isLoading = false
     }
 
     override fun showSuperHero(superHero: SuperHero) = runOnUiThread {
         title = superHero.name
-        tv_super_hero_name.text = superHero.name
-        tv_super_hero_description.text = superHero.description
-        iv_avengers_badge.visibility =
-                if (superHero.isAvenger) View.VISIBLE else View.GONE
+        binding.superHero = superHero
         iv_super_hero_photo.setImageBackground(superHero.photo)
-        edit_super_hero.visibility = View.VISIBLE
-        super_hero_background.visibility = View.VISIBLE
     }
 
     override fun openEditSuperHero(superHeroId: String) = runOnUiThread {
diff --git a/app/src/main/res/layout/edit_super_hero_activity.xml b/app/src/main/res/layout/edit_super_hero_activity.xml
index 47821c3..b73e69f 100644
--- a/app/src/main/res/layout/edit_super_hero_activity.xml
+++ b/app/src/main/res/layout/edit_super_hero_activity.xml
@@ -1,133 +1,160 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
-  xmlns:tools="http://schemas.android.com/tools"
-  android:layout_width="match_parent"
-  android:layout_height="match_parent">
+  xmlns:tools="http://schemas.android.com/tools">
 
-  <androidx.appcompat.widget.Toolbar
-    android:id="@+id/toolbar"
-    android:layout_width="match_parent"
-    android:layout_height="?attr/actionBarSize"
-    android:background="?attr/colorPrimary"
-    android:theme="@style/AppTheme.AppBarOverlay"
-    app:layout_constraintTop_toTopOf="parent"
-    app:popupTheme="@style/AppTheme.PopupOverlay" />
+  <data>
+
+    <import type="android.view.View" />
+
+    <variable
+      name="listener"
+      type="com.karumi.jetpack.superheroes.ui.presenter.EditSuperHeroListener" />
 
-  <ScrollView
+    <variable
+      name="superHero"
+      type="com.karumi.jetpack.superheroes.domain.model.SuperHero" />
+
+    <variable
+      name="isLoading"
+      type="boolean" />
+  </data>
+
+  <androidx.constraintlayout.widget.ConstraintLayout
     android:layout_width="match_parent"
-    android:layout_height="wrap_content"
-    app:layout_constraintTop_toBottomOf="@id/toolbar">
+    android:layout_height="match_parent">
 
-    <androidx.constraintlayout.widget.ConstraintLayout
+    <androidx.appcompat.widget.Toolbar
+      android:id="@+id/toolbar"
       android:layout_width="match_parent"
-      android:layout_height="wrap_content">
+      android:layout_height="?attr/actionBarSize"
+      android:background="?attr/colorPrimary"
+      android:theme="@style/AppTheme.AppBarOverlay"
+      app:layout_constraintTop_toTopOf="parent"
+      app:popupTheme="@style/AppTheme.PopupOverlay" />
 
-      <ImageView
-        android:id="@+id/iv_super_hero_photo"
-        android:layout_width="match_parent"
-        android:layout_height="@dimen/super_hero_detail_header_height"
-        app:layout_constraintTop_toTopOf="parent"
-        tools:background="@color/color_primary_dark"
-        tools:ignore="ContentDescription" />
-
-      <View
-        android:id="@+id/v_super_hero_background"
-        android:layout_width="0dp"
-        android:layout_height="0dp"
-        android:background="@drawable/super_hero_gradient"
-        android:visibility="gone"
-        app:layout_constraintBottom_toBottomOf="@id/iv_super_hero_photo"
-        app:layout_constraintEnd_toEndOf="@id/iv_super_hero_photo"
-        app:layout_constraintStart_toStartOf="@id/iv_super_hero_photo"
-        app:layout_constraintTop_toTopOf="@id/iv_super_hero_photo"
-        tools:visibility="visible" />
-
-      <androidx.appcompat.widget.AppCompatCheckBox
-        android:id="@+id/cb_is_avenger"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:layout_margin="8dp"
-        android:buttonTint="@color/white"
-        android:text="@string/is_super_hero_an_avenger_checkbox"
-        android:textColor="@color/white"
-        app:layout_constraintTop_toBottomOf="@id/iv_super_hero_photo"
-        tools:ignore="UnusedAttribute" />
-
-      <com.google.android.material.textfield.TextInputLayout
-        android:id="@+id/til_super_hero_name"
+    <ScrollView
+      android:layout_width="match_parent"
+      android:layout_height="wrap_content"
+      app:layout_constraintTop_toBottomOf="@id/toolbar">
+
+      <androidx.constraintlayout.widget.ConstraintLayout
         android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:layout_margin="8dp"
-        android:textColorHint="@color/white_50"
-        app:layout_constraintTop_toBottomOf="@id/cb_is_avenger">
+        android:layout_height="wrap_content">
 
-        <androidx.appcompat.widget.AppCompatEditText
-          android:id="@+id/et_super_hero_name"
+        <ImageView
+          android:id="@+id/iv_super_hero_photo"
+          android:layout_width="match_parent"
+          android:layout_height="@dimen/super_hero_detail_header_height"
+          app:layout_constraintTop_toTopOf="parent"
+          tools:background="@color/color_primary_dark"
+          tools:ignore="ContentDescription" />
+
+        <View
+          android:id="@+id/v_super_hero_background"
+          android:layout_width="0dp"
+          android:layout_height="0dp"
+          android:background="@drawable/super_hero_gradient"
+          android:visibility="@{ superHero == null ? View.GONE : View.VISIBLE }"
+          app:layout_constraintBottom_toBottomOf="@id/iv_super_hero_photo"
+          app:layout_constraintEnd_toEndOf="@id/iv_super_hero_photo"
+          app:layout_constraintStart_toStartOf="@id/iv_super_hero_photo"
+          app:layout_constraintTop_toTopOf="@id/iv_super_hero_photo"
+          tools:visibility="visible" />
+
+        <androidx.appcompat.widget.AppCompatCheckBox
+          android:id="@+id/cb_is_avenger"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
-          android:backgroundTint="@color/white"
-          android:hint="@string/edit_super_hero_name_hint"
-          android:importantForAutofill="no"
-          android:inputType="text"
+          android:layout_margin="8dp"
+          android:buttonTint="@color/white"
+          android:checked="@{ superHero.avenger }"
+          android:enabled="@{ superHero != null }"
+          android:text="@string/is_super_hero_an_avenger_checkbox"
           android:textColor="@color/white"
+          app:layout_constraintTop_toBottomOf="@id/iv_super_hero_photo"
           tools:ignore="UnusedAttribute" />
 
-      </com.google.android.material.textfield.TextInputLayout>
-
-      <com.google.android.material.textfield.TextInputLayout
-        android:id="@+id/til_super_hero_description"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:layout_margin="8dp"
-        android:textColorHint="@color/white_50"
-        app:layout_constraintTop_toBottomOf="@id/til_super_hero_name">
-
-        <androidx.appcompat.widget.AppCompatEditText
-          android:id="@+id/et_super_hero_description"
+        <com.google.android.material.textfield.TextInputLayout
+          android:id="@+id/til_super_hero_name"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
-          android:backgroundTint="@color/white"
-          android:hint="@string/edit_super_hero_description_hint"
-          android:importantForAutofill="no"
-          android:inputType="textMultiLine"
-          android:scrollbars="vertical"
-          android:textColor="@color/white"
-          tools:ignore="UnusedAttribute" />
-
-      </com.google.android.material.textfield.TextInputLayout>
-
-      <View
-        android:layout_width="match_parent"
-        android:layout_height="100dp"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/til_super_hero_description" />
-
-    </androidx.constraintlayout.widget.ConstraintLayout>
-
-  </ScrollView>
-
-  <androidx.core.widget.ContentLoadingProgressBar
-    android:id="@+id/progress_bar"
-    style="?android:attr/progressBarStyleLarge"
-    android:layout_width="wrap_content"
-    android:layout_height="wrap_content"
-    android:layout_centerInParent="true"
-    app:layout_constraintBottom_toBottomOf="parent"
-    app:layout_constraintEnd_toEndOf="parent"
-    app:layout_constraintStart_toStartOf="parent"
-    app:layout_constraintTop_toTopOf="parent" />
-
-  <androidx.appcompat.widget.AppCompatButton
-    android:id="@+id/bt_save_edition"
-    android:layout_width="0dp"
-    android:layout_height="56dp"
-    android:background="@color/royal_blue"
-    android:enabled="false"
-    android:text="@string/save_edited_super_hero_button"
-    android:textColor="@color/white"
-    app:layout_constraintBottom_toBottomOf="parent"
-    app:layout_constraintEnd_toEndOf="parent"
-    app:layout_constraintStart_toStartOf="parent" />
-
-</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
+          android:layout_margin="8dp"
+          android:textColorHint="@color/white_50"
+          app:layout_constraintTop_toBottomOf="@id/cb_is_avenger">
+
+          <androidx.appcompat.widget.AppCompatEditText
+            android:id="@+id/et_super_hero_name"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:backgroundTint="@color/white"
+            android:enabled="@{ superHero != null }"
+            android:hint="@string/edit_super_hero_name_hint"
+            android:importantForAutofill="no"
+            android:inputType="text"
+            android:text="@{ superHero.name }"
+            android:textColor="@color/white"
+            tools:ignore="UnusedAttribute" />
+
+        </com.google.android.material.textfield.TextInputLayout>
+
+        <com.google.android.material.textfield.TextInputLayout
+          android:id="@+id/til_super_hero_description"
+          android:layout_width="match_parent"
+          android:layout_height="wrap_content"
+          android:layout_margin="8dp"
+          android:textColorHint="@color/white_50"
+          app:layout_constraintTop_toBottomOf="@id/til_super_hero_name">
+
+          <androidx.appcompat.widget.AppCompatEditText
+            android:id="@+id/et_super_hero_description"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:backgroundTint="@color/white"
+            android:enabled="@{ superHero != null }"
+            android:hint="@string/edit_super_hero_description_hint"
+            android:importantForAutofill="no"
+            android:inputType="textMultiLine"
+            android:scrollbars="vertical"
+            android:text="@{ superHero.description }"
+            android:textColor="@color/white"
+            tools:ignore="UnusedAttribute" />
+
+        </com.google.android.material.textfield.TextInputLayout>
+
+        <View
+          android:layout_width="match_parent"
+          android:layout_height="100dp"
+          app:layout_constraintBottom_toBottomOf="parent"
+          app:layout_constraintTop_toBottomOf="@id/til_super_hero_description" />
+
+      </androidx.constraintlayout.widget.ConstraintLayout>
+
+    </ScrollView>
+
+    <androidx.core.widget.ContentLoadingProgressBar
+      android:id="@+id/progress_bar"
+      style="?android:attr/progressBarStyleLarge"
+      android:layout_width="wrap_content"
+      android:layout_height="wrap_content"
+      android:layout_centerInParent="true"
+      android:visibility="@{ isLoading ? View.VISIBLE : View.GONE }"
+      app:layout_constraintBottom_toBottomOf="parent"
+      app:layout_constraintEnd_toEndOf="parent"
+      app:layout_constraintStart_toStartOf="parent"
+      app:layout_constraintTop_toTopOf="parent" />
+
+    <androidx.appcompat.widget.AppCompatButton
+      android:id="@+id/bt_save_edition"
+      android:layout_width="0dp"
+      android:layout_height="56dp"
+      android:background="@color/royal_blue"
+      android:enabled="@{ superHero != null }"
+      android:text="@string/save_edited_super_hero_button"
+      android:textColor="@color/white"
+      app:layout_constraintBottom_toBottomOf="parent"
+      app:layout_constraintEnd_toEndOf="parent"
+      app:layout_constraintStart_toStartOf="parent" />
+
+  </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/main_activity.xml b/app/src/main/res/layout/main_activity.xml
index 8f4cf2e..c75c59c 100644
--- a/app/src/main/res/layout/main_activity.xml
+++ b/app/src/main/res/layout/main_activity.xml
@@ -1,53 +1,70 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
-  xmlns:tools="http://schemas.android.com/tools"
-  android:layout_width="match_parent"
-  android:layout_height="match_parent"
-  tools:context="com.karumi.jetpack.superheroes.ui.view.MainActivity">
+  xmlns:tools="http://schemas.android.com/tools">
 
-  <androidx.appcompat.widget.Toolbar
-    android:id="@+id/toolbar"
-    android:layout_width="match_parent"
-    android:layout_height="?attr/actionBarSize"
-    android:background="?attr/colorPrimary"
-    android:theme="@style/AppTheme.AppBarOverlay"
-    app:layout_constraintTop_toTopOf="parent"
-    app:popupTheme="@style/AppTheme.PopupOverlay" />
-
-  <androidx.recyclerview.widget.RecyclerView
-    android:id="@+id/recycler_view"
+  <data>
+
+    <import type="android.view.View" />
+
+    <variable
+      name="isLoading"
+      type="boolean" />
+
+    <variable
+      name="isShowingEmptyCase"
+      type="boolean" />
+  </data>
+
+  <androidx.constraintlayout.widget.ConstraintLayout
     android:layout_width="match_parent"
-    android:layout_height="0dp"
-    android:layout_below="@id/toolbar"
-    app:layout_constraintBottom_toBottomOf="parent"
-    app:layout_constraintTop_toBottomOf="@id/toolbar"
-    tools:context="com.karumi.screenshot.ui.view.MainActivity"
-    tools:listitem="@layout/super_hero_row"
-    tools:showIn="@layout/main_activity" />
-
-  <androidx.core.widget.ContentLoadingProgressBar
-    android:id="@+id/progress_bar"
-    style="?android:attr/progressBarStyleLarge"
-    android:layout_width="wrap_content"
-    android:layout_height="wrap_content"
-    app:layout_constraintBottom_toBottomOf="parent"
-    app:layout_constraintEnd_toEndOf="parent"
-    app:layout_constraintStart_toStartOf="parent"
-    app:layout_constraintTop_toTopOf="parent" />
-
-  <TextView
-    android:id="@+id/tv_empty_case"
-    android:layout_width="wrap_content"
-    android:layout_height="wrap_content"
-    android:layout_centerInParent="true"
-    android:text="¯\\_(ツ)_/¯"
-    android:textColor="@android:color/white"
-    android:visibility="gone"
-    app:layout_constraintBottom_toBottomOf="parent"
-    app:layout_constraintEnd_toEndOf="parent"
-    app:layout_constraintStart_toStartOf="parent"
-    app:layout_constraintTop_toTopOf="parent"
-    tools:visibility="visible" />
-
-</androidx.constraintlayout.widget.ConstraintLayout>
+    android:layout_height="match_parent"
+    tools:context="com.karumi.jetpack.superheroes.ui.view.MainActivity">
+
+    <androidx.appcompat.widget.Toolbar
+      android:id="@+id/toolbar"
+      android:layout_width="match_parent"
+      android:layout_height="?attr/actionBarSize"
+      android:background="?attr/colorPrimary"
+      android:theme="@style/AppTheme.AppBarOverlay"
+      app:layout_constraintTop_toTopOf="parent"
+      app:popupTheme="@style/AppTheme.PopupOverlay" />
+
+    <androidx.recyclerview.widget.RecyclerView
+      android:id="@+id/recycler_view"
+      android:layout_width="match_parent"
+      android:layout_height="0dp"
+      android:layout_below="@id/toolbar"
+      app:layout_constraintBottom_toBottomOf="parent"
+      app:layout_constraintTop_toBottomOf="@id/toolbar"
+      tools:context="com.karumi.screenshot.ui.view.MainActivity"
+      tools:listitem="@layout/super_hero_row"
+      tools:showIn="@layout/main_activity" />
+
+    <androidx.core.widget.ContentLoadingProgressBar
+      android:id="@+id/progress_bar"
+      style="?android:attr/progressBarStyleLarge"
+      android:layout_width="wrap_content"
+      android:layout_height="wrap_content"
+      android:visibility="@{ isLoading ? View.VISIBLE : View.GONE }"
+      app:layout_constraintBottom_toBottomOf="parent"
+      app:layout_constraintEnd_toEndOf="parent"
+      app:layout_constraintStart_toStartOf="parent"
+      app:layout_constraintTop_toTopOf="parent" />
+
+    <TextView
+      android:id="@+id/tv_empty_case"
+      android:layout_width="wrap_content"
+      android:layout_height="wrap_content"
+      android:layout_centerInParent="true"
+      android:text="¯\\_(ツ)_/¯"
+      android:textColor="@android:color/white"
+      android:visibility="@{ isShowingEmptyCase ? View.VISIBLE : View.GONE }"
+      app:layout_constraintBottom_toBottomOf="parent"
+      app:layout_constraintEnd_toEndOf="parent"
+      app:layout_constraintStart_toStartOf="parent"
+      app:layout_constraintTop_toTopOf="parent"
+      tools:visibility="visible" />
+
+  </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/super_hero_detail_activity.xml b/app/src/main/res/layout/super_hero_detail_activity.xml
index d91d72c..1dbffa8 100644
--- a/app/src/main/res/layout/super_hero_detail_activity.xml
+++ b/app/src/main/res/layout/super_hero_detail_activity.xml
@@ -1,112 +1,137 @@
 <?xml version="1.0" encoding="utf-8"?>
-<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
-  xmlns:tools="http://schemas.android.com/tools"
-  android:layout_width="match_parent"
-  android:layout_height="match_parent"
-  tools:context="com.karumi.jetpack.superheroes.ui.view.SuperHeroDetailActivity">
+  xmlns:tools="http://schemas.android.com/tools">
 
-  <androidx.constraintlayout.widget.ConstraintLayout
+  <data>
+
+    <import type="android.view.View" />
+
+    <variable
+      name="listener"
+      type="com.karumi.jetpack.superheroes.ui.presenter.SuperHeroDetailListener" />
+
+    <variable
+      name="superHero"
+      type="com.karumi.jetpack.superheroes.domain.model.SuperHero" />
+
+    <variable
+      name="isLoading"
+      type="boolean" />
+
+  </data>
+
+  <ScrollView
     android:layout_width="match_parent"
-    android:layout_height="wrap_content">
+    android:layout_height="match_parent"
+    tools:context="com.karumi.jetpack.superheroes.ui.view.SuperHeroDetailActivity">
 
-    <androidx.appcompat.widget.Toolbar
-      android:id="@+id/toolbar"
-      android:layout_width="match_parent"
-      android:layout_height="?attr/actionBarSize"
-      android:background="?attr/colorPrimary"
-      android:theme="@style/AppTheme.AppBarOverlay"
-      app:layout_constraintTop_toTopOf="parent"
-      app:popupTheme="@style/AppTheme.PopupOverlay" />
-
-    <ImageView
-      android:id="@+id/iv_super_hero_photo"
+    <androidx.constraintlayout.widget.ConstraintLayout
       android:layout_width="match_parent"
-      android:layout_height="@dimen/super_hero_detail_header_height"
-      app:layout_constraintTop_toBottomOf="@id/toolbar"
-      tools:background="@color/color_primary_dark"
-      tools:ignore="ContentDescription" />
-
-    <View
-      android:id="@+id/super_hero_background"
-      android:layout_width="0dp"
-      android:layout_height="0dp"
-      android:background="@drawable/super_hero_gradient"
-      android:visibility="gone"
-      app:layout_constraintBottom_toBottomOf="@id/iv_super_hero_photo"
-      app:layout_constraintEnd_toEndOf="@id/iv_super_hero_photo"
-      app:layout_constraintStart_toStartOf="@id/iv_super_hero_photo"
-      app:layout_constraintTop_toTopOf="@id/iv_super_hero_photo"
-      tools:visibility="visible" />
-
-    <ImageView
-      android:id="@+id/iv_avengers_badge"
-      android:layout_width="wrap_content"
-      android:layout_height="wrap_content"
-      android:layout_margin="@dimen/default_margin"
-      android:src="@mipmap/ic_avengers"
-      android:visibility="gone"
-      app:layout_constraintBottom_toBottomOf="@id/iv_super_hero_photo"
-      app:layout_constraintStart_toStartOf="@id/iv_super_hero_photo"
-      tools:ignore="ContentDescription"
-      tools:visibility="visible" />
-
-    <ImageView
-      android:id="@+id/edit_super_hero"
-      android:layout_width="56dp"
-      android:layout_height="56dp"
-      android:layout_marginTop="272dp"
-      android:layout_marginEnd="16dp"
-      android:layout_marginRight="16dp"
-      android:clickable="true"
-      android:contentDescription="@string/edit_super_hero_button"
-      android:elevation="2dp"
-      android:focusable="true"
-      android:foreground="?attr/selectableItemBackgroundBorderless"
-      android:src="@drawable/ic_edit"
-      android:visibility="gone"
-      app:layout_constraintEnd_toEndOf="@id/iv_super_hero_photo"
-      app:layout_constraintTop_toTopOf="@id/iv_super_hero_photo"
-      tools:ignore="UnusedAttribute"
-      tools:visibility="visible" />
-
-    <TextView
-      android:id="@+id/tv_super_hero_name"
-      android:layout_width="0dp"
-      android:layout_height="wrap_content"
-      android:layout_marginStart="@dimen/default_margin"
-      android:layout_marginLeft="@dimen/default_margin"
-      android:layout_marginTop="@dimen/default_margin"
-      android:textColor="@android:color/white"
-      android:textSize="@dimen/title_text_size"
-      app:layout_constraintEnd_toEndOf="parent"
-      app:layout_constraintStart_toStartOf="parent"
-      app:layout_constraintTop_toBottomOf="@id/iv_super_hero_photo"
-      tools:text="Scarlet Witch" />
-
-    <TextView
-      android:id="@+id/tv_super_hero_description"
-      android:layout_width="0dp"
-      android:layout_height="wrap_content"
-      android:layout_margin="@dimen/default_margin"
-      android:textColor="@android:color/white"
-      android:textSize="@dimen/body_text_size"
-      app:layout_constraintEnd_toEndOf="parent"
-      app:layout_constraintStart_toStartOf="parent"
-      app:layout_constraintTop_toBottomOf="@id/tv_super_hero_name"
-      tools:text="Scarlet Witch was born at the Wundagore base of the High Evolutionary, she and her twin brother Pietro were the children of Romani couple Django and Marya Maximoff. The High Evolutionary supposedly abducted the twins when they were babies and experimented on them, once he was disgusted with the results, he returned them to Wundagore, disguised as regular mutants." />
-
-    <androidx.core.widget.ContentLoadingProgressBar
-      android:id="@+id/progress_bar"
-      style="?android:attr/progressBarStyleLarge"
-      android:layout_width="wrap_content"
-      android:layout_height="wrap_content"
-      android:layout_centerInParent="true"
-      app:layout_constraintBottom_toBottomOf="parent"
-      app:layout_constraintEnd_toEndOf="parent"
-      app:layout_constraintStart_toStartOf="parent"
-      app:layout_constraintTop_toTopOf="parent" />
-
-  </androidx.constraintlayout.widget.ConstraintLayout>
-
-</ScrollView>
+      android:layout_height="wrap_content">
+
+      <androidx.appcompat.widget.Toolbar
+        android:id="@+id/toolbar"
+        android:layout_width="match_parent"
+        android:layout_height="?attr/actionBarSize"
+        android:background="?attr/colorPrimary"
+        android:theme="@style/AppTheme.AppBarOverlay"
+        app:layout_constraintTop_toTopOf="parent"
+        app:popupTheme="@style/AppTheme.PopupOverlay" />
+
+      <ImageView
+        android:id="@+id/iv_super_hero_photo"
+        android:layout_width="match_parent"
+        android:layout_height="@dimen/super_hero_detail_header_height"
+        app:layout_constraintTop_toBottomOf="@id/toolbar"
+        tools:background="@color/color_primary_dark"
+        tools:ignore="ContentDescription" />
+
+      <View
+        android:id="@+id/super_hero_background"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        android:background="@drawable/super_hero_gradient"
+        android:visibility="@{ superHero == null ? View.GONE : View.VISIBLE }"
+        app:layout_constraintBottom_toBottomOf="@id/iv_super_hero_photo"
+        app:layout_constraintEnd_toEndOf="@id/iv_super_hero_photo"
+        app:layout_constraintStart_toStartOf="@id/iv_super_hero_photo"
+        app:layout_constraintTop_toTopOf="@id/iv_super_hero_photo"
+        tools:visibility="visible" />
+
+      <ImageView
+        android:id="@+id/iv_avengers_badge"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_margin="@dimen/default_margin"
+        android:src="@mipmap/ic_avengers"
+        android:visibility="@{ superHero.avenger ? View.VISIBLE : View.GONE }"
+        app:layout_constraintBottom_toBottomOf="@id/iv_super_hero_photo"
+        app:layout_constraintStart_toStartOf="@id/iv_super_hero_photo"
+        tools:ignore="ContentDescription"
+        tools:visibility="visible" />
+
+      <ImageView
+        android:id="@+id/edit_super_hero"
+        android:layout_width="56dp"
+        android:layout_height="56dp"
+        android:layout_marginTop="272dp"
+        android:layout_marginEnd="16dp"
+        android:layout_marginRight="16dp"
+        android:clickable="true"
+        android:contentDescription="@string/edit_super_hero_button"
+        android:elevation="2dp"
+        android:focusable="true"
+        android:foreground="?attr/selectableItemBackgroundBorderless"
+        android:onClick="@{ () -> listener.onEditSelected() }"
+        android:src="@drawable/ic_edit"
+        android:visibility="@{ superHero == null ? View.GONE : View.VISIBLE }"
+        app:layout_constraintEnd_toEndOf="@id/iv_super_hero_photo"
+        app:layout_constraintTop_toTopOf="@id/iv_super_hero_photo"
+        tools:ignore="UnusedAttribute"
+        tools:visibility="visible" />
+
+      <TextView
+        android:id="@+id/tv_super_hero_name"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="@dimen/default_margin"
+        android:layout_marginLeft="@dimen/default_margin"
+        android:layout_marginTop="@dimen/default_margin"
+        android:text="@{ superHero.name }"
+        android:textColor="@android:color/white"
+        android:textSize="@dimen/title_text_size"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/iv_super_hero_photo"
+        tools:text="Scarlet Witch" />
+
+      <TextView
+        android:id="@+id/tv_super_hero_description"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_margin="@dimen/default_margin"
+        android:text="@{ superHero.description }"
+        android:textColor="@android:color/white"
+        android:textSize="@dimen/body_text_size"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/tv_super_hero_name"
+        tools:text="Scarlet Witch was born at the Wundagore base of the High Evolutionary, she and her twin brother Pietro were the children of Romani couple Django and Marya Maximoff. The High Evolutionary supposedly abducted the twins when they were babies and experimented on them, once he was disgusted with the results, he returned them to Wundagore, disguised as regular mutants." />
+
+      <androidx.core.widget.ContentLoadingProgressBar
+        android:id="@+id/progress_bar"
+        style="?android:attr/progressBarStyleLarge"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_centerInParent="true"
+        android:visibility="@{ isLoading ? View.VISIBLE : View.GONE }"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
+  </ScrollView>
+</layout>
diff --git a/gradle.properties b/gradle.properties
index aac7c9b..b0d796f 100644
--- a/gradle.properties
+++ b/gradle.properties
@@ -15,3 +15,6 @@ org.gradle.jvmargs=-Xmx1536m
 # This option should only be used with decoupled projects. More details, visit
 # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
 # org.gradle.parallel=true
+android.databinding.enableV2=true
+android.useAndroidX=true
+android.enableJetifier=true