diff --git a/android/app/build.gradle.kts b/android/app/build.gradle.kts
index 8e58ecc1..e3fcb109 100644
--- a/android/app/build.gradle.kts
+++ b/android/app/build.gradle.kts
@@ -7,6 +7,7 @@ plugins {
     alias(libs.plugins.google.gms.google.services)
     id("kotlin-kapt")
     id("kotlin-parcelize")
+    id("androidx.navigation.safeargs.kotlin")
 }
 
 android {
diff --git a/android/app/src/main/java/net/pengcook/android/presentation/MainActivity.kt b/android/app/src/main/java/net/pengcook/android/presentation/MainActivity.kt
index 8ffa3bf9..180573c3 100644
--- a/android/app/src/main/java/net/pengcook/android/presentation/MainActivity.kt
+++ b/android/app/src/main/java/net/pengcook/android/presentation/MainActivity.kt
@@ -21,7 +21,7 @@ class MainActivity : AppCompatActivity() {
 
         navController.addOnDestinationChangedListener { _, destination, _ ->
             when (destination.id) {
-                R.id.homeFragment -> bottomNav.visibility = View.VISIBLE
+                R.id.homeFragment, R.id.searchFragment, R.id.profileFragment, R.id.categoryFragment -> bottomNav.visibility = View.VISIBLE
                 else -> bottomNav.visibility = View.GONE
             }
         }
diff --git a/android/app/src/main/java/net/pengcook/android/presentation/detail/DetailRecipeFragment.kt b/android/app/src/main/java/net/pengcook/android/presentation/detail/DetailRecipeFragment.kt
index 8e7ec01f..d7fb67ed 100644
--- a/android/app/src/main/java/net/pengcook/android/presentation/detail/DetailRecipeFragment.kt
+++ b/android/app/src/main/java/net/pengcook/android/presentation/detail/DetailRecipeFragment.kt
@@ -5,13 +5,16 @@ import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
 import androidx.fragment.app.Fragment
+import androidx.navigation.fragment.findNavController
+import androidx.navigation.fragment.navArgs
 import net.pengcook.android.databinding.FragmentDetailRecipeBinding
 import net.pengcook.android.presentation.core.model.Recipe
 
 class DetailRecipeFragment : Fragment() {
+    private val args: DetailRecipeFragmentArgs by navArgs()
     private val binding by lazy { FragmentDetailRecipeBinding.inflate(layoutInflater) }
     private val viewModel by lazy { DetailRecipeViewModel(recipe) }
-    private lateinit var recipe: Recipe
+    private val recipe: Recipe by lazy { args.recipe }
 
     override fun onCreateView(
         inflater: LayoutInflater,
@@ -25,14 +28,26 @@ class DetailRecipeFragment : Fragment() {
     ) {
         super.onViewCreated(view, savedInstanceState)
         fetchRecipe()
+        observeNavigationEvent()
     }
 
-    private fun fetchRecipe() {
-        val argument = arguments?.getParcelable(RECIPE_KEY) as Recipe?
-        if (argument is Recipe) {
-            recipe = argument
+    private fun observeNavigationEvent() {
+        viewModel.navigateToStepEvent.observe(viewLifecycleOwner) { navigationEvent ->
+            val navigationAvailable = navigationEvent.getContentIfNotHandled() ?: return@observe
+            if (navigationAvailable) {
+                navigateToStep()
+            }
         }
-        binding.recipe = recipe
+    }
+
+    private fun fetchRecipe() {
+        binding.recipe = args.recipe
+        binding.vm = viewModel
+    }
+
+    private fun navigateToStep() {
+        val action = DetailRecipeFragmentDirections.actionDetailRecipeFragmentToRecipeStepFragment()
+        findNavController().navigate(action)
     }
 
     companion object {
diff --git a/android/app/src/main/java/net/pengcook/android/presentation/detail/DetailRecipeViewModel.kt b/android/app/src/main/java/net/pengcook/android/presentation/detail/DetailRecipeViewModel.kt
index 25c632c2..6017b61a 100644
--- a/android/app/src/main/java/net/pengcook/android/presentation/detail/DetailRecipeViewModel.kt
+++ b/android/app/src/main/java/net/pengcook/android/presentation/detail/DetailRecipeViewModel.kt
@@ -1,8 +1,19 @@
 package net.pengcook.android.presentation.detail
 
+// DetailRecipeViewModel.kt
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
 import androidx.lifecycle.ViewModel
 import net.pengcook.android.presentation.core.model.Recipe
+import net.pengcook.android.presentation.core.util.Event
 
 class DetailRecipeViewModel(
     private val recipe: Recipe,
-) : ViewModel()
+) : ViewModel() {
+    private val _navigateToStepEvent = MutableLiveData<Event<Boolean>>()
+    val navigateToStepEvent: LiveData<Event<Boolean>> get() = _navigateToStepEvent
+
+    fun onNavigateToMakingStep() {
+        _navigateToStepEvent.value = Event(true)
+    }
+}
diff --git a/android/app/src/main/java/net/pengcook/android/presentation/home/FeedRecyclerViewAdapter.kt b/android/app/src/main/java/net/pengcook/android/presentation/home/FeedRecyclerViewAdapter.kt
index cc49fa94..e14d991a 100644
--- a/android/app/src/main/java/net/pengcook/android/presentation/home/FeedRecyclerViewAdapter.kt
+++ b/android/app/src/main/java/net/pengcook/android/presentation/home/FeedRecyclerViewAdapter.kt
@@ -4,24 +4,24 @@ import android.view.LayoutInflater
 import android.view.ViewGroup
 import androidx.paging.PagingDataAdapter
 import androidx.recyclerview.widget.DiffUtil
-import androidx.recyclerview.widget.RecyclerView
 import net.pengcook.android.databinding.ItemFeedBinding
 import net.pengcook.android.presentation.core.model.Recipe
+import net.pengcook.android.presentation.home.holder.FeedViewHolder
 import net.pengcook.android.presentation.home.listener.FeedItemEventListener
 
 class FeedRecyclerViewAdapter(private val eventListener: FeedItemEventListener) :
-    PagingDataAdapter<Recipe, FeedRecyclerViewAdapter.ViewHolder>(diffCallback) {
+    PagingDataAdapter<Recipe, FeedViewHolder>(diffCallback) {
     override fun onCreateViewHolder(
         parent: ViewGroup,
         viewType: Int,
-    ): ViewHolder {
+    ): FeedViewHolder {
         val inflater = LayoutInflater.from(parent.context)
         val binding = ItemFeedBinding.inflate(inflater, parent, false)
-        return ViewHolder(binding)
+        return FeedViewHolder(binding, eventListener)
     }
 
     override fun onBindViewHolder(
-        holder: ViewHolder,
+        holder: FeedViewHolder,
         position: Int,
     ) {
         val item = getItem(position)
@@ -30,13 +30,6 @@ class FeedRecyclerViewAdapter(private val eventListener: FeedItemEventListener)
         }
     }
 
-    class ViewHolder(private val binding: ItemFeedBinding) : RecyclerView.ViewHolder(binding.root) {
-        fun bind(item: Recipe) {
-            binding.recipe = item
-            binding.executePendingBindings()
-        }
-    }
-
     companion object {
         val diffCallback =
             object : DiffUtil.ItemCallback<Recipe>() {
diff --git a/android/app/src/main/java/net/pengcook/android/presentation/home/HomeFragment.kt b/android/app/src/main/java/net/pengcook/android/presentation/home/HomeFragment.kt
index e3c6682f..058109fe 100644
--- a/android/app/src/main/java/net/pengcook/android/presentation/home/HomeFragment.kt
+++ b/android/app/src/main/java/net/pengcook/android/presentation/home/HomeFragment.kt
@@ -7,6 +7,7 @@ import android.view.ViewGroup
 import androidx.fragment.app.Fragment
 import androidx.fragment.app.viewModels
 import androidx.lifecycle.lifecycleScope
+import androidx.navigation.fragment.findNavController
 import kotlinx.coroutines.Dispatchers
 import kotlinx.coroutines.launch
 import kotlinx.coroutines.withContext
@@ -15,6 +16,7 @@ import net.pengcook.android.data.remote.api.FeedService
 import net.pengcook.android.data.repository.feed.DefaultFeedRepository
 import net.pengcook.android.data.util.network.RetrofitClient
 import net.pengcook.android.databinding.FragmentHomeBinding
+import net.pengcook.android.presentation.core.model.Recipe
 
 class HomeFragment : Fragment() {
     private val viewModel: HomeViewModel by viewModels {
@@ -49,7 +51,23 @@ class HomeFragment : Fragment() {
         super.onViewCreated(view, savedInstanceState)
 
         initBinding()
+        observing()
+    }
+
+    private fun observing() {
         observeFeedData()
+        observeUiEvent()
+    }
+
+    private fun observeUiEvent() {
+        viewModel.uiEvent.observe(viewLifecycleOwner) { event ->
+            val newEvent = event.getContentIfNotHandled() ?: return@observe
+            when (newEvent) {
+                is HomeEvent.NavigateToDetail -> {
+                    onSingleMovieClicked(newEvent.recipe)
+                }
+            }
+        }
     }
 
     private fun observeFeedData() {
@@ -62,6 +80,11 @@ class HomeFragment : Fragment() {
         }
     }
 
+    private fun onSingleMovieClicked(recipe: Recipe) {
+        val action = HomeFragmentDirections.actionHomeFragmentToDetailRecipeFragment(recipe)
+        findNavController().navigate(action)
+    }
+
     private fun initBinding() {
         binding.lifecycleOwner = viewLifecycleOwner
         binding.viewModel = viewModel
diff --git a/android/app/src/main/java/net/pengcook/android/presentation/home/HomeViewModel.kt b/android/app/src/main/java/net/pengcook/android/presentation/home/HomeViewModel.kt
index a67f574a..26ce35ae 100644
--- a/android/app/src/main/java/net/pengcook/android/presentation/home/HomeViewModel.kt
+++ b/android/app/src/main/java/net/pengcook/android/presentation/home/HomeViewModel.kt
@@ -1,6 +1,7 @@
 package net.pengcook.android.presentation.home
 
 import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
 import androidx.lifecycle.ViewModel
 import androidx.lifecycle.viewModelScope
 import androidx.paging.Pager
@@ -11,11 +12,16 @@ import androidx.paging.liveData
 import net.pengcook.android.data.datasource.FeedPagingSource
 import net.pengcook.android.data.repository.feed.FeedRepository
 import net.pengcook.android.presentation.core.model.Recipe
+import net.pengcook.android.presentation.core.util.Event
 import net.pengcook.android.presentation.home.listener.FeedItemEventListener
 
 class HomeViewModel(
     private val feedRepository: FeedRepository,
 ) : ViewModel(), FeedItemEventListener {
+    private val _uiEvent: MutableLiveData<Event<HomeEvent>> = MutableLiveData()
+    val uiEvent: LiveData<Event<HomeEvent>>
+        get() = _uiEvent
+
     val feedData: LiveData<PagingData<Recipe>> =
         Pager(
             config = PagingConfig(pageSize = PAGE_SIZE, enablePlaceholders = false),
@@ -24,11 +30,15 @@ class HomeViewModel(
             .liveData
             .cachedIn(viewModelScope)
 
+    override fun onNavigateToDetail(recipe: Recipe) {
+        _uiEvent.value = Event(HomeEvent.NavigateToDetail(recipe))
+    }
+
     companion object {
         private const val PAGE_SIZE = 10
     }
+}
 
-    override fun onNavigateToDetail(recipe: Recipe) {
-        // Navigate to detail page
-    }
+sealed interface HomeEvent {
+    data class NavigateToDetail(val recipe: Recipe) : HomeEvent
 }
diff --git a/android/app/src/main/java/net/pengcook/android/presentation/home/holder/FeedViewHolder.kt b/android/app/src/main/java/net/pengcook/android/presentation/home/holder/FeedViewHolder.kt
new file mode 100644
index 00000000..03aaa589
--- /dev/null
+++ b/android/app/src/main/java/net/pengcook/android/presentation/home/holder/FeedViewHolder.kt
@@ -0,0 +1,17 @@
+package net.pengcook.android.presentation.home.holder
+
+import androidx.recyclerview.widget.RecyclerView
+import net.pengcook.android.databinding.ItemFeedBinding
+import net.pengcook.android.presentation.core.model.Recipe
+import net.pengcook.android.presentation.home.listener.FeedItemEventListener
+
+class FeedViewHolder(
+    private val binding: ItemFeedBinding,
+    private val eventListener: FeedItemEventListener,
+) : RecyclerView.ViewHolder(binding.root) {
+    fun bind(item: Recipe) {
+        binding.recipe = item
+        binding.eventListener = eventListener
+        binding.executePendingBindings()
+    }
+}
diff --git a/android/app/src/main/java/net/pengcook/android/presentation/making/RecipeMakingFragment.kt b/android/app/src/main/java/net/pengcook/android/presentation/making/RecipeMakingFragment.kt
index bb908b4c..3b11b25b 100644
--- a/android/app/src/main/java/net/pengcook/android/presentation/making/RecipeMakingFragment.kt
+++ b/android/app/src/main/java/net/pengcook/android/presentation/making/RecipeMakingFragment.kt
@@ -6,6 +6,7 @@ import android.view.View
 import android.view.ViewGroup
 import androidx.fragment.app.Fragment
 import androidx.fragment.app.viewModels
+import androidx.navigation.fragment.findNavController
 import net.pengcook.android.databinding.FragmentRecipeMakingBinding
 
 class RecipeMakingFragment : Fragment() {
@@ -29,6 +30,12 @@ class RecipeMakingFragment : Fragment() {
     ) {
         super.onViewCreated(view, savedInstanceState)
         initBinding()
+        viewModel.uiEvent.observe(viewLifecycleOwner) { event ->
+            val newEvent = event.getContentIfNotHandled() ?: return@observe
+            when (newEvent) {
+                is MakingEvent.NavigateToMakingStep -> onNextClicked()
+            }
+        }
     }
 
     override fun onDestroyView() {
@@ -36,6 +43,11 @@ class RecipeMakingFragment : Fragment() {
         _binding = null
     }
 
+    private fun onNextClicked() {
+        val action = RecipeMakingFragmentDirections.actionRecipeMakingFragmentToStepMakingFragment()
+        findNavController().navigate(action)
+    }
+
     private fun initBinding() {
         binding.lifecycleOwner = this
         binding.vm = viewModel
diff --git a/android/app/src/main/java/net/pengcook/android/presentation/making/RecipeMakingViewModel.kt b/android/app/src/main/java/net/pengcook/android/presentation/making/RecipeMakingViewModel.kt
index 92bfe13c..1bf1d1bf 100644
--- a/android/app/src/main/java/net/pengcook/android/presentation/making/RecipeMakingViewModel.kt
+++ b/android/app/src/main/java/net/pengcook/android/presentation/making/RecipeMakingViewModel.kt
@@ -1,10 +1,16 @@
 package net.pengcook.android.presentation.making
 
+import androidx.lifecycle.LiveData
 import androidx.lifecycle.MutableLiveData
 import androidx.lifecycle.ViewModel
+import net.pengcook.android.presentation.core.util.Event
 import net.pengcook.android.presentation.making.listener.RecipeMakingEventListener
 
 class RecipeMakingViewModel : ViewModel(), RecipeMakingEventListener {
+    private val _uiEvent: MutableLiveData<Event<MakingEvent>> = MutableLiveData()
+    val uiEvent: LiveData<Event<MakingEvent>>
+        get() = _uiEvent
+
     val titleContent = MutableLiveData<String>()
 
     val categorySelectedValue = MutableLiveData<String>()
@@ -15,7 +21,11 @@ class RecipeMakingViewModel : ViewModel(), RecipeMakingEventListener {
 
     val introductionContent = MutableLiveData<String>()
 
-    override fun onNavigateToStep() {
-        // TODO: Implement navigation logic
+    override fun onNavigateToMakingStep() {
+        _uiEvent.value = Event(MakingEvent.NavigateToMakingStep)
     }
 }
+
+sealed interface MakingEvent {
+    data object NavigateToMakingStep : MakingEvent
+}
diff --git a/android/app/src/main/java/net/pengcook/android/presentation/making/listener/RecipeMakingEventListener.kt b/android/app/src/main/java/net/pengcook/android/presentation/making/listener/RecipeMakingEventListener.kt
index 3d00d454..dd905377 100644
--- a/android/app/src/main/java/net/pengcook/android/presentation/making/listener/RecipeMakingEventListener.kt
+++ b/android/app/src/main/java/net/pengcook/android/presentation/making/listener/RecipeMakingEventListener.kt
@@ -1,5 +1,5 @@
 package net.pengcook.android.presentation.making.listener
 
 interface RecipeMakingEventListener {
-    fun onNavigateToStep()
+    fun onNavigateToMakingStep()
 }
diff --git a/android/app/src/main/java/net/pengcook/android/presentation/step/RecipeStepFragment.kt b/android/app/src/main/java/net/pengcook/android/presentation/step/RecipeStepFragment.kt
index 013185a4..ce359213 100644
--- a/android/app/src/main/java/net/pengcook/android/presentation/step/RecipeStepFragment.kt
+++ b/android/app/src/main/java/net/pengcook/android/presentation/step/RecipeStepFragment.kt
@@ -70,14 +70,4 @@ class RecipeStepFragment : Fragment() {
         super.onDestroyView()
         _binding = null
     }
-
-    companion object {
-        fun newInstance(recipeId: Long): RecipeStepFragment {
-            val fragment = RecipeStepFragment()
-            val args = Bundle()
-            args.putLong("recipeId", recipeId)
-            fragment.arguments = args
-            return fragment
-        }
-    }
 }
diff --git a/android/app/src/main/res/drawable/ic_plus.xml b/android/app/src/main/res/drawable/ic_add_recipe.xml
similarity index 100%
rename from android/app/src/main/res/drawable/ic_plus.xml
rename to android/app/src/main/res/drawable/ic_add_recipe.xml
diff --git a/android/app/src/main/res/layout/fragment_detail_recipe.xml b/android/app/src/main/res/layout/fragment_detail_recipe.xml
index 6b5f81b3..054d6680 100644
--- a/android/app/src/main/res/layout/fragment_detail_recipe.xml
+++ b/android/app/src/main/res/layout/fragment_detail_recipe.xml
@@ -8,6 +8,10 @@
         <variable
             name="Recipe"
             type="net.pengcook.android.presentation.core.model.Recipe" />
+
+        <variable
+            name="vm"
+            type="net.pengcook.android.presentation.detail.DetailRecipeViewModel" />
     </data>
 
     <androidx.constraintlayout.widget.ConstraintLayout
@@ -241,10 +245,10 @@
                             android:layout_width="wrap_content"
                             android:layout_height="wrap_content"
                             android:layout_marginTop="6dp"
+                            android:text="@{Recipe.cookingTime}"
                             android:textColor="@color/black"
                             app:layout_constraintStart_toStartOf="parent"
                             app:layout_constraintTop_toBottomOf="@id/tv_required_time_title"
-                            android:text="@{Recipe.cookingTime}"
                             tools:text="60mins" />
 
                         <TextView
@@ -264,7 +268,7 @@
                             android:layout_width="wrap_content"
                             android:layout_height="wrap_content"
                             android:layout_marginTop="6dp"
-                            android:text="@{Recipe.difficulty}"
+                            android:text="@{String.valueOf(Recipe.difficulty)}"
                             android:textColor="@color/black"
                             app:layout_constraintStart_toStartOf="parent"
                             app:layout_constraintTop_toBottomOf="@id/tv_difficulty_title"
@@ -294,11 +298,13 @@
                             tools:text="Hard to cook, but worth the effort" />
 
                         <TextView
+                            android:id="@+id/tv_making_step_title"
                             android:layout_width="0dp"
                             android:layout_height="52dp"
                             android:layout_marginTop="20dp"
                             android:background="@drawable/shape_button_round_corner"
                             android:gravity="center"
+                            android:onClick="@{() -> vm.onNavigateToMakingStep()}"
                             android:text="Start"
                             android:textColor="@color/black"
                             android:textSize="20sp"
diff --git a/android/app/src/main/res/layout/fragment_home.xml b/android/app/src/main/res/layout/fragment_home.xml
index cff738a5..8976958f 100644
--- a/android/app/src/main/res/layout/fragment_home.xml
+++ b/android/app/src/main/res/layout/fragment_home.xml
@@ -73,6 +73,7 @@
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toBottomOf="@id/followingText"
+            app:layout_constraintVertical_bias="0.0"
             tools:listitem="@layout/item_feed" />
 
     </androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/android/app/src/main/res/layout/fragment_recipe_making.xml b/android/app/src/main/res/layout/fragment_recipe_making.xml
index d785d288..b230af10 100644
--- a/android/app/src/main/res/layout/fragment_recipe_making.xml
+++ b/android/app/src/main/res/layout/fragment_recipe_making.xml
@@ -147,6 +147,7 @@
                 android:backgroundTint="@color/gray_300"
                 android:text="@string/making_next"
                 android:textColor="@color/black_100"
+                android:onClick="@{() -> vm.onNavigateToMakingStep()}"
                 android:textStyle="bold"
                 app:layout_constraintBottom_toBottomOf="parent"
                 app:layout_constraintEnd_toEndOf="parent"
diff --git a/android/app/src/main/res/layout/item_feed.xml b/android/app/src/main/res/layout/item_feed.xml
index 234ebf02..8fcab5fc 100644
--- a/android/app/src/main/res/layout/item_feed.xml
+++ b/android/app/src/main/res/layout/item_feed.xml
@@ -8,12 +8,17 @@
         <variable
             name="recipe"
             type="net.pengcook.android.presentation.core.model.Recipe" />
+
+        <variable
+            name="eventListener"
+            type="net.pengcook.android.presentation.home.listener.FeedItemEventListener" />
     </data>
 
     <com.google.android.material.card.MaterialCardView
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_marginBottom="12dp">
+        android:layout_marginBottom="12dp"
+        android:onClick="@{() -> eventListener.onNavigateToDetail(recipe)}">
 
         <androidx.constraintlayout.widget.ConstraintLayout
             android:layout_width="match_parent"
@@ -24,70 +29,70 @@
                 android:id="@+id/recipe_image"
                 android:layout_width="0dp"
                 android:layout_height="200dp"
+                android:background="@color/gray_300"
                 android:scaleType="centerCrop"
                 app:imageUrl="@{recipe.thumbnail}"
                 app:layout_constraintEnd_toEndOf="parent"
                 app:layout_constraintHorizontal_bias="0.0"
                 app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toTopOf="parent"
-                android:background="@color/gray_300" />
+                app:layout_constraintTop_toTopOf="parent" />
 
             <!-- User profile picture -->
             <com.google.android.material.imageview.ShapeableImageView
                 android:id="@+id/profile_image"
                 android:layout_width="40dp"
                 android:layout_height="40dp"
+                android:layout_marginStart="@dimen/item_feed_padding"
+                android:layout_marginTop="@dimen/item_feed_padding"
                 android:layout_marginEnd="8dp"
-                app:shapeAppearanceOverlay="@style/roundImageView"
+                android:adjustViewBounds="true"
+                android:scaleType="centerCrop"
                 app:imageUrl="@{recipe.user.profile}"
                 app:layout_constraintStart_toStartOf="parent"
                 app:layout_constraintTop_toTopOf="parent"
-                tools:src="@drawable/ic_launcher_background"
-                android:adjustViewBounds="true"
-                android:scaleType="centerCrop"
-                android:layout_marginTop="@dimen/item_feed_padding"
-                android:layout_marginStart="@dimen/item_feed_padding"
-                />
+                app:shapeAppearanceOverlay="@style/roundImageView"
+                tools:src="@drawable/ic_launcher_background" />
 
             <!-- Username -->
             <TextView
                 android:id="@+id/username"
+                style="@style/Body.Medium.B2"
                 android:layout_width="0dp"
                 android:layout_height="wrap_content"
-                android:text="@{recipe.user.username}"
-                style="@style/Body.Medium.B2"
                 android:layout_marginHorizontal="8dp"
-                tools:text="Username"
-                app:layout_constraintStart_toEndOf="@id/profile_image"
-                app:layout_constraintTop_toTopOf="@id/profile_image"
+                android:maxLines="1"
+                android:text="@{recipe.user.username}"
                 app:layout_constraintBottom_toBottomOf="@id/profile_image"
                 app:layout_constraintEnd_toStartOf="@id/btn_menu"
-                android:maxLines="1"/>
+                app:layout_constraintStart_toEndOf="@id/profile_image"
+                app:layout_constraintTop_toTopOf="@id/profile_image"
+                tools:text="Username" />
 
             <ImageButton
                 android:id="@+id/btn_menu"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                app:layout_constraintTop_toTopOf="@id/profile_image"
-                app:layout_constraintBottom_toBottomOf="@id/profile_image"
-                app:layout_constraintEnd_toEndOf="parent"
+                android:layout_marginEnd="@dimen/item_feed_padding"
                 android:background="@android:color/transparent"
-                android:src="@drawable/ic_menu_dots"
+                android:contentDescription="TODO"
                 android:padding="12dp"
-                android:layout_marginEnd="@dimen/item_feed_padding"/>
+                android:src="@drawable/ic_menu_dots"
+                app:layout_constraintBottom_toBottomOf="@id/profile_image"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintTop_toTopOf="@id/profile_image" />
 
 
             <!-- Recipe title -->
             <TextView
                 android:id="@+id/recipe_title"
+                style="@style/Headline.H4"
                 android:layout_width="0dp"
                 android:layout_height="wrap_content"
+                android:layout_margin="@dimen/item_feed_padding"
                 android:text="@{recipe.title}"
-                style="@style/Headline.H4"
+                app:layout_constraintEnd_toEndOf="parent"
                 app:layout_constraintStart_toStartOf="parent"
                 app:layout_constraintTop_toBottomOf="@id/recipe_image"
-                app:layout_constraintEnd_toEndOf="parent"
-                android:layout_margin="@dimen/item_feed_padding"
                 tools:text="Homemade Gimbap" />
 
             <!-- Like icon and count -->
@@ -96,11 +101,11 @@
                 android:layout_width="24dp"
                 android:layout_height="24dp"
                 android:layout_marginTop="8dp"
+                android:layout_marginBottom="@dimen/item_feed_padding"
                 android:src="@drawable/ic_heart"
-                app:layout_constraintStart_toStartOf="@id/recipe_title"
-                app:layout_constraintTop_toBottomOf="@id/recipe_title"
                 app:layout_constraintBottom_toBottomOf="parent"
-                android:layout_marginBottom="@dimen/item_feed_padding"/>
+                app:layout_constraintStart_toStartOf="@id/recipe_title"
+                app:layout_constraintTop_toBottomOf="@id/recipe_title" />
 
             <TextView
                 android:id="@+id/like_count"
@@ -108,10 +113,10 @@
                 android:layout_height="wrap_content"
                 android:layout_marginStart="8dp"
                 android:text="@{String.valueOf(recipe.favoriteCount)}"
-                tools:text="1200"
+                app:layout_constraintBottom_toBottomOf="@id/like_icon"
                 app:layout_constraintStart_toEndOf="@id/like_icon"
                 app:layout_constraintTop_toTopOf="@id/like_icon"
-                app:layout_constraintBottom_toBottomOf="@id/like_icon"/>
+                tools:text="1200" />
 
             <!-- Comment icon and count -->
             <ImageView
@@ -130,10 +135,10 @@
                 android:layout_height="wrap_content"
                 android:layout_marginStart="8dp"
                 android:text="@{String.valueOf(recipe.commentCount)}"
-                tools:text="800"
+                app:layout_constraintBottom_toBottomOf="@id/comment_icon"
                 app:layout_constraintStart_toEndOf="@id/comment_icon"
                 app:layout_constraintTop_toTopOf="@id/comment_icon"
-                app:layout_constraintBottom_toBottomOf="@id/comment_icon"/>
+                tools:text="800" />
 
         </androidx.constraintlayout.widget.ConstraintLayout>
 
diff --git a/android/app/src/main/res/menu/bottom_nav_menu.xml b/android/app/src/main/res/menu/bottom_nav_menu.xml
index 745fe410..72ce5073 100644
--- a/android/app/src/main/res/menu/bottom_nav_menu.xml
+++ b/android/app/src/main/res/menu/bottom_nav_menu.xml
@@ -12,8 +12,8 @@
         android:title="Search" />
 
     <item
-        android:id="@+id/makeRecipeFragment"
-        android:icon="@drawable/ic_plus"
+        android:id="@+id/recipeMakingFragment"
+        android:icon="@drawable/ic_add_recipe"
         android:title="MakeRecipe" />
 
     <item
diff --git a/android/app/src/main/res/navigation/nav_graph.xml b/android/app/src/main/res/navigation/nav_graph.xml
index 090fcf3e..a2be7713 100644
--- a/android/app/src/main/res/navigation/nav_graph.xml
+++ b/android/app/src/main/res/navigation/nav_graph.xml
@@ -9,13 +9,33 @@
         android:id="@+id/homeFragment"
         android:name="net.pengcook.android.presentation.home.HomeFragment"
         android:label="fragment_home"
-        tools:layout="@layout/fragment_home" />
+        tools:layout="@layout/fragment_home">
+        <action
+            android:id="@+id/action_homeFragment_to_detailRecipeFragment"
+            app:destination="@id/detailRecipeFragment" />
+        <action
+            android:id="@+id/action_homeFragment_to_categoryFragment"
+            app:destination="@id/categoryFragment" />
+        <action
+            android:id="@+id/action_homeFragment_to_searchFragment"
+            app:destination="@id/searchFragment" />
+        <action
+            android:id="@+id/action_homeFragment_to_recipeMakingFragment"
+            app:destination="@id/recipeMakingFragment" />
+    </fragment>
 
     <fragment
         android:id="@+id/detailRecipeFragment"
         android:name="net.pengcook.android.presentation.detail.DetailRecipeFragment"
         android:label="fragment_detail_recipe"
-        tools:layout="@layout/fragment_detail_recipe" />
+        tools:layout="@layout/fragment_detail_recipe">
+        <action
+            android:id="@+id/action_detailRecipeFragment_to_recipeStepFragment"
+            app:destination="@id/recipeStepFragment" />
+        <argument
+            android:name="recipe"
+            app:argType="net.pengcook.android.presentation.core.model.Recipe" />
+    </fragment>
 
     <fragment
         android:id="@+id/onboardingFragment"
@@ -48,26 +68,54 @@
         android:id="@+id/categoryFragment"
         android:name="net.pengcook.android.presentation.category.CategoryFragment"
         android:label="fragment_category"
-        tools:layout="@layout/fragment_category" />
+        tools:layout="@layout/fragment_category">
+        <action
+            android:id="@+id/action_categoryFragment_to_homeFragment"
+            app:destination="@id/homeFragment" />
+        <action
+            android:id="@+id/action_categoryFragment_to_searchFragment"
+            app:destination="@id/searchFragment" />
+        <action
+            android:id="@+id/action_categoryFragment_to_recipeMakingFragment"
+            app:destination="@id/recipeMakingFragment" />
+    </fragment>
 
     <fragment
         android:id="@+id/searchFragment"
         android:name="net.pengcook.android.presentation.search.SearchFragment"
         android:label="fragment_search"
-        tools:layout="@layout/fragment_search" />
+        tools:layout="@layout/fragment_search">
+        <action
+            android:id="@+id/action_searchFragment_to_homeFragment"
+            app:destination="@id/homeFragment" />
+        <action
+            android:id="@+id/action_searchFragment_to_categoryFragment"
+            app:destination="@id/categoryFragment" />
+        <action
+            android:id="@+id/action_searchFragment_to_recipeMakingFragment"
+            app:destination="@id/recipeMakingFragment" />
+    </fragment>
+
+    <fragment
+        android:id="@+id/recipeStepFragment"
+        android:name="net.pengcook.android.presentation.step.RecipeStepFragment"
+        android:label="RecipeStepFragment">
+        <action
+            android:id="@+id/action_recipeStepFragment_to_detailRecipeFragment"
+            app:destination="@id/detailRecipeFragment" />
+    </fragment>
     <fragment
         android:id="@+id/recipeMakingFragment"
         android:name="net.pengcook.android.presentation.making.RecipeMakingFragment"
-        android:label="RecipeMakingFragment" />
+        android:label="RecipeMakingFragment" >
+        <action
+            android:id="@+id/action_recipeMakingFragment_to_stepMakingFragment"
+            app:destination="@id/stepMakingFragment" />
+    </fragment>
     <fragment
         android:id="@+id/stepMakingFragment"
         android:name="net.pengcook.android.presentation.making.step.StepMakingFragment"
         android:label="StepMakingFragment" />
 
-    <fragment
-        android:id="@+id/recipeStepFragment"
-        android:name="net.pengcook.android.presentation.step.RecipeStepFragment"
-        android:label="fragment_recipe_step"
-        tools:layout="fragment_recipe_step" />
 
 </navigation>
diff --git a/android/build.gradle.kts b/android/build.gradle.kts
index 6b29c71c..c737204e 100644
--- a/android/build.gradle.kts
+++ b/android/build.gradle.kts
@@ -8,3 +8,8 @@ plugins {
 allprojects {
     apply(plugin = "org.jlleitschuh.gradle.ktlint")
 }
+buildscript {
+    dependencies {
+        classpath("androidx.navigation:navigation-safe-args-gradle-plugin:2.7.7")
+    }
+}