diff --git a/app/src/main/java/com/andela/art/checkin/CheckInActivity.java b/app/src/main/java/com/andela/art/checkin/CheckInActivity.java
index b2b193f..b99e5d7 100644
--- a/app/src/main/java/com/andela/art/checkin/CheckInActivity.java
+++ b/app/src/main/java/com/andela/art/checkin/CheckInActivity.java
@@ -21,6 +21,7 @@
 import com.andela.art.root.ApplicationModule;
 import com.andela.art.root.ArtApplication;
 import com.andela.art.root.BaseMenuActivity;
+import com.andela.art.utils.NetworkUtil;
 import com.andela.art.securitydashboard.presentation.NfcSecurityDashboardActivity;
 import com.squareup.picasso.Picasso;
 import java.util.Locale;
@@ -40,12 +41,19 @@ public class CheckInActivity extends BaseMenuActivity implements CheckInView {
     Bundle bundle;
     private View mProgressView;
     private CheckInRepository mRepository;
+    public NetworkUtil networkUtil = new NetworkUtil();
 
 
     @Override
     protected void onCreate(@Nullable Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         binding = DataBindingUtil.setContentView(this, R.layout.activity_check_in);
+        mRepository = new CheckInRepository(getApplication());
+        if (!networkUtil.isNetworkAvailable(this)) {
+            //TODO: Should be different layout for offline devices
+            binding = DataBindingUtil.setContentView(this, R.layout.cached_activity_check_in);
+        }
+
         mProgressView = findViewById(R.id.check_in_view_progressbar);
         applicationComponent = ((ArtApplication) getApplication())
                 .applicationComponent();
@@ -60,6 +68,8 @@ protected void onCreate(@Nullable Bundle savedInstanceState) {
         setSupportActionBar(binding.checkInToolbar);
         binding.checkInToolbar.setTitleTextAppearance(this, R.style.CheckInTitle);
         presenter.attachView(this);
+        mRepository.setPresenter(presenter);
+        mRepository.query();
         displayDetails();
     }
 
diff --git a/app/src/main/java/com/andela/art/room/ArtDao.java b/app/src/main/java/com/andela/art/room/ArtDao.java
index d0c8ccf..c8dcffc 100644
--- a/app/src/main/java/com/andela/art/room/ArtDao.java
+++ b/app/src/main/java/com/andela/art/room/ArtDao.java
@@ -2,6 +2,9 @@
 
 import android.arch.persistence.room.Dao;
 import android.arch.persistence.room.Insert;
+import android.arch.persistence.room.Query;
+
+import java.util.List;
 
 
 /**
@@ -18,4 +21,18 @@ public interface ArtDao {
      */
     @Insert
     void insertCheckIn(CheckInEntity checkInEntity);
+
+    /**
+     * Get checkin data.
+     * @return Return list of checkIn entities.
+     */
+    @Query("SELECT * FROM checkIn")
+    List<CheckInEntity> getAllCheckInData();
+
+    /**
+     * Delete all Check In Records.
+     */
+    @Query("DELETE FROM checkIn")
+    void deleteAllRecords();
+
 }
diff --git a/app/src/main/java/com/andela/art/room/ArtDatabase.java b/app/src/main/java/com/andela/art/room/ArtDatabase.java
index 47e1206..6b5d05c 100644
--- a/app/src/main/java/com/andela/art/room/ArtDatabase.java
+++ b/app/src/main/java/com/andela/art/room/ArtDatabase.java
@@ -29,7 +29,7 @@ static ArtDatabase getDatabase(final Context context) {
         synchronized (ArtDatabase.class) {
             if (instance == null) {
                 instance = Room.databaseBuilder(context.getApplicationContext(),
-                        ArtDatabase.class, "artdb").build();
+                            ArtDatabase.class, "artdb").build();
             }
         }
         return instance;
diff --git a/app/src/main/java/com/andela/art/room/CheckInRepository.java b/app/src/main/java/com/andela/art/room/CheckInRepository.java
index 87914a3..d615884 100644
--- a/app/src/main/java/com/andela/art/room/CheckInRepository.java
+++ b/app/src/main/java/com/andela/art/room/CheckInRepository.java
@@ -3,6 +3,10 @@
 import android.app.Application;
 import android.os.AsyncTask;
 
+import com.andela.art.checkin.CheckInPresenter;
+
+import java.util.List;
+
 /**
  * Abstracted Repository as promoted by the Architecture Guide.
  * https://developer.android.com/topic/libraries/architecture/guide.html
@@ -11,6 +15,15 @@
 @SuppressWarnings("PMD.ImmutableField")
 public class CheckInRepository {
     private  ArtDao mArtDao;
+    private CheckInPresenter presenter;
+
+    /**
+     * Set presenter value.
+     * @param presenter CheckinPresenter
+     */
+    public void setPresenter(CheckInPresenter presenter) {
+        this.presenter = presenter;
+    }
 
     /**
      * Check in repository constructor.
@@ -29,6 +42,13 @@ public void insert(CheckInEntity mCheckInEntity) {
         new InsertAsyncTask(mArtDao).execute(mCheckInEntity);
     }
 
+    /**
+     *
+     */
+    public void query() {
+        new QueryAsyncTask(mArtDao).execute();
+    }
+
     /**
      * non-UI thread to insert data into the DB.
      */
@@ -51,4 +71,36 @@ protected Void doInBackground(CheckInEntity... checkInEntities) {
             return null;
         }
     }
+
+    /**
+     * Non-UI thread to query data from the DB.
+     */
+    private class QueryAsyncTask extends AsyncTask<Void, Void, Void> {
+
+        private ArtDao mAsyncTaskDao;
+
+        /**
+         * Constructor.
+         * @param mArtDao ArtDao.
+         */
+        QueryAsyncTask(ArtDao mArtDao) {
+            mAsyncTaskDao = mArtDao;
+        }
+
+        @Override
+        protected Void doInBackground(Void... voids) {
+            List<CheckInEntity> checkInData = mAsyncTaskDao.getAllCheckInData();
+            if (checkInData.isEmpty()) {
+                //Do nothing
+                return null;
+            } else {
+                presenter.checkIn(checkInData.get(0).getId(), //NOPMD
+                        checkInData.get(0).getLogStatus()); //NOPMD
+                mAsyncTaskDao.deleteAllRecords();
+
+            }
+            return null;
+        }
+    }
+
 }
diff --git a/app/src/main/res/layout/cached_activity_check_in.xml b/app/src/main/res/layout/cached_activity_check_in.xml
new file mode 100644
index 0000000..85b08c8
--- /dev/null
+++ b/app/src/main/res/layout/cached_activity_check_in.xml
@@ -0,0 +1,256 @@
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:card_view="http://schemas.android.com/apk/res-auto">
+    <RelativeLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:background="#1E1D23">
+
+        <android.support.v7.widget.Toolbar
+            android:id="@+id/check_in_toolbar"
+            android:layout_width="match_parent"
+            android:layout_height="65dp"
+            android:background="#25252f"
+            app:theme="@style/AppTheme.AppBarOverlay"
+            app:titleTextAppearance="@style/AppBarTitle"
+            app:popupTheme="@style/ThemeOverlay.AppBarPopup"/>
+
+        <de.hdodenhof.circleimageview.CircleImageView
+            android:id="@+id/ivPhoto"
+            android:layout_width="145dp"
+            android:layout_height="145dp"
+            android:layout_below="@+id/check_in_toolbar"
+            android:layout_centerHorizontal="true"
+            android:layout_marginTop="12dp"
+            app:civ_border_color="@android:color/transparent"
+            app:civ_border_width="0dp"/>
+
+        <TextView
+            android:id="@+id/name"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_alignParentTop="true"
+            android:layout_centerHorizontal="true"
+            android:layout_marginTop="212dp"
+            android:fontFamily="@font/avenir_heavy"
+            android:text="@string/full_name"
+            android:textColor="#dadcdf"
+            android:textSize="23sp"
+            android:textStyle="normal" />
+
+
+        <android.support.v7.widget.CardView
+            android:id="@+id/card_view"
+            android:layout_width="match_parent"
+            android:layout_height="245dp"
+            android:layout_alignParentBottom="true"
+            android:layout_alignParentStart="true"
+            android:layout_marginBottom="75dp"
+            android:layout_marginEnd="6dp"
+            android:layout_marginStart="6dp"
+            android:background="#25252f"
+            card_view:cardBackgroundColor="#25252f"
+            card_view:cardCornerRadius="4dp"
+            card_view:cardElevation="10dp">
+
+            <RelativeLayout
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:background="@android:color/transparent">
+
+                <ImageView
+                    android:id="@+id/mac"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_above="@+id/info_text"
+                    android:layout_alignParentStart="true"
+                    android:layout_marginBottom="-12dp"
+                    android:layout_marginStart="23dp"
+                    android:contentDescription="@string/mac"
+                    android:src="@drawable/ic_computer_black_24dp" />
+
+                <TextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_alignStart="@+id/info_text"
+                    android:layout_alignTop="@+id/serial_info"
+                    android:layout_marginTop="0dp"
+                    android:fontFamily="@font/avenir_medium"
+                    android:text="@string/serial"
+                    android:textColor="@color/cardHeader"
+                    android:textSize="17sp" />
+
+                <TextView
+                    android:id="@+id/serial_info"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_alignParentStart="true"
+                    android:layout_alignParentTop="true"
+                    android:layout_marginStart="122dp"
+                    android:layout_marginTop="14dp"
+                    android:fontFamily="@font/avenir_medium"
+                    android:text="CRT23R45"
+                    android:textColor="@color/cardHeader"
+                    android:textSize="17sp" />
+
+                <TextView
+                    android:id="@+id/info_text"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_alignStart="@+id/cohort_number"
+                    android:layout_below="@+id/serial_info"
+                    android:layout_marginTop="7dp"
+                    android:fontFamily="@font/avenir_light"
+                    android:text="@string/serial_hint"
+                    android:textColor="@color/cardText"
+                    android:textSize="12sp" />
+
+                <View
+                    android:id="@+id/divider"
+                    android:layout_width="300dp"
+                    android:layout_height="0.25dp"
+                    android:layout_alignParentStart="true"
+                    android:layout_alignParentTop="true"
+                    android:layout_marginStart="58dp"
+                    android:layout_marginTop="75dp"
+                    android:background="#dadcdf" />
+
+                <ImageView
+                    android:id="@+id/users"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_above="@+id/cohort_header"
+                    android:layout_alignStart="@+id/mac"
+                    android:layout_marginBottom="-12dp"
+                    android:src="@drawable/ic_group_black_24dp" />
+
+
+                <TextView
+                    android:id="@+id/cohort_number"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_alignParentStart="true"
+                    android:layout_alignParentTop="true"
+                    android:layout_marginStart="68dp"
+                    android:layout_marginTop="85dp"
+                    android:fontFamily="@font/avenir_medium"
+                    android:text="18"
+                    android:textColor="@color/cardHeader"
+                    android:textSize="17sp" />
+
+                <TextView
+                    android:id="@+id/cohort_header"
+                    android:layout_width="192dp"
+                    android:layout_height="wrap_content"
+                    android:layout_alignStart="@+id/cohort_number"
+                    android:layout_below="@+id/cohort_number"
+                    android:layout_marginTop="7dp"
+                    android:fontFamily="@font/avenir_light"
+                    android:text="@string/cohort"
+                    android:textColor="@color/cardText"
+                    android:textSize="14sp" />
+
+                <View
+                    android:layout_width="300dp"
+                    android:layout_height="0.25dp"
+                    android:layout_alignParentBottom="true"
+                    android:layout_centerHorizontal="true"
+                    android:layout_alignParentStart="true"
+                    android:layout_marginStart="58dp"
+                    android:layout_marginBottom="98dp"
+                    android:background="#dadcdf" />
+
+
+                <ImageView
+                    android:id="@+id/email"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_alignParentBottom="true"
+                    android:layout_alignStart="@+id/mac"
+                    android:layout_marginBottom="45dp"
+                    android:src="@drawable/ic_email_black_24dp" />
+
+                <TextView
+                    android:id="@+id/email_text"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_alignParentBottom="true"
+                    android:layout_marginBottom="59dp"
+                    android:layout_marginStart="68dp"
+                    android:fontFamily="@font/avenir_medium"
+                    android:text="@string/email_address"
+                    android:textColor="@color/cardHeader"
+                    android:textSize="17sp" />
+
+                <TextView
+                    android:id="@+id/email_header"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_alignParentStart="true"
+                    android:layout_below="@+id/email_text"
+                    android:layout_marginStart="68dp"
+                    android:layout_marginTop="-53dp"
+                    android:fontFamily="@font/avenir_light"
+                    android:text="@string/email_title"
+                    android:textColor="@color/cardText"
+                    android:textSize="14sp" />
+
+                <View
+                    android:layout_width="300dp"
+                    android:layout_height="0.25dp"
+                    android:layout_alignParentBottom="true"
+                    android:layout_alignStart="@+id/divider"
+                    android:layout_marginBottom="17dp"
+                    android:background="#dadcdf" />
+
+            </RelativeLayout>
+
+
+        </android.support.v7.widget.CardView>
+
+        <android.support.constraint.ConstraintLayout
+            android:id="@+id/check_in_view_progressbar"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="290dp"
+            android:layout_marginStart="170dp"
+            >
+
+            <ProgressBar
+                android:id="@+id/nfc_progress_bar"
+                style="?android:attr/progressBarStyleLarge"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginBottom="8dp"
+                />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="@string/please_wait"
+                android:textColor="@color/colorAccent"
+                app:layout_constraintTop_toBottomOf="@id/nfc_progress_bar"/>
+
+        </android.support.constraint.ConstraintLayout>
+
+        <Button
+            android:id="@+id/checkInButton"
+            android:layout_width="150dp"
+            android:layout_height="wrap_content"
+            android:layout_alignParentBottom="true"
+            android:layout_alignParentEnd="true"
+            android:layout_marginBottom="16dp"
+            android:layout_marginEnd="19dp"
+            android:background="@drawable/checkout_button"
+            android:fontFamily="@font/avenir_book"
+            android:paddingBottom="9dp"
+            android:paddingEnd="27dp"
+            android:paddingStart="27dp"
+            android:paddingTop="9dp"
+            android:text="@string/check_out"
+            android:textColor="@android:color/white"
+            android:textSize="16sp"
+            android:clickable="true"/>
+
+    </RelativeLayout>
+</layout>