diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 1566c55..bc6a554 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -13,6 +13,11 @@
 	android:supportsRtl="true"
 	android:theme="@style/AppTheme"
 	android:usesCleartextTraffic="true">
+	<activity
+	  android:name=".ui.checkout.CheckoutActivity"
+	  android:label="@string/title_activity_checkout"
+	  android:theme="@style/AppTheme.NoActionBar">
+	</activity>
 	<activity
 	  android:name=".ui.product.CartActivity"
 	  android:label="@string/title_activity_cart"
diff --git a/app/src/main/java/me/gilo/wc/ui/checkout/CheckoutActivity.kt b/app/src/main/java/me/gilo/wc/ui/checkout/CheckoutActivity.kt
new file mode 100644
index 0000000..82194f1
--- /dev/null
+++ b/app/src/main/java/me/gilo/wc/ui/checkout/CheckoutActivity.kt
@@ -0,0 +1,23 @@
+package me.gilo.wc.ui.checkout
+
+import android.os.Bundle
+import android.support.design.widget.Snackbar
+import android.support.v7.app.AppCompatActivity
+import me.gilo.wc.R
+
+import kotlinx.android.synthetic.main.activity_checkout.*
+
+class CheckoutActivity : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(R.layout.activity_checkout)
+        setSupportActionBar(toolbar)
+
+        fab.setOnClickListener { view ->
+            Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
+                .setAction("Action", null).show()
+        }
+    }
+
+}
diff --git a/app/src/main/java/me/gilo/wc/viewmodels/ProductViewModel.java b/app/src/main/java/me/gilo/wc/viewmodels/ProductViewModel.java
index 7ba0365..f8632bd 100644
--- a/app/src/main/java/me/gilo/wc/viewmodels/ProductViewModel.java
+++ b/app/src/main/java/me/gilo/wc/viewmodels/ProductViewModel.java
@@ -1,5 +1,6 @@
 package me.gilo.wc.viewmodels;
 
+import android.arch.lifecycle.MutableLiveData;
 import android.arch.lifecycle.ViewModel;
 import android.content.Context;
 import com.google.firebase.firestore.DocumentReference;
@@ -10,6 +11,7 @@ import me.gilo.wc.models.CartLineItem;
 import me.gilo.wc.repo.CartRepository;
 import me.gilo.wc.repo.OrderRepository;
 import me.gilo.wc.repo.ProductRepository;
+import me.gilo.wc.repo.ReviewRepository;
 import me.gilo.woodroid.models.LineItem;
 import me.gilo.woodroid.models.Product;
 import me.gilo.woodroid.models.ProductReview;
@@ -25,16 +27,25 @@ public final class ProductViewModel extends ViewModel {
     private final OrderRepository orderRepository;
     private final CartRepository cartRepository;
 
+    private final MutableLiveData<Integer> selectedProductId = new MutableLiveData();
+
     @Inject
     ProductViewModel(ProductRepository productRepository,
                      OrderRepository orderRepository,
-                     CartRepository cartRepository
-    ) {
+                     CartRepository cartRepository) {
         this.productRepository = productRepository;
         this.orderRepository = orderRepository;
         this.cartRepository =  cartRepository;
     }
 
+    public MutableLiveData<Integer> getSelectedProduct() {
+        return selectedProductId;
+    }
+
+    public void selectProduct(int productId) {
+        selectedProductId.setValue(productId);
+    }
+
     public WooLiveData<List<Product>> products() {
         return productRepository.products();
     }
diff --git a/app/src/main/java/me/gilo/wc/viewmodels/ReviewViewModel.java b/app/src/main/java/me/gilo/wc/viewmodels/ReviewViewModel.java
index 11cf6f4..7089831 100644
--- a/app/src/main/java/me/gilo/wc/viewmodels/ReviewViewModel.java
+++ b/app/src/main/java/me/gilo/wc/viewmodels/ReviewViewModel.java
@@ -1,5 +1,6 @@
 package me.gilo.wc.viewmodels;
 
+import android.arch.lifecycle.MutableLiveData;
 import android.arch.lifecycle.ViewModel;
 import android.content.Context;
 import me.gilo.wc.common.WooLiveData;
diff --git a/app/src/main/res/layout/activity_checkout.xml b/app/src/main/res/layout/activity_checkout.xml
new file mode 100644
index 0000000..a6b40f0
--- /dev/null
+++ b/app/src/main/res/layout/activity_checkout.xml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<android.support.design.widget.CoordinatorLayout
+  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=".ui.checkout.CheckoutActivity">
+
+  <android.support.design.widget.AppBarLayout
+	android:layout_height="wrap_content"
+	android:layout_width="match_parent"
+	android:theme="@style/AppTheme.AppBarOverlay">
+
+	<android.support.v7.widget.Toolbar
+	  android:id="@+id/toolbar"
+	  android:layout_width="match_parent"
+	  android:layout_height="?attr/actionBarSize"
+	  android:background="?attr/colorPrimary"
+	  app:popupTheme="@style/AppTheme.PopupOverlay"/>
+
+  </android.support.design.widget.AppBarLayout>
+
+  <include layout="@layout/content_checkout"/>
+
+  <android.support.design.widget.FloatingActionButton
+	android:id="@+id/fab"
+	android:layout_width="wrap_content"
+	android:layout_height="wrap_content"
+	android:layout_gravity="bottom|end"
+	android:layout_margin="@dimen/fab_margin"
+	app:srcCompat="@android:drawable/ic_dialog_email"/>
+
+</android.support.design.widget.CoordinatorLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/content_cart.xml b/app/src/main/res/layout/content_cart.xml
index 1eb50c0..fc9957e 100644
--- a/app/src/main/res/layout/content_cart.xml
+++ b/app/src/main/res/layout/content_cart.xml
@@ -165,8 +165,85 @@
 	  android:layout_marginBottom="16dp"
 	  />
 
+	<TextView
+	  fontPath="@string/font_medium"
+	  android:layout_width="wrap_content"
+	  android:layout_height="wrap_content"
+	  android:gravity="left"
+	  android:layout_marginLeft="16dp"
+	  android:layout_marginTop="24dp"
+	  android:layout_marginRight="16dp"
+	  android:text="Shipping To"
+	  android:textColor="@color/text_black_2"
+	  android:textSize="20sp"
+	  />
+
+	<LinearLayout
+	  android:layout_width="match_parent"
+	  android:layout_height="wrap_content"
+	  android:orientation="vertical"
+	  android:background="@drawable/rect_white"
+	  android:elevation="2dp"
+	  android:layout_margin="16dp"
+	  android:padding="16dp">
+
+	  <TextView
+		android:id="@+id/tvShippingAddress"
+		fontPath="@string/font_regular"
+		android:layout_width="wrap_content"
+		android:layout_height="wrap_content"
+		android:gravity="left"
+		android:text="@string/dummy_address"
+		android:maxLines="6"
+		android:lineSpacingMultiplier="1.2"
+		android:textColor="@color/text_black_5"
+		android:textSize="16sp"/>
+
+
+	  <TextView
+		android:id="@+id/tvShippingAddressEdit"
+		fontPath="@string/font_regular"
+		android:layout_width="wrap_content"
+		android:layout_height="wrap_content"
+		android:gravity="right"
+		android:text="Edit"
+		android:paddingLeft="16dp"
+		android:paddingTop="16dp"
+		android:layout_gravity="right"
+		android:lineSpacingMultiplier="1.2"
+		android:textColor="@color/colorPrimary"
+		android:textSize="16sp"/>
+
+
+	</LinearLayout>
+
+
+	<TextView
+	  fontPath="@string/font_medium"
+	  android:layout_width="wrap_content"
+	  android:layout_height="wrap_content"
+	  android:gravity="left"
+	  android:layout_marginLeft="16dp"
+	  android:layout_marginTop="24dp"
+	  android:layout_marginRight="16dp"
+	  android:text="Pay with"
+	  android:textColor="@color/text_black_2"
+	  android:textSize="20sp"
+	  />
+
+	<LinearLayout
+	  android:layout_width="match_parent"
+	  android:layout_height="wrap_content"
+	  android:orientation="vertical"
+	  android:background="@drawable/rect_white"
+	  android:elevation="2dp"
+	  android:layout_margin="16dp"
+	  android:padding="16dp">
 
 
 
+	</LinearLayout>
+
+	
   </LinearLayout>
 </android.support.v4.widget.NestedScrollView>
\ No newline at end of file
diff --git a/app/src/main/res/layout/content_checkout.xml b/app/src/main/res/layout/content_checkout.xml
new file mode 100644
index 0000000..ea7cb3e
--- /dev/null
+++ b/app/src/main/res/layout/content_checkout.xml
@@ -0,0 +1,143 @@
+<?xml version="1.0" encoding="utf-8"?>
+<android.support.v4.widget.NestedScrollView
+  xmlns:android="http://schemas.android.com/apk/res/android"
+  xmlns:app="http://schemas.android.com/apk/res-auto"
+  xmlns:attrs="http://schemas.android.com/apk/res-auto"
+  xmlns:tools="http://schemas.android.com/tools"
+  android:layout_width="match_parent"
+  android:layout_height="match_parent"
+  android:orientation="vertical"
+  android:background="@color/bg"
+  tools:ignore="MissingPrefix"
+  app:layout_behavior="@string/appbar_scrolling_view_behavior">
+
+  <LinearLayout
+	android:layout_width="match_parent"
+	android:layout_height="match_parent"
+	android:orientation="vertical"
+	>
+
+
+	<View
+	  android:layout_width="match_parent"
+	  android:layout_height="1dp"
+	  android:layout_marginLeft="16dp"
+	  android:layout_marginRight="16dp"
+	  android:background="#d8d8d8"
+	  android:layout_marginTop="16dp"
+	  android:layout_marginBottom="16dp"
+	  />
+
+	<LinearLayout
+	  android:layout_width="match_parent"
+	  android:layout_height="wrap_content"
+	  android:orientation="horizontal"
+	  android:paddingLeft="16dp"
+	  android:paddingRight="16dp"
+	  >
+
+	  <TextView
+		android:id="@+id/tvTotalItemCountTitle"
+		fontPath="@string/font_regular"
+		android:layout_width="match_parent"
+		android:layout_height="wrap_content"
+		android:gravity="left"
+		android:text="Item (1)"
+		android:layout_weight="1"
+		android:textColor="@color/text_black_9"
+		android:textSize="14sp"
+		/>
+
+	  <TextView
+		android:id="@+id/tvTotalItemCost"
+		fontPath="@string/font_medium"
+		android:layout_width="wrap_content"
+		android:layout_height="wrap_content"
+		android:gravity="right"
+		android:text="$0"
+		android:textColor="@color/text_black_9"
+		android:textSize="14sp"
+		/>
+
+	</LinearLayout>
+
+	<LinearLayout
+	  android:layout_width="match_parent"
+	  android:layout_height="wrap_content"
+	  android:orientation="horizontal"
+	  android:paddingLeft="16dp"
+	  android:paddingRight="16dp"
+	  android:layout_marginTop="8dp"
+	  >
+
+	  <TextView
+		android:id="@+id/tvShippingTitle"
+		fontPath="@string/font_regular"
+		android:layout_width="match_parent"
+		android:layout_height="wrap_content"
+		android:gravity="left"
+		android:text="Shipping within San Fransisco"
+		android:layout_weight="1"
+		android:textColor="@color/text_black_9"
+		android:textSize="14sp"
+		/>
+
+	  <TextView
+		android:id="@+id/tvShippingCost"
+		fontPath="@string/font_medium"
+		android:layout_width="wrap_content"
+		android:layout_height="wrap_content"
+		android:gravity="right"
+		android:text="$0"
+		android:textColor="@color/text_black_9"
+		android:textSize="14sp"
+		/>
+
+	</LinearLayout>
+
+
+	<View
+	  android:layout_width="match_parent"
+	  android:layout_height="1dp"
+	  android:layout_marginTop="16dp"
+	  android:layout_marginLeft="16dp"
+	  android:layout_marginRight="16dp"
+	  android:background="#d8d8d8"
+	  />
+
+	<LinearLayout
+	  android:layout_width="match_parent"
+	  android:layout_height="wrap_content"
+	  android:orientation="horizontal"
+	  android:padding="16dp"
+	  >
+
+	  <TextView
+		fontPath="@string/font_medium"
+		android:layout_width="match_parent"
+		android:layout_height="wrap_content"
+		android:gravity="left"
+		android:text="Total"
+		android:layout_weight="1"
+		android:textColor="@color/text_black_2"
+		android:textSize="20sp"
+		/>
+
+	  <TextView
+		android:id="@+id/tvTotal"
+		fontPath="@string/font_medium"
+		android:layout_width="wrap_content"
+		android:layout_height="wrap_content"
+		android:gravity="right"
+		android:text="$0"
+		android:textColor="@color/text_black_2"
+		android:textSize="20sp"
+		/>
+
+	</LinearLayout>
+
+
+
+
+  </LinearLayout>
+</android.support.v4.widget.NestedScrollView>
\ No newline at end of file
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 327fa59..a1c478a 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -44,5 +44,6 @@
     (555) 555 555
   </string>
   <string name="title_activity_cart">CartActivity</string>
+  <string name="title_activity_checkout">CheckoutActivity</string>
 
 </resources>