diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml
new file mode 100644
index 0000000..4bec4ea
--- /dev/null
+++ b/.idea/codeStyles/Project.xml
@@ -0,0 +1,117 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <codeStyleSettings language="XML">
+      <option name="FORCE_REARRANGE_MODE" value="1" />
+      <indentOptions>
+        <option name="CONTINUATION_INDENT_SIZE" value="4" />
+      </indentOptions>
+      <arrangement>
+        <rules>
+          <section>
+            <rule>
+              <match>
+                <AND>
+                  <NAME>xmlns:android</NAME>
+                  <XML_ATTRIBUTE />
+                  <XML_NAMESPACE>^$</XML_NAMESPACE>
+                </AND>
+              </match>
+            </rule>
+          </section>
+          <section>
+            <rule>
+              <match>
+                <AND>
+                  <NAME>xmlns:.*</NAME>
+                  <XML_ATTRIBUTE />
+                  <XML_NAMESPACE>^$</XML_NAMESPACE>
+                </AND>
+              </match>
+              <order>BY_NAME</order>
+            </rule>
+          </section>
+          <section>
+            <rule>
+              <match>
+                <AND>
+                  <NAME>.*:id</NAME>
+                  <XML_ATTRIBUTE />
+                  <XML_NAMESPACE>http://schemas.android.com/apk/res/android</XML_NAMESPACE>
+                </AND>
+              </match>
+            </rule>
+          </section>
+          <section>
+            <rule>
+              <match>
+                <AND>
+                  <NAME>.*:name</NAME>
+                  <XML_ATTRIBUTE />
+                  <XML_NAMESPACE>http://schemas.android.com/apk/res/android</XML_NAMESPACE>
+                </AND>
+              </match>
+            </rule>
+          </section>
+          <section>
+            <rule>
+              <match>
+                <AND>
+                  <NAME>name</NAME>
+                  <XML_ATTRIBUTE />
+                  <XML_NAMESPACE>^$</XML_NAMESPACE>
+                </AND>
+              </match>
+            </rule>
+          </section>
+          <section>
+            <rule>
+              <match>
+                <AND>
+                  <NAME>style</NAME>
+                  <XML_ATTRIBUTE />
+                  <XML_NAMESPACE>^$</XML_NAMESPACE>
+                </AND>
+              </match>
+            </rule>
+          </section>
+          <section>
+            <rule>
+              <match>
+                <AND>
+                  <NAME>.*</NAME>
+                  <XML_ATTRIBUTE />
+                  <XML_NAMESPACE>^$</XML_NAMESPACE>
+                </AND>
+              </match>
+              <order>BY_NAME</order>
+            </rule>
+          </section>
+          <section>
+            <rule>
+              <match>
+                <AND>
+                  <NAME>.*</NAME>
+                  <XML_ATTRIBUTE />
+                  <XML_NAMESPACE>http://schemas.android.com/apk/res/android</XML_NAMESPACE>
+                </AND>
+              </match>
+              <order>ANDROID_ATTRIBUTE_ORDER</order>
+            </rule>
+          </section>
+          <section>
+            <rule>
+              <match>
+                <AND>
+                  <NAME>.*</NAME>
+                  <XML_ATTRIBUTE />
+                  <XML_NAMESPACE>.*</XML_NAMESPACE>
+                </AND>
+              </match>
+              <order>BY_NAME</order>
+            </rule>
+          </section>
+        </rules>
+      </arrangement>
+    </codeStyleSettings>
+  </code_scheme>
+</component>
\ No newline at end of file
diff --git a/.idea/codeStyles/codeStyleConfig.xml b/.idea/codeStyles/codeStyleConfig.xml
new file mode 100644
index 0000000..a55e7a1
--- /dev/null
+++ b/.idea/codeStyles/codeStyleConfig.xml
@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" />
+  </state>
+</component>
\ No newline at end of file
diff --git a/.idea/gradle.xml b/.idea/gradle.xml
index 5cd135a..526b4c2 100644
--- a/.idea/gradle.xml
+++ b/.idea/gradle.xml
@@ -4,7 +4,7 @@
   <component name="GradleSettings">
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>
-        <option name="testRunner" value="PLATFORM" />
+        <option name="testRunner" value="GRADLE" />
         <option name="distributionType" value="DEFAULT_WRAPPED" />
         <option name="externalProjectPath" value="$PROJECT_DIR$" />
         <option name="modules">
diff --git a/.idea/misc.xml b/.idea/misc.xml
index 6199cc2..5ac8a41 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -1,5 +1,19 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="DesignSurface">
+    <option name="filePathToZoomLevelMap">
+      <map>
+        <entry key="app/src/main/res/layout/activity_main.xml" value="0.2755208333333333" />
+        <entry key="app/src/main/res/layout/dialog_checkout.xml" value="0.2755208333333333" />
+        <entry key="app/src/main/res/layout/fragment_check_in.xml" value="0.20153985507246377" />
+        <entry key="app/src/main/res/layout/fragment_check_in_category.xml" value="0.2755208333333333" />
+        <entry key="app/src/main/res/layout/fragment_check_in_place.xml" value="0.2755208333333333" />
+        <entry key="app/src/main/res/layout/fragment_map.xml" value="0.1" />
+        <entry key="app/src/main/res/layout/fragment_map_bottom_sheet.xml" value="0.20153985507246377" />
+        <entry key="app/src/main/res/layout/viewholder_category_item.xml" value="0.2028985507246377" />
+      </map>
+    </option>
+  </component>
   <component name="ProjectRootManager" version="2" languageLevel="JDK_11" default="true" project-jdk-name="11" project-jdk-type="JavaSDK">
     <output url="file://$PROJECT_DIR$/build/classes" />
   </component>
diff --git a/.idea/runConfigurations.xml b/.idea/runConfigurations.xml
deleted file mode 100644
index 797acea..0000000
--- a/.idea/runConfigurations.xml
+++ /dev/null
@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="RunConfigurationProducerService">
-    <option name="ignoredProducers">
-      <set>
-        <option value="com.android.tools.idea.compose.preview.runconfiguration.ComposePreviewRunConfigurationProducer" />
-      </set>
-    </option>
-  </component>
-</project>
\ No newline at end of file
diff --git a/app/build.gradle b/app/build.gradle
index 3ee8039..1e763e3 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -7,8 +7,10 @@ plugins {
     id 'com.google.secrets_gradle_plugin' version '0.6'
 }
 
+apply plugin: "androidx.navigation.safeargs.kotlin"
 apply plugin: "io.gitlab.arturbosch.detekt"
-apply plugin: 'dagger.hilt.android.plugin'
+apply plugin: "dagger.hilt.android.plugin"
+apply plugin: "kotlin-kapt"
 
 android {
     compileSdkVersion 30
@@ -39,6 +41,10 @@ android {
             proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
         }
     }
+    buildFeatures {
+        dataBinding true
+        viewBinding true
+    }
     compileOptions {
         sourceCompatibility JavaVersion.VERSION_1_8
         targetCompatibility JavaVersion.VERSION_1_8
@@ -72,9 +78,9 @@ android {
 
 dependencies {
 
-    implementation "org.jetbrains.kotlin:kotlin-stdlib:1.4.32"
-    implementation 'androidx.core:core-ktx:1.3.2'
-    implementation 'androidx.appcompat:appcompat:1.2.0'
+    implementation "org.jetbrains.kotlin:kotlin-stdlib:1.5.10"
+    implementation 'androidx.core:core-ktx:1.5.0'
+    implementation 'androidx.appcompat:appcompat:1.3.0'
     implementation 'com.google.android.material:material:1.3.0'
     implementation 'androidx.constraintlayout:constraintlayout:2.0.4'
 
@@ -84,19 +90,20 @@ dependencies {
     // instrumentation test
     androidTestImplementation 'androidx.test.ext:junit:1.1.2'
     androidTestImplementation 'androidx.test.espresso:espresso-core:3.3.0'
-    androidTestImplementation 'com.google.dagger:hilt-android-testing:2.31.2-alpha'
+    androidTestImplementation 'com.google.dagger:hilt-android-testing:2.36'
     // androidx test
     androidTestImplementation "androidx.arch.core:core-testing:2.1.0"
     // fluent assertions for Java and Android
     androidTestImplementation "com.google.truth:truth:1.1"
 
+
     // Detekt
     detektPlugins "io.gitlab.arturbosch.detekt:detekt-formatting:1.16.0"
     // Memory leak detection
     debugImplementation 'com.squareup.leakcanary:leakcanary-android:2.7'
 
     // coroutines
-    implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-core:1.4.3'
+    implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-core:1.5.0'
     implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-android:1.4.3'
     // coroutine test
     androidTestImplementation "org.jetbrains.kotlinx:kotlinx-coroutines-test:1.4.3"
@@ -110,10 +117,52 @@ dependencies {
     testImplementation "androidx.room:room-testing:2.3.0"
 
     // dagger hilt
-    implementation "com.google.dagger:hilt-android:2.31.2-alpha"
-    kapt "com.google.dagger:hilt-android-compiler:2.31.2-alpha"
+    implementation 'androidx.hilt:hilt-lifecycle-viewmodel:1.0.0-alpha03'
+    implementation "com.google.dagger:hilt-android:2.36"
+    kapt "com.google.dagger:hilt-android-compiler:2.36"
     // dagger-hilt test
-    kaptAndroidTest 'com.google.dagger:hilt-android-compiler:2.31.2-alpha'
+    kaptAndroidTest 'com.google.dagger:hilt-android-compiler:2.36'
+
+    // google map
+    implementation 'com.google.android.gms:play-services-maps:17.0.1'
+    implementation 'com.google.android.gms:play-services-location:18.0.0'
+    implementation 'com.google.android.libraries.places:places:2.4.0'
+    // google map kotlin extensions
+    implementation 'com.google.maps.android:maps-ktx:2.3.0'
+    implementation 'com.google.maps.android:maps-utils-ktx:2.3.0'
+
+    // fragment-ktx
+    implementation "androidx.fragment:fragment-ktx:1.3.5"
+    // Kotlin
+    implementation "androidx.navigation:navigation-fragment-ktx:$nav_version"
+    implementation "androidx.navigation:navigation-ui-ktx:$nav_version"
+
+    // Feature module Support
+    implementation "androidx.navigation:navigation-dynamic-features-fragment:$nav_version"
+
+    // Testing Navigation
+    androidTestImplementation "androidx.navigation:navigation-testing:$nav_version"
+
+    // debug
+    implementation "com.jakewharton.timber:timber:4.7.1"
+
+    // recycler view
+    implementation 'androidx.recyclerview:recyclerview:1.2.1'
+    implementation 'androidx.lifecycle:lifecycle-extensions:2.2.0'
+
+    // Lifecycle + ViewModel & LiveData
+    def lifecycle_version = "2.3.1"
+    implementation "androidx.lifecycle:lifecycle-viewmodel-ktx:$lifecycle_version"
+    implementation "androidx.lifecycle:lifecycle-livedata-ktx:$lifecycle_version"
+    implementation "androidx.lifecycle:lifecycle-common-java8:$lifecycle_version"
+
+    // DataStore
+    implementation "androidx.datastore:datastore-preferences:1.0.0-beta02"
+    implementation "androidx.datastore:datastore-core:1.0.0-beta02"
+}
+
+kapt {
+    correctErrorTypes true
 }
 
 // detekt
@@ -208,6 +257,9 @@ configurations {
     ktlint
 }
 dependencies {
+    implementation 'androidx.recyclerview:recyclerview:1.2.1'
+    implementation 'androidx.legacy:legacy-support-v4:1.0.0'
+    // ktlint
     ktlint "com.pinterest:ktlint:0.41.0"
 }
 task ktlint(type: JavaExec, group: "verification") {
diff --git a/app/schemas/com.deo.sticky.di.StickyDatabase/1.json b/app/schemas/com.deo.sticky.di.StickyDatabase/1.json
index e4309bd..0d23083 100644
--- a/app/schemas/com.deo.sticky.di.StickyDatabase/1.json
+++ b/app/schemas/com.deo.sticky.di.StickyDatabase/1.json
@@ -2,7 +2,7 @@
   "formatVersion": 1,
   "database": {
     "version": 1,
-    "identityHash": "6b3f0130269f5981bad585e467ae02c3",
+    "identityHash": "ac80553d1827bdeec4291209fb879a7d",
     "entities": [
       {
         "tableName": "places",
@@ -47,12 +47,159 @@
         },
         "indices": [],
         "foreignKeys": []
+      },
+      {
+        "tableName": "categories",
+        "createSql": "CREATE TABLE IF NOT EXISTS `${TABLE_NAME}` (`id` INTEGER PRIMARY KEY AUTOINCREMENT, `name` TEXT, `image` TEXT, `count` INTEGER)",
+        "fields": [
+          {
+            "fieldPath": "id",
+            "columnName": "id",
+            "affinity": "INTEGER",
+            "notNull": false
+          },
+          {
+            "fieldPath": "name",
+            "columnName": "name",
+            "affinity": "TEXT",
+            "notNull": false
+          },
+          {
+            "fieldPath": "image",
+            "columnName": "image",
+            "affinity": "TEXT",
+            "notNull": false
+          },
+          {
+            "fieldPath": "count",
+            "columnName": "count",
+            "affinity": "INTEGER",
+            "notNull": false
+          }
+        ],
+        "primaryKey": {
+          "columnNames": [
+            "id"
+          ],
+          "autoGenerate": true
+        },
+        "indices": [],
+        "foreignKeys": []
+      },
+      {
+        "tableName": "accumulates",
+        "createSql": "CREATE TABLE IF NOT EXISTS `${TABLE_NAME}` (`id` INTEGER PRIMARY KEY AUTOINCREMENT, `placeId` INTEGER NOT NULL, `categoryId` INTEGER NOT NULL, `start` INTEGER NOT NULL DEFAULT CURRENT_TIMESTAMP, `end` INTEGER, `value` INTEGER, `memoThumbnail` TEXT, `memoTitle` TEXT, `memoContents` TEXT, FOREIGN KEY(`placeId`) REFERENCES `places`(`id`) ON UPDATE NO ACTION ON DELETE NO ACTION , FOREIGN KEY(`categoryId`) REFERENCES `categories`(`id`) ON UPDATE NO ACTION ON DELETE NO ACTION )",
+        "fields": [
+          {
+            "fieldPath": "id",
+            "columnName": "id",
+            "affinity": "INTEGER",
+            "notNull": false
+          },
+          {
+            "fieldPath": "placeId",
+            "columnName": "placeId",
+            "affinity": "INTEGER",
+            "notNull": true
+          },
+          {
+            "fieldPath": "categoryId",
+            "columnName": "categoryId",
+            "affinity": "INTEGER",
+            "notNull": true
+          },
+          {
+            "fieldPath": "start",
+            "columnName": "start",
+            "affinity": "INTEGER",
+            "notNull": true,
+            "defaultValue": "CURRENT_TIMESTAMP"
+          },
+          {
+            "fieldPath": "end",
+            "columnName": "end",
+            "affinity": "INTEGER",
+            "notNull": false
+          },
+          {
+            "fieldPath": "value",
+            "columnName": "value",
+            "affinity": "INTEGER",
+            "notNull": false
+          },
+          {
+            "fieldPath": "memoThumbnail",
+            "columnName": "memoThumbnail",
+            "affinity": "TEXT",
+            "notNull": false
+          },
+          {
+            "fieldPath": "memoTitle",
+            "columnName": "memoTitle",
+            "affinity": "TEXT",
+            "notNull": false
+          },
+          {
+            "fieldPath": "memoContents",
+            "columnName": "memoContents",
+            "affinity": "TEXT",
+            "notNull": false
+          }
+        ],
+        "primaryKey": {
+          "columnNames": [
+            "id"
+          ],
+          "autoGenerate": true
+        },
+        "indices": [
+          {
+            "name": "index_accumulates_placeId",
+            "unique": false,
+            "columnNames": [
+              "placeId"
+            ],
+            "createSql": "CREATE INDEX IF NOT EXISTS `index_accumulates_placeId` ON `${TABLE_NAME}` (`placeId`)"
+          },
+          {
+            "name": "index_accumulates_categoryId",
+            "unique": false,
+            "columnNames": [
+              "categoryId"
+            ],
+            "createSql": "CREATE INDEX IF NOT EXISTS `index_accumulates_categoryId` ON `${TABLE_NAME}` (`categoryId`)"
+          }
+        ],
+        "foreignKeys": [
+          {
+            "table": "places",
+            "onDelete": "NO ACTION",
+            "onUpdate": "NO ACTION",
+            "columns": [
+              "placeId"
+            ],
+            "referencedColumns": [
+              "id"
+            ]
+          },
+          {
+            "table": "categories",
+            "onDelete": "NO ACTION",
+            "onUpdate": "NO ACTION",
+            "columns": [
+              "categoryId"
+            ],
+            "referencedColumns": [
+              "id"
+            ]
+          }
+        ]
       }
     ],
     "views": [],
     "setupQueries": [
       "CREATE TABLE IF NOT EXISTS room_master_table (id INTEGER PRIMARY KEY,identity_hash TEXT)",
-      "INSERT OR REPLACE INTO room_master_table (id,identity_hash) VALUES(42, '6b3f0130269f5981bad585e467ae02c3')"
+      "INSERT OR REPLACE INTO room_master_table (id,identity_hash) VALUES(42, 'ac80553d1827bdeec4291209fb879a7d')"
     ]
   }
 }
\ No newline at end of file
diff --git a/app/src/androidTest/java/com/deo/sticky/di/TestDaoModule.kt b/app/src/androidTest/java/com/deo/sticky/di/TestDaoModule.kt
new file mode 100644
index 0000000..53f7ba1
--- /dev/null
+++ b/app/src/androidTest/java/com/deo/sticky/di/TestDaoModule.kt
@@ -0,0 +1,35 @@
+package com.deo.sticky.di
+
+import com.deo.sticky.features.checkin.category.models.CategoryDao
+import com.deo.sticky.features.checkin.place.models.PlaceDao
+import com.deo.sticky.features.checkout.models.AccumulateDao
+import dagger.Module
+import dagger.Provides
+import dagger.hilt.components.SingletonComponent
+import dagger.hilt.testing.TestInstallIn
+import javax.inject.Singleton
+
+@Module
+@TestInstallIn(
+    components = [SingletonComponent::class],
+    replaces = [DaoModule::class]
+)
+object TestDaoModule {
+    @Provides
+    @Singleton
+    fun providePlaceDao(
+        database: StickyDatabase
+    ): PlaceDao = database.getPlaceDao()
+
+    @Provides
+    @Singleton
+    fun provideCategoryDao(
+        database: StickyDatabase
+    ): CategoryDao = database.getCategoryDao()
+
+    @Provides
+    @Singleton
+    fun provideAccumulateDao(
+        database: StickyDatabase
+    ): AccumulateDao = database.getAccumulateDao()
+}
diff --git a/app/src/androidTest/java/com/deo/sticky/di/TestDatabaseModule.kt b/app/src/androidTest/java/com/deo/sticky/di/TestDatabaseModule.kt
index 1e120fe..2e4f85a 100644
--- a/app/src/androidTest/java/com/deo/sticky/di/TestDatabaseModule.kt
+++ b/app/src/androidTest/java/com/deo/sticky/di/TestDatabaseModule.kt
@@ -32,6 +32,7 @@ class TestDatabaseModule {
     ).addCallback(object : RoomDatabase.Callback() {
         override fun onCreate(db: SupportSQLiteDatabase) {
             super.onCreate(db)
+            db.execSQL(defaultCategorySQL)
         }
     }).fallbackToDestructiveMigration().build()
 //        .setTransactionExecutor(
diff --git a/app/src/androidTest/java/com/deo/sticky/features/checkin/category/models/CategoryDaoTest.kt b/app/src/androidTest/java/com/deo/sticky/features/checkin/category/models/CategoryDaoTest.kt
new file mode 100644
index 0000000..0147535
--- /dev/null
+++ b/app/src/androidTest/java/com/deo/sticky/features/checkin/category/models/CategoryDaoTest.kt
@@ -0,0 +1,40 @@
+package com.deo.sticky.features.checkin.category.models
+
+import androidx.arch.core.executor.testing.InstantTaskExecutorRule
+import androidx.test.filters.SmallTest
+import com.deo.sticky.MainCoroutinesRule
+import dagger.hilt.android.testing.HiltAndroidRule
+import dagger.hilt.android.testing.HiltAndroidTest
+import javax.inject.Inject
+import kotlinx.coroutines.ExperimentalCoroutinesApi
+import kotlinx.coroutines.runBlocking
+import org.junit.Before
+import org.junit.Rule
+import org.junit.Test
+
+@SmallTest
+@HiltAndroidTest
+@ExperimentalCoroutinesApi
+class CategoryDaoTest {
+    @get:Rule
+    var hiltRule = HiltAndroidRule(this)
+
+    @get:Rule
+    val instantExecutorRule = InstantTaskExecutorRule()
+
+    @get:Rule
+    val coroutineRule = MainCoroutinesRule()
+
+    @Before
+    fun setup() {
+        hiltRule.inject()
+    }
+
+    @Inject
+    lateinit var categoryDao: CategoryDao
+
+    @Test
+    fun `카테고리 불러오기`() = runBlocking {
+//        assertThat(categoryDao.getAll())
+    }
+}
diff --git a/app/src/androidTest/java/com/deo/sticky/features/map/models/PlaceDaoTest.kt b/app/src/androidTest/java/com/deo/sticky/features/checkin/place/models/PlaceDaoTest.kt
similarity index 77%
rename from app/src/androidTest/java/com/deo/sticky/features/map/models/PlaceDaoTest.kt
rename to app/src/androidTest/java/com/deo/sticky/features/checkin/place/models/PlaceDaoTest.kt
index fe9a529..1bf497e 100644
--- a/app/src/androidTest/java/com/deo/sticky/features/map/models/PlaceDaoTest.kt
+++ b/app/src/androidTest/java/com/deo/sticky/features/checkin/place/models/PlaceDaoTest.kt
@@ -1,4 +1,4 @@
-package com.deo.sticky.features.map.models
+package com.deo.sticky.features.checkin.place.models
 
 import androidx.arch.core.executor.testing.InstantTaskExecutorRule
 import androidx.test.filters.SmallTest
@@ -37,20 +37,20 @@ class PlaceDaoTest {
     @Test
     fun `장소 저장하기`() = runBlockingTest {
         assertThat(
-            placeDao.add("강남 12번 출구 커피빈", 37.5092672, 127.026935)
+            placeDao.add("강남 12번 출구 커피빈", 37.4988373, 127.0292686)
         ).isAtLeast(1)
     }
 
     @Test
     fun `반경 내 장소 리스트 불러오기`() = runBlockingTest {
-        assertThat(placeDao.add("강남 12번 출구 커피빈", 37.5092672, 127.026935))
+        assertThat(placeDao.add("강남 12번 출구 커피빈", 37.4988373, 127.0292686))
             .isAtLeast(1)
-        assertThat(placeDao.add("강남 11번 출구 할리스커피", 37.4985584, 127.0278279))
+        assertThat(placeDao.add("강남 11번 출구 할리스커피", 37.4987334, 127.0278077))
             .isAtLeast(1)
-        assertThat(placeDao.add("강남 1번 출구 스타벅", 37.497721, 127.0269938))
+        assertThat(placeDao.add("강남 1번 출구 스타벅스", 37.497853, 127.028587))
             .isAtLeast(1)
         // 강남역
-        assertThat(placeDao.getPlacesWithinRadius(37.4977252, 127.0269938, radius = 1_000))
+        assertThat(placeDao.getPlacesWithinRadius(37.497952, 127.027619, radius = 1_000))
             .hasSize(3)
     }
 }
diff --git a/app/src/androidTest/java/com/deo/sticky/features/checkout/models/AccumulateDaoTest.kt b/app/src/androidTest/java/com/deo/sticky/features/checkout/models/AccumulateDaoTest.kt
new file mode 100644
index 0000000..3b2816f
--- /dev/null
+++ b/app/src/androidTest/java/com/deo/sticky/features/checkout/models/AccumulateDaoTest.kt
@@ -0,0 +1,48 @@
+package com.deo.sticky.features.checkout.models
+
+import androidx.arch.core.executor.testing.InstantTaskExecutorRule
+import androidx.test.filters.SmallTest
+import com.deo.sticky.MainCoroutinesRule
+import com.deo.sticky.features.checkin.category.models.CategoryDao
+import com.deo.sticky.features.checkin.place.models.PlaceDao
+import dagger.hilt.android.testing.HiltAndroidRule
+import dagger.hilt.android.testing.HiltAndroidTest
+import javax.inject.Inject
+import kotlinx.coroutines.ExperimentalCoroutinesApi
+import kotlinx.coroutines.test.runBlockingTest
+import org.junit.Before
+import org.junit.Rule
+import org.junit.Test
+
+@SmallTest
+@HiltAndroidTest
+@ExperimentalCoroutinesApi
+class AccumulateDaoTest {
+    @get:Rule
+    var hiltRule = HiltAndroidRule(this)
+
+    @get:Rule
+    val instantExecutorRule = InstantTaskExecutorRule()
+
+    @get:Rule
+    val coroutineRule = MainCoroutinesRule()
+
+    @Before
+    fun setup() {
+        hiltRule.inject()
+    }
+
+    @Inject
+    lateinit var accumulateDao: AccumulateDao
+
+    @Inject
+    lateinit var placeDao: PlaceDao
+
+    @Inject
+    lateinit var categoryDao: CategoryDao
+
+    @Test
+    fun `처음 방문하는 장소 체크인 하기`() = runBlockingTest {
+        // 장소 입력, 카테고리 입력
+    }
+}
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 9c13991..5747517 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -9,17 +9,22 @@
     <uses-permission android:name="android.permission.ACCESS_BACKGROUND_LOCATION" />
 
     <application
-        android:name='.StickyApplication'
-        android:allowBackup="true"
+        android:name=".StickyApplication"
         android:icon="@mipmap/ic_launcher"
         android:label="@string/app_name"
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
         android:theme="@style/Theme.Sticky">
+        <uses-library
+            android:name="org.apache.http.legacy"
+            android:required="false" />
         <meta-data
             android:name="com.google.android.geo.API_KEY"
             android:value="${MAPS_API_KEY}" />
-        <activity android:name="com.deo.sticky.MainActivity">
+        <activity
+            android:name="com.deo.sticky.MainActivity"
+            android:screenOrientation="portrait"
+            android:windowSoftInputMode="adjustResize">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
 
diff --git a/app/src/main/java/com/deo/sticky/MainActivity.kt b/app/src/main/java/com/deo/sticky/MainActivity.kt
index 55a70e6..8edfab1 100644
--- a/app/src/main/java/com/deo/sticky/MainActivity.kt
+++ b/app/src/main/java/com/deo/sticky/MainActivity.kt
@@ -1,11 +1,12 @@
 package com.deo.sticky
 
-import androidx.appcompat.app.AppCompatActivity
 import android.os.Bundle
+import androidx.appcompat.app.AppCompatActivity
 import dagger.hilt.android.AndroidEntryPoint
 
 @AndroidEntryPoint
 class MainActivity : AppCompatActivity() {
+
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         setContentView(R.layout.activity_main)
diff --git a/app/src/main/java/com/deo/sticky/StickyApplication.kt b/app/src/main/java/com/deo/sticky/StickyApplication.kt
index 92db97b..7e855d3 100644
--- a/app/src/main/java/com/deo/sticky/StickyApplication.kt
+++ b/app/src/main/java/com/deo/sticky/StickyApplication.kt
@@ -2,6 +2,15 @@ package com.deo.sticky
 
 import android.app.Application
 import dagger.hilt.android.HiltAndroidApp
+import timber.log.Timber
 
 @HiltAndroidApp
-class StickyApplication : Application()
+class StickyApplication : Application() {
+    override fun onCreate() {
+        super.onCreate()
+
+        if (BuildConfig.DEBUG) {
+            Timber.plant(Timber.DebugTree())
+        }
+    }
+}
diff --git a/app/src/main/java/com/deo/sticky/base/AutoClearedValue.kt b/app/src/main/java/com/deo/sticky/base/AutoClearedValue.kt
new file mode 100644
index 0000000..9e36d31
--- /dev/null
+++ b/app/src/main/java/com/deo/sticky/base/AutoClearedValue.kt
@@ -0,0 +1,40 @@
+package com.deo.sticky.base
+
+import androidx.fragment.app.Fragment
+import androidx.lifecycle.DefaultLifecycleObserver
+import androidx.lifecycle.LifecycleOwner
+import kotlin.properties.ReadWriteProperty
+import kotlin.reflect.KProperty
+
+/**
+ * 뷰 바인딩 시 메모리 누수 방지
+ */
+class AutoClearedValue<T : Any>(val fragment: Fragment) : ReadWriteProperty<Fragment, T> {
+    private var _value: T? = null
+
+    init {
+        fragment.lifecycle.addObserver(object : DefaultLifecycleObserver {
+            override fun onCreate(owner: LifecycleOwner) {
+                fragment.viewLifecycleOwnerLiveData.observe(fragment) { viewLifecycleOwner ->
+                    viewLifecycleOwner?.lifecycle?.addObserver(object : DefaultLifecycleObserver {
+                        override fun onDestroy(owner: LifecycleOwner) {
+                            _value = null
+                        }
+                    })
+                }
+            }
+        })
+    }
+
+    override fun getValue(thisRef: Fragment, property: KProperty<*>): T {
+        return _value
+            ?: throw IllegalStateException("should never call auto-cleared-value get when it might not be available")
+    }
+
+    override fun setValue(thisRef: Fragment, property: KProperty<*>, value: T) {
+        _value = value
+    }
+}
+
+/** * Creates an [AutoClearedValue] associated with this fragment. */
+fun <T : Any> Fragment.autoCleared() = AutoClearedValue<T>(this)
diff --git a/app/src/main/java/com/deo/sticky/base/BindableFragment.kt b/app/src/main/java/com/deo/sticky/base/BindableFragment.kt
new file mode 100644
index 0000000..989b9f7
--- /dev/null
+++ b/app/src/main/java/com/deo/sticky/base/BindableFragment.kt
@@ -0,0 +1,26 @@
+package com.deo.sticky.base
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.databinding.DataBindingUtil
+import androidx.databinding.ViewDataBinding
+import androidx.fragment.app.Fragment
+
+internal abstract class BindableFragment<VB : ViewDataBinding> constructor(
+    private var layoutResId: Int
+) : Fragment(layoutResId) {
+    // pretend memory leaks
+    var binding by autoCleared<VB>()
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        binding = DataBindingUtil.inflate(inflater, layoutResId, container, false)
+        binding.lifecycleOwner = viewLifecycleOwner
+        return binding.root
+    }
+}
diff --git a/app/src/main/java/com/deo/sticky/base/BaseDao.kt b/app/src/main/java/com/deo/sticky/base/DeleteAndUpsertDao.kt
similarity index 73%
rename from app/src/main/java/com/deo/sticky/base/BaseDao.kt
rename to app/src/main/java/com/deo/sticky/base/DeleteAndUpsertDao.kt
index bcaa695..7de5c6d 100644
--- a/app/src/main/java/com/deo/sticky/base/BaseDao.kt
+++ b/app/src/main/java/com/deo/sticky/base/DeleteAndUpsertDao.kt
@@ -5,10 +5,7 @@ import androidx.room.Insert
 import androidx.room.OnConflictStrategy
 import androidx.room.Transaction
 
-interface BaseDao<T> {
-    @Transaction
-    @Insert(onConflict = OnConflictStrategy.REPLACE)
-    suspend fun upserts(vararg entities: T): List<Long>
+interface DeleteAndUpsertDao<T> {
 
     @Transaction
     @Insert(onConflict = OnConflictStrategy.REPLACE)
diff --git a/app/src/main/java/com/deo/sticky/custom_view/BindingAdapter.kt b/app/src/main/java/com/deo/sticky/custom_view/BindingAdapter.kt
new file mode 100644
index 0000000..cd67136
--- /dev/null
+++ b/app/src/main/java/com/deo/sticky/custom_view/BindingAdapter.kt
@@ -0,0 +1,20 @@
+package com.deo.sticky.custom_view
+
+import android.view.View
+import android.widget.ImageView
+import androidx.databinding.BindingAdapter
+
+@BindingAdapter("is_visible")
+internal fun setVisible(view: View, isVisible: Boolean) {
+    view.visibility = if (isVisible) View.VISIBLE else View.GONE
+}
+
+@BindingAdapter("image_src")
+internal fun setImageResource(imageView: ImageView, resource: Int) {
+    imageView.setImageResource(resource)
+}
+
+@BindingAdapter("background")
+internal fun setBackgroundResource(view: View, resource: Int) {
+    view.setBackgroundResource(resource)
+}
diff --git a/app/src/main/java/com/deo/sticky/custom_view/OutlineTextView.kt b/app/src/main/java/com/deo/sticky/custom_view/OutlineTextView.kt
new file mode 100644
index 0000000..742a1af
--- /dev/null
+++ b/app/src/main/java/com/deo/sticky/custom_view/OutlineTextView.kt
@@ -0,0 +1,103 @@
+package com.deo.sticky.custom_view
+
+import android.annotation.SuppressLint
+import android.content.Context
+import android.graphics.Canvas
+import android.graphics.Paint
+import android.util.AttributeSet
+import android.util.TypedValue
+import androidx.appcompat.widget.AppCompatTextView
+import com.deo.sticky.R
+
+/**
+ * Created by @iamBedant on 05/01/18.
+ * https://github.com/iamBedant/OutlineTextView
+ */
+
+class OutlineTextView : AppCompatTextView {
+
+    private val defaultStrokeWidth = 0F
+    private var isDrawing: Boolean = false
+
+    private var strokeColor: Int = 0
+    private var strokeWidth: Float = 0.toFloat()
+
+    constructor(context: Context) : super(context) {
+        initResources(context, null)
+    }
+
+    constructor(context: Context, attrs: AttributeSet?) : super(context, attrs) {
+        initResources(context, attrs)
+    }
+
+    constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super(
+        context,
+        attrs,
+        defStyleAttr
+    ) {
+        initResources(context, attrs)
+    }
+
+    @SuppressLint("CustomViewStyleable")
+    private fun initResources(context: Context?, attrs: AttributeSet?) {
+        if (attrs != null) {
+            val a = context?.obtainStyledAttributes(attrs, R.styleable.outlineAttrs)
+            strokeColor = a!!.getColor(
+                R.styleable.outlineAttrs_outlineColor,
+                currentTextColor
+            )
+            strokeWidth = a.getFloat(
+                R.styleable.outlineAttrs_outlineWidth,
+                defaultStrokeWidth
+            )
+
+            a.recycle()
+        } else {
+            strokeColor = currentTextColor
+            strokeWidth = defaultStrokeWidth
+        }
+        setStrokeWidth(strokeWidth)
+    }
+
+    fun setStrokeColor(color: Int) {
+        strokeColor = color
+    }
+
+    /**
+     *  give value in sp
+     */
+    fun setStrokeWidth(width: Float) {
+        strokeWidth = width
+    }
+
+    fun setStrokeWidth(unit: Int, width: Float) {
+        strokeWidth = TypedValue.applyDimension(
+            unit, width, context.resources.displayMetrics
+        )
+    }
+
+    override fun invalidate() {
+        if (isDrawing) return
+        super.invalidate()
+    }
+
+    override fun onDraw(canvas: Canvas) {
+        if (strokeWidth > 0) {
+            isDrawing = true
+            val p = paint
+            p.style = Paint.Style.FILL
+
+            super.onDraw(canvas)
+
+            val currentTextColor = currentTextColor
+            p.style = Paint.Style.STROKE
+            p.strokeWidth = strokeWidth
+            setTextColor(strokeColor)
+            super.onDraw(canvas)
+            setTextColor(currentTextColor)
+            isDrawing = false
+        } else {
+            super.onDraw(canvas)
+        }
+    }
+}
diff --git a/app/src/main/java/com/deo/sticky/di/DaoModule.kt b/app/src/main/java/com/deo/sticky/di/DaoModule.kt
index f746c96..11c2fc6 100644
--- a/app/src/main/java/com/deo/sticky/di/DaoModule.kt
+++ b/app/src/main/java/com/deo/sticky/di/DaoModule.kt
@@ -1,18 +1,32 @@
 package com.deo.sticky.di
 
-import com.deo.sticky.features.map.models.PlaceDao
+import com.deo.sticky.features.checkin.category.models.CategoryDao
+import com.deo.sticky.features.checkin.place.models.PlaceDao
+import com.deo.sticky.features.checkout.models.AccumulateDao
 import dagger.Module
 import dagger.Provides
 import dagger.hilt.InstallIn
-import dagger.hilt.components.SingletonComponent
-import javax.inject.Singleton
+import dagger.hilt.android.components.ViewModelComponent
+import dagger.hilt.android.scopes.ViewModelScoped
 
 @Module
-@InstallIn(SingletonComponent::class)
+@InstallIn(ViewModelComponent::class)
 object DaoModule {
-    @Singleton
     @Provides
+    @ViewModelScoped
     fun providePlaceDao(
         database: StickyDatabase
     ): PlaceDao = database.getPlaceDao()
+
+    @Provides
+    @ViewModelScoped
+    fun provideCategoryDao(
+        database: StickyDatabase
+    ): CategoryDao = database.getCategoryDao()
+
+    @Provides
+    @ViewModelScoped
+    fun provideAccumulateDao(
+        database: StickyDatabase
+    ): AccumulateDao = database.getAccumulateDao()
 }
diff --git a/app/src/main/java/com/deo/sticky/di/DatabaseModule.kt b/app/src/main/java/com/deo/sticky/di/DatabaseModule.kt
index c56fffb..5ae4230 100644
--- a/app/src/main/java/com/deo/sticky/di/DatabaseModule.kt
+++ b/app/src/main/java/com/deo/sticky/di/DatabaseModule.kt
@@ -11,6 +11,18 @@ import dagger.hilt.android.qualifiers.ApplicationContext
 import dagger.hilt.components.SingletonComponent
 import javax.inject.Singleton
 
+val defaultCategorySQL = """
+INSERT OR REPLACE INTO `categories` (`id`, `name`, `image`, `count`)
+VALUES (1, '회사', 'ic_office', 0),
+    (2, '커피 ∙ 티', 'ic_cafe', 0),
+    (3, '집', 'ic_house', 0),
+    (4, '취미 ∙ 여가', 'ic_game', 0),
+    (5, '밥', 'ic_restaurant', 0),
+    (6, '쇼핑', 'ic_shop', 0),
+    (7, '데이트', 'ic_heart', 0),
+    (8, '술', 'ic_drink', 0);
+""".trimIndent()
+
 @Module
 @InstallIn(SingletonComponent::class)
 class DatabaseModule {
@@ -26,6 +38,7 @@ class DatabaseModule {
     ).addCallback(object : RoomDatabase.Callback() {
         override fun onCreate(db: SupportSQLiteDatabase) {
             super.onCreate(db)
+            db.execSQL(defaultCategorySQL)
             // add init query
         }
     }).fallbackToDestructiveMigration().build()
diff --git a/app/src/main/java/com/deo/sticky/di/LocationModule.kt b/app/src/main/java/com/deo/sticky/di/LocationModule.kt
new file mode 100644
index 0000000..f32b91f
--- /dev/null
+++ b/app/src/main/java/com/deo/sticky/di/LocationModule.kt
@@ -0,0 +1,43 @@
+package com.deo.sticky.di
+
+import android.content.Context
+import com.deo.sticky.BuildConfig
+import com.google.android.gms.location.FusedLocationProviderClient
+import com.google.android.gms.location.LocationRequest
+import com.google.android.gms.location.LocationServices
+import com.google.android.libraries.places.api.Places
+import com.google.android.libraries.places.api.net.PlacesClient
+import dagger.Module
+import dagger.Provides
+import dagger.hilt.InstallIn
+import dagger.hilt.android.qualifiers.ApplicationContext
+import dagger.hilt.components.SingletonComponent
+import javax.inject.Singleton
+
+@Module
+@InstallIn(SingletonComponent::class)
+class LocationModule {
+    @Singleton
+    @Provides
+    fun provideLocationClient(
+        @ApplicationContext
+        context: Context
+    ): FusedLocationProviderClient = LocationServices.getFusedLocationProviderClient(context)
+
+    @Singleton
+    @Provides
+    fun provideLocationRequest(): LocationRequest = LocationRequest.create().apply {
+        priority = LocationRequest.PRIORITY_HIGH_ACCURACY
+        interval = 30 * 1000
+    }
+
+    @Singleton
+    @Provides
+    fun providePlacesClient(
+        @ApplicationContext
+        context: Context
+    ): PlacesClient {
+        Places.initialize(context, BuildConfig.MAPS_API_KEY)
+        return Places.createClient(context)
+    }
+}
diff --git a/app/src/main/java/com/deo/sticky/di/StickyDatabase.kt b/app/src/main/java/com/deo/sticky/di/StickyDatabase.kt
index ef52b84..4dbca5d 100644
--- a/app/src/main/java/com/deo/sticky/di/StickyDatabase.kt
+++ b/app/src/main/java/com/deo/sticky/di/StickyDatabase.kt
@@ -2,10 +2,16 @@ package com.deo.sticky.di
 
 import androidx.room.Database
 import androidx.room.RoomDatabase
-import com.deo.sticky.features.map.models.PlaceDao
-import com.deo.sticky.features.map.models.entity.Place
+import com.deo.sticky.features.checkin.category.models.Category
+import com.deo.sticky.features.checkin.category.models.CategoryDao
+import com.deo.sticky.features.checkin.place.models.PlaceDao
+import com.deo.sticky.features.checkin.place.models.entity.Place
+import com.deo.sticky.features.checkout.models.Accumulate
+import com.deo.sticky.features.checkout.models.AccumulateDao
 
-@Database(entities = [Place::class], version = 1)
+@Database(entities = [Place::class, Category::class, Accumulate::class], version = 1)
 abstract class StickyDatabase : RoomDatabase() {
     abstract fun getPlaceDao(): PlaceDao
+    abstract fun getCategoryDao(): CategoryDao
+    abstract fun getAccumulateDao(): AccumulateDao
 }
diff --git a/app/src/main/java/com/deo/sticky/features/RequestKey.kt b/app/src/main/java/com/deo/sticky/features/RequestKey.kt
new file mode 100644
index 0000000..928ba63
--- /dev/null
+++ b/app/src/main/java/com/deo/sticky/features/RequestKey.kt
@@ -0,0 +1,10 @@
+package com.deo.sticky.features
+
+/**
+ * Fragment Result API를 위한 RequestKey
+ * https://developer.android.com/guide/fragments/communicate?hl=ko#fragment-result
+ */
+object RequestKey {
+    const val checkIn = "checkIn"
+    const val checkOut = "checkOut"
+}
diff --git a/app/src/main/java/com/deo/sticky/features/checkin/CheckInFragment.kt b/app/src/main/java/com/deo/sticky/features/checkin/CheckInFragment.kt
new file mode 100644
index 0000000..f3f6be0
--- /dev/null
+++ b/app/src/main/java/com/deo/sticky/features/checkin/CheckInFragment.kt
@@ -0,0 +1,60 @@
+package com.deo.sticky.features.checkin
+
+import android.os.Bundle
+import android.view.View
+import androidx.core.os.bundleOf
+import androidx.fragment.app.activityViewModels
+import androidx.fragment.app.setFragmentResult
+import androidx.navigation.fragment.findNavController
+import com.deo.sticky.R
+import com.deo.sticky.base.BindableFragment
+import com.deo.sticky.databinding.FragmentCheckInBinding
+import com.deo.sticky.features.RequestKey
+import dagger.hilt.android.AndroidEntryPoint
+import kotlinx.coroutines.ExperimentalCoroutinesApi
+import timber.log.Timber
+
+@AndroidEntryPoint
+@ExperimentalCoroutinesApi
+internal class CheckInFragment :
+    BindableFragment<FragmentCheckInBinding>(R.layout.fragment_check_in) {
+    private val _viewPagerViewModel: ViewPagerViewModel by activityViewModels()
+    private val _checkInViewModel: CheckInViewModel by activityViewModels()
+    private val _placeViewModel: PlaceViewModel by activityViewModels()
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        val pagerAdapter = FragmentViewPager(this@CheckInFragment, _viewPagerViewModel.totalPage)
+        binding.apply {
+            viewPagerViewModel = _viewPagerViewModel
+            back.setOnClickListener {
+                _viewPagerViewModel.onClickBack()
+                _placeViewModel.initialize()
+                Timber.d("뒤로가기")
+            }
+            progress.apply {
+                _viewPagerViewModel.onChangePage(1)
+            }
+            viewPager.apply {
+                isUserInputEnabled = false
+                adapter = pagerAdapter
+            }
+        }
+        _checkInViewModel.isCheckIn.observe(viewLifecycleOwner) {
+            Timber.d("체크인: $it")
+            if (it) {
+                setFragmentResult(RequestKey.checkIn, bundleOf("checkIn" to true))
+                _viewPagerViewModel.initialize()
+                findNavController().popBackStack()
+            }
+        }
+        _viewPagerViewModel.currentPage.observe(viewLifecycleOwner) {
+            if (it > 0) {
+                binding.viewPager.setCurrentItem(it - 1, true)
+            } else {
+                _viewPagerViewModel.initialize()
+                findNavController().navigateUp()
+            }
+        }
+    }
+}
diff --git a/app/src/main/java/com/deo/sticky/features/checkin/CheckInViewModel.kt b/app/src/main/java/com/deo/sticky/features/checkin/CheckInViewModel.kt
new file mode 100644
index 0000000..441d8d9
--- /dev/null
+++ b/app/src/main/java/com/deo/sticky/features/checkin/CheckInViewModel.kt
@@ -0,0 +1,199 @@
+package com.deo.sticky.features.checkin
+
+import androidx.lifecycle.LifecycleObserver
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.asLiveData
+import androidx.lifecycle.viewModelScope
+import com.deo.sticky.features.checkin.category.models.Category
+import com.deo.sticky.features.checkin.category.models.CategoryDao
+import com.deo.sticky.features.checkin.place.models.PlaceDao
+import com.deo.sticky.features.checkin.place.models.entity.PlaceWithDistance
+import com.deo.sticky.features.checkout.models.AccumulateBase
+import com.deo.sticky.features.checkout.models.AccumulateDao
+import dagger.hilt.android.lifecycle.HiltViewModel
+import javax.inject.Inject
+import kotlinx.coroutines.Job
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.launch
+import timber.log.Timber
+
+@HiltViewModel
+class PlaceViewModel @Inject constructor(
+    val placeDao: PlaceDao
+) : ViewModel(), LifecycleObserver {
+    private val _places = MutableLiveData<List<PlaceWithDistance>>()
+    val places: LiveData<List<PlaceWithDistance>>
+        get() = _places
+
+    private val _placeName = MutableLiveData("")
+    val placeName: LiveData<String>
+        get() = _placeName
+
+    private val _latitude = MutableLiveData<Double>(GANGNAM_COFFEE_BEAN_LATITUDE)
+    val latitude: LiveData<Double>
+        get() = _latitude
+
+    private val _longitude = MutableLiveData<Double>(GANGNAM_COFFEE_BEAN_LONGITUDE)
+    val longitude: LiveData<Double>
+        get() = _longitude
+
+    fun getPlacesWithRadius(
+        latitude: Double,
+        longitude: Double,
+        radius: Int = 500
+    ) = viewModelScope.launch {
+        _places.value = placeDao.getPlacesWithinRadius(
+            latitude = latitude,
+            longitude = longitude,
+            radius = radius
+        )
+        Timber.d("places: ${places.value}")
+    }
+
+    fun onPlaceName(placeName: String) = viewModelScope.launch {
+        _placeName.value = placeName
+    }
+
+    fun onLatitude(latitude: Double) = viewModelScope.launch {
+        _latitude.value = latitude
+    }
+
+    fun onLongitude(longitude: Double) = viewModelScope.launch {
+        _longitude.value = longitude
+    }
+
+    fun initialize() = viewModelScope.launch {
+        _placeName.value = ""
+        _latitude.value = GANGNAM_COFFEE_BEAN_LATITUDE
+        _longitude.value = GANGNAM_COFFEE_BEAN_LONGITUDE
+    }
+
+    companion object {
+        private const val GANGNAM_COFFEE_BEAN_LATITUDE = 37.4988373
+        private const val GANGNAM_COFFEE_BEAN_LONGITUDE = 127.0292686
+    }
+}
+
+@HiltViewModel
+class CategoryViewModel @Inject constructor(
+    categoryDao: CategoryDao
+) : ViewModel(), LifecycleObserver {
+    val categories = categoryDao.getAll().asLiveData()
+    private val _selectedCategory = MutableLiveData<Category>()
+    val selectedCategory: LiveData<Category>
+        get() = _selectedCategory
+
+    fun onSelectedCategory(category: Category) = viewModelScope.launch {
+        _selectedCategory.value = category
+    }
+
+    fun initialize() = viewModelScope.launch {
+        _selectedCategory.value = Category()
+    }
+}
+
+@HiltViewModel
+class ViewPagerViewModel @Inject constructor() : ViewModel(), LifecycleObserver {
+    val max = 100
+    val totalPage = 2
+
+    private val _pageDescription = MutableLiveData<String>()
+    val pageDescription: LiveData<String>
+        get() = _pageDescription
+
+    private val _currentPage = MutableLiveData(1)
+    val currentPage: LiveData<Int>
+        get() = _currentPage
+
+    private val _progress = MutableLiveData<Int>()
+    val progress: LiveData<Int>
+        get() = _progress
+
+    fun onChangePage(page: Int) = viewModelScope.launch {
+        _currentPage.value = page
+        _pageDescription.value = "$page/$totalPage"
+        _progress.value = page * (max / totalPage)
+    }
+
+    fun onClickNext() = viewModelScope.launch {
+        val nextPage = _currentPage.value!!.plus(1)
+        onChangePage(nextPage)
+    }
+
+    fun onClickBack() = viewModelScope.launch {
+        val previousPage = _currentPage.value!!.minus(1)
+        onChangePage(previousPage)
+    }
+
+    fun initialize() {
+        onChangePage(1)
+    }
+}
+
+@HiltViewModel
+class CheckInViewModel @Inject constructor(
+    val placeDao: PlaceDao,
+    val categoryDao: CategoryDao,
+    val accumulateDao: AccumulateDao
+) : ViewModel(), LifecycleObserver {
+    private val _isCheckIn = MutableLiveData(false)
+    val isCheckIn: LiveData<Boolean>
+        get() = _isCheckIn
+
+    private var _accumulateId: Long = 0
+    private lateinit var job: Job
+    private var interval: Long = 1000
+    private val _start = MutableLiveData(0L)
+    val start: LiveData<Long>
+        get() = _start
+    private val _hhmmss = MutableLiveData("")
+    val hhmmss: LiveData<String>
+        get() = _hhmmss
+
+    fun onCheckIn(
+        placeName: String,
+        longitude: Double,
+        latitude: Double,
+        categoryId: Long
+    ) = viewModelScope.launch {
+        _isCheckIn.value = true
+        _accumulateId = accumulateDao.start(
+            AccumulateBase(
+                placeDao.add(
+                    name = placeName,
+                    longitude = longitude,
+                    latitude = latitude
+                ),
+                categoryId
+            )
+        )
+    }
+
+    fun onCheckOut() = viewModelScope.launch {
+        _isCheckIn.value = false
+        accumulateDao.end(_accumulateId)
+    }
+
+    fun timerStart(fnCallback: () -> Unit) {
+        if (::job.isInitialized) job.cancel()
+
+        job = viewModelScope.launch {
+            while (true) {
+                delay(interval)
+                _start.value = _start.value?.inc()
+                val seconds = _start.value ?: 0
+                _hhmmss.value = String.format(
+                    "%02d : %02d : %02d", seconds / 3600,
+                    (seconds % 3600) / 60, (seconds % 60)
+                )
+                fnCallback()
+            }
+        }
+    }
+
+    fun timerStop() {
+        if (::job.isInitialized) job.cancel()
+    }
+}
diff --git a/app/src/main/java/com/deo/sticky/features/checkin/FragmentViewPager.kt b/app/src/main/java/com/deo/sticky/features/checkin/FragmentViewPager.kt
new file mode 100644
index 0000000..2277c78
--- /dev/null
+++ b/app/src/main/java/com/deo/sticky/features/checkin/FragmentViewPager.kt
@@ -0,0 +1,23 @@
+package com.deo.sticky.features.checkin
+
+import androidx.fragment.app.Fragment
+import androidx.viewpager2.adapter.FragmentStateAdapter
+import com.deo.sticky.features.checkin.category.ui.CategoryFragment
+import com.deo.sticky.features.checkin.place.ui.PlaceFragment
+import kotlinx.coroutines.ExperimentalCoroutinesApi
+
+@ExperimentalCoroutinesApi
+class FragmentViewPager constructor(
+    parent: Fragment,
+    private val totalPage: Int
+) : FragmentStateAdapter(parent) {
+    override fun getItemCount(): Int = totalPage
+
+    override fun createFragment(position: Int): Fragment {
+        return when (position) {
+            0 -> PlaceFragment()
+            1 -> CategoryFragment()
+            else -> throw IllegalArgumentException()
+        }
+    }
+}
diff --git a/app/src/main/java/com/deo/sticky/features/checkin/category/models/Category.kt b/app/src/main/java/com/deo/sticky/features/checkin/category/models/Category.kt
new file mode 100644
index 0000000..87e8871
--- /dev/null
+++ b/app/src/main/java/com/deo/sticky/features/checkin/category/models/Category.kt
@@ -0,0 +1,47 @@
+package com.deo.sticky.features.checkin.category.models
+
+import androidx.room.Entity
+import androidx.room.Ignore
+import androidx.room.PrimaryKey
+import com.deo.sticky.R
+
+/**
+ * 장소에서 시간을 사용하는 목적 카테고리
+ * 개인용 앱이므로 count는 체크인을 할 때마다 증가시키는 용도 (join 미사용)
+ */
+@Entity(tableName = "categories")
+data class Category(
+    @PrimaryKey(autoGenerate = true)
+    var id: Long? = null,
+    var name: String? = null,
+    var image: String? = null,
+    var count: Long? = null,
+    @Ignore var isChecked: Boolean = false,
+) {
+    constructor() : this(null, null, null, null, false)
+
+    val imageResourceId: Int
+        get() = when (image) {
+            "ic_office" -> R.drawable.ic_office
+            "ic_cafe" -> R.drawable.ic_cafe
+            "ic_house" -> R.drawable.ic_house
+            "ic_game" -> R.drawable.ic_game
+            "ic_restaurant" -> R.drawable.ic_restaurant
+            "ic_shop" -> R.drawable.ic_shop
+            "ic_heart" -> R.drawable.ic_heart
+            "ic_drink" -> R.drawable.ic_drink
+            else -> R.drawable.ic_office
+        }
+    val backgroundResourceId: Int
+        get() = when (image) {
+            "ic_office" -> R.drawable.circle_blue
+            "ic_cafe" -> R.drawable.circle_green
+            "ic_house" -> R.drawable.circle_yellow
+            "ic_game" -> R.drawable.circle_orange
+            "ic_restaurant" -> R.drawable.circle_blue
+            "ic_shop" -> R.drawable.circle_purple
+            "ic_heart" -> R.drawable.circle_red
+            "ic_drink" -> R.drawable.circle_green
+            else -> R.drawable.circle_blue
+        }
+}
diff --git a/app/src/main/java/com/deo/sticky/features/checkin/category/models/CategoryDao.kt b/app/src/main/java/com/deo/sticky/features/checkin/category/models/CategoryDao.kt
new file mode 100644
index 0000000..de9c44f
--- /dev/null
+++ b/app/src/main/java/com/deo/sticky/features/checkin/category/models/CategoryDao.kt
@@ -0,0 +1,17 @@
+package com.deo.sticky.features.checkin.category.models
+
+import androidx.room.Dao
+import androidx.room.Query
+import com.deo.sticky.base.DeleteAndUpsertDao
+import kotlinx.coroutines.flow.Flow
+
+@Dao
+interface CategoryDao : DeleteAndUpsertDao<Category> {
+    @Query(
+        """
+        SELECT *
+        FROM categories
+    """
+    )
+    fun getAll(): Flow<List<Category>>
+}
diff --git a/app/src/main/java/com/deo/sticky/features/checkin/category/ui/CategoryAdapter.kt b/app/src/main/java/com/deo/sticky/features/checkin/category/ui/CategoryAdapter.kt
new file mode 100644
index 0000000..0cec536
--- /dev/null
+++ b/app/src/main/java/com/deo/sticky/features/checkin/category/ui/CategoryAdapter.kt
@@ -0,0 +1,82 @@
+package com.deo.sticky.features.checkin.category.ui
+
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.recyclerview.widget.DiffUtil
+import androidx.recyclerview.widget.ListAdapter
+import androidx.recyclerview.widget.RecyclerView
+import com.deo.sticky.R
+import com.deo.sticky.databinding.ViewholderCategoryItemBinding
+import com.deo.sticky.features.checkin.category.models.Category
+
+class CategoryAdapter(
+    private val listener: OnItemClickListener
+) : ListAdapter<Category, CategoryAdapter.CategoryViewHolder>(CATEGORY_COMPARATOR) {
+
+    private var checkPosition = -1
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): CategoryViewHolder {
+        val binding = ViewholderCategoryItemBinding.inflate(
+            LayoutInflater.from(parent.context),
+            parent,
+            false
+        )
+        return CategoryViewHolder(binding)
+    }
+
+    override fun onBindViewHolder(holder: CategoryViewHolder, position: Int) {
+        val currentItem = getItem(position)
+        holder.bind(currentItem)
+    }
+
+    inner class CategoryViewHolder(
+        private val binding: ViewholderCategoryItemBinding
+    ) : RecyclerView.ViewHolder(binding.root) {
+        init {
+            binding.apply {
+                root.setOnClickListener {
+                    checkPosition = bindingAdapterPosition
+                    if (checkPosition != RecyclerView.NO_POSITION) {
+                        val category = getItem(checkPosition)
+                        listener.onItemClicked(category)
+                        background.setBackgroundResource(R.color.accentTertiary)
+                        notifyDataSetChanged()
+                    }
+                }
+            }
+        }
+
+        fun bind(category: Category) {
+            binding.apply {
+                if (checkPosition == bindingAdapterPosition) {
+                    background.setBackgroundResource(R.color.accentTertiary)
+                    check.visibility = View.VISIBLE
+                    count.visibility = View.INVISIBLE
+                } else {
+                    background.setBackgroundResource(R.color.white)
+                    count.visibility = View.VISIBLE
+                    check.visibility = View.INVISIBLE
+                }
+                imageView.setImageResource(category.imageResourceId)
+                imageViewBackground.setBackgroundResource(category.backgroundResourceId)
+                name.text = category.name
+                count.text = category.count.toString()
+            }
+        }
+    }
+
+    interface OnItemClickListener {
+        fun onItemClicked(category: Category)
+    }
+
+    companion object {
+        private val CATEGORY_COMPARATOR = object : DiffUtil.ItemCallback<Category>() {
+            override fun areItemsTheSame(oldItem: Category, newItem: Category) =
+                oldItem.id == newItem.id
+
+            override fun areContentsTheSame(oldItem: Category, newItem: Category) =
+                oldItem == newItem
+        }
+    }
+}
diff --git a/app/src/main/java/com/deo/sticky/features/checkin/category/ui/CategoryFragment.kt b/app/src/main/java/com/deo/sticky/features/checkin/category/ui/CategoryFragment.kt
new file mode 100644
index 0000000..c7a2260
--- /dev/null
+++ b/app/src/main/java/com/deo/sticky/features/checkin/category/ui/CategoryFragment.kt
@@ -0,0 +1,67 @@
+package com.deo.sticky.features.checkin.category.ui
+
+import android.os.Bundle
+import android.view.View
+import androidx.fragment.app.activityViewModels
+import androidx.recyclerview.widget.LinearLayoutManager
+import com.deo.sticky.R
+import com.deo.sticky.base.BindableFragment
+import com.deo.sticky.databinding.FragmentCheckInCategoryBinding
+import com.deo.sticky.features.checkin.CategoryViewModel
+import com.deo.sticky.features.checkin.CheckInViewModel
+import com.deo.sticky.features.checkin.PlaceViewModel
+import com.deo.sticky.features.checkin.category.models.Category
+import dagger.hilt.android.AndroidEntryPoint
+import kotlinx.coroutines.ExperimentalCoroutinesApi
+import timber.log.Timber
+
+@AndroidEntryPoint
+@ExperimentalCoroutinesApi
+internal class CategoryFragment :
+    BindableFragment<FragmentCheckInCategoryBinding>(R.layout.fragment_check_in_category) {
+    private val _categoryViewModel: CategoryViewModel by activityViewModels()
+    private val _checkInViewModel: CheckInViewModel by activityViewModels()
+    private val _placeViewModel: PlaceViewModel by activityViewModels()
+    private val listener = object : CategoryAdapter.OnItemClickListener {
+        override fun onItemClicked(category: Category) {
+            _categoryViewModel.onSelectedCategory(category)
+        }
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        val categoryAdapter = CategoryAdapter(listener)
+        binding.apply {
+            categoryViewModel = _categoryViewModel
+            recycler.apply {
+                adapter = categoryAdapter
+                layoutManager = LinearLayoutManager(requireContext())
+                setHasFixedSize(true)
+            }
+            start.setOnClickListener {
+                val placeName = _placeViewModel.placeName.value
+                val latitude = _placeViewModel.latitude.value
+                val longitude = _placeViewModel.longitude.value
+                val categoryId = _categoryViewModel.selectedCategory.value?.id
+                if (placeName == null ||
+                    latitude == null ||
+                    longitude == null ||
+                    categoryId == null
+                ) {
+                    Timber.e("필수 정보가 없습니다.")
+                } else {
+                    _checkInViewModel.onCheckIn(
+                        placeName = placeName,
+                        longitude = longitude,
+                        latitude = latitude,
+                        categoryId = categoryId
+                    )
+                }
+            }
+        }
+
+        _categoryViewModel.categories.observe(viewLifecycleOwner) {
+            categoryAdapter.submitList(it)
+        }
+    }
+}
diff --git a/app/src/main/java/com/deo/sticky/features/map/models/Place.kt b/app/src/main/java/com/deo/sticky/features/checkin/place/models/Place.kt
similarity index 84%
rename from app/src/main/java/com/deo/sticky/features/map/models/Place.kt
rename to app/src/main/java/com/deo/sticky/features/checkin/place/models/Place.kt
index 2e39f66..e8b62ce 100644
--- a/app/src/main/java/com/deo/sticky/features/map/models/Place.kt
+++ b/app/src/main/java/com/deo/sticky/features/checkin/place/models/Place.kt
@@ -1,4 +1,4 @@
-package com.deo.sticky.features.map.models.entity
+package com.deo.sticky.features.checkin.place.models.entity
 
 import androidx.room.Embedded
 import androidx.room.Entity
@@ -12,7 +12,9 @@ import androidx.room.PrimaryKey
  * longitude: 경도
  * geometry: spatialite의 geometry
  */
-@Entity(tableName = "places")
+@Entity(
+    tableName = "places"
+)
 data class Place(
     @PrimaryKey(autoGenerate = true)
     val id: Long? = null,
diff --git a/app/src/main/java/com/deo/sticky/features/map/models/PlaceDao.kt b/app/src/main/java/com/deo/sticky/features/checkin/place/models/PlaceDao.kt
similarity index 74%
rename from app/src/main/java/com/deo/sticky/features/map/models/PlaceDao.kt
rename to app/src/main/java/com/deo/sticky/features/checkin/place/models/PlaceDao.kt
index e5125f3..8511ec0 100644
--- a/app/src/main/java/com/deo/sticky/features/map/models/PlaceDao.kt
+++ b/app/src/main/java/com/deo/sticky/features/checkin/place/models/PlaceDao.kt
@@ -1,14 +1,19 @@
-package com.deo.sticky.features.map.models
+package com.deo.sticky.features.checkin.place.models
 
 import androidx.room.Dao
 import androidx.room.Query
 import androidx.room.SkipQueryVerification
-import com.deo.sticky.base.BaseDao
-import com.deo.sticky.features.map.models.entity.Place
-import com.deo.sticky.features.map.models.entity.PlaceWithDistance
+import com.deo.sticky.base.DeleteAndUpsertDao
+import com.deo.sticky.features.checkin.place.models.entity.Place
+import com.deo.sticky.features.checkin.place.models.entity.PlaceWithDistance
 
 @Dao
-interface PlaceDao : BaseDao<Place> {
+interface PlaceDao : DeleteAndUpsertDao<Place> {
+
+//    @Query("""DELETE FROM places""")
+//    @SkipQueryVerification
+//    suspend fun clear()
+
     /**
      * 장소 추가하기 (+ 좌표 저장)
      */
diff --git a/app/src/main/java/com/deo/sticky/features/checkin/place/ui/PlaceFragment.kt b/app/src/main/java/com/deo/sticky/features/checkin/place/ui/PlaceFragment.kt
new file mode 100644
index 0000000..e8fada1
--- /dev/null
+++ b/app/src/main/java/com/deo/sticky/features/checkin/place/ui/PlaceFragment.kt
@@ -0,0 +1,40 @@
+package com.deo.sticky.features.checkin.place.ui
+
+import android.os.Bundle
+import android.view.View
+import androidx.core.widget.doOnTextChanged
+import androidx.fragment.app.activityViewModels
+import com.deo.sticky.R
+import com.deo.sticky.base.BindableFragment
+import com.deo.sticky.databinding.FragmentCheckInPlaceBinding
+import com.deo.sticky.features.checkin.PlaceViewModel
+import com.deo.sticky.features.checkin.ViewPagerViewModel
+import dagger.hilt.android.AndroidEntryPoint
+import kotlinx.coroutines.ExperimentalCoroutinesApi
+import timber.log.Timber
+
+@AndroidEntryPoint
+@ExperimentalCoroutinesApi
+internal class PlaceFragment :
+    BindableFragment<FragmentCheckInPlaceBinding>(R.layout.fragment_check_in_place) {
+    private val _placeViewModel: PlaceViewModel by activityViewModels()
+    private val _viewPagerViewModel: ViewPagerViewModel by activityViewModels()
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        binding.apply {
+            placeViewModel = _placeViewModel
+            // EditableInputConnection memory leaks 존재
+            // android bug로 hack보다는 구글이 해결하게 두는게 나을 것 같다
+            // 참고: https://github.com/fossasia/badge-magic-android/issues/316 > https://issuetracker.google.com/issues/37043700
+            editText.doOnTextChanged { text, _, _, _ ->
+                _placeViewModel.onPlaceName("$text")
+            }
+            next.setOnClickListener {
+                Timber.w("장소명: ${_placeViewModel.placeName.value}")
+                editText.clearFocus()
+                _viewPagerViewModel.onClickNext()
+            }
+        }
+    }
+}
diff --git a/app/src/main/java/com/deo/sticky/features/checkout/models/Accumulate.kt b/app/src/main/java/com/deo/sticky/features/checkout/models/Accumulate.kt
new file mode 100644
index 0000000..b9cde32
--- /dev/null
+++ b/app/src/main/java/com/deo/sticky/features/checkout/models/Accumulate.kt
@@ -0,0 +1,64 @@
+package com.deo.sticky.features.checkout.models
+
+import androidx.room.ColumnInfo
+import androidx.room.Embedded
+import androidx.room.Entity
+import androidx.room.ForeignKey
+import androidx.room.Index
+import androidx.room.PrimaryKey
+import androidx.room.Relation
+import com.deo.sticky.features.checkin.category.models.Category
+import com.deo.sticky.features.checkin.place.models.entity.Place
+
+@Entity(
+    tableName = "accumulates",
+    indices = [Index("placeId"), Index("categoryId")],
+    foreignKeys = [
+        ForeignKey(
+            entity = Place::class,
+            parentColumns = ["id"],
+            childColumns = ["placeId"]
+        ),
+        ForeignKey(
+            entity = Category::class,
+            parentColumns = ["id"],
+            childColumns = ["categoryId"]
+        )
+    ]
+)
+data class Accumulate(
+    @PrimaryKey(autoGenerate = true)
+    var id: Long? = null,
+    val placeId: Long,
+    val categoryId: Long,
+    @ColumnInfo(defaultValue = "CURRENT_TIMESTAMP")
+    val start: Long,
+    val end: Long? = null,
+    val value: Long? = 0,
+    val memoThumbnail: String? = null,
+    val memoTitle: String? = null,
+    val memoContents: String? = null,
+)
+
+data class AccumulateBase(
+    val placeId: Long,
+    val categoryId: Long,
+)
+
+/**
+ * 누적 시간 영수증
+ */
+data class AccumulateReceipt(
+    @Embedded
+    var accumulate: Accumulate,
+    @Relation(
+        parentColumn = "placeId",
+        entityColumn = "id"
+    )
+    val place: Place,
+    @Relation(
+        parentColumn = "categoryId",
+        entityColumn = "id"
+    )
+    val category: Category,
+)
diff --git a/app/src/main/java/com/deo/sticky/features/checkout/models/AccumulateDao.kt b/app/src/main/java/com/deo/sticky/features/checkout/models/AccumulateDao.kt
new file mode 100644
index 0000000..9650b4f
--- /dev/null
+++ b/app/src/main/java/com/deo/sticky/features/checkout/models/AccumulateDao.kt
@@ -0,0 +1,46 @@
+package com.deo.sticky.features.checkout.models
+
+import androidx.room.Dao
+import androidx.room.Insert
+import androidx.room.Query
+import androidx.room.Transaction
+import com.deo.sticky.base.DeleteAndUpsertDao
+
+@Dao
+interface AccumulateDao : DeleteAndUpsertDao<Accumulate> {
+    @Transaction
+    @Query("SELECT * FROM accumulates")
+    suspend fun findAll(): List<AccumulateReceipt>
+
+    @Transaction
+    @Query("SELECT * FROM accumulates WHERE id = :id")
+    suspend fun get(id: Long): AccumulateReceipt?
+
+    @Transaction
+    @Insert(entity = Accumulate::class)
+    suspend fun start(accumulate: AccumulateBase): Long
+
+    @Transaction
+    suspend fun end(id: Long) {
+        updateEnd(id)
+        updateValue(id)
+    }
+
+    @Query(
+        """
+        UPDATE accumulates 
+        SET `end` = CURRENT_TIMESTAMP
+        WHERE id = :id;
+    """
+    )
+    suspend fun updateEnd(id: Long)
+
+    @Query(
+        """
+            UPDATE accumulates
+            SET `value` = `end` - `start`
+            WHERE id = :id;
+        """
+    )
+    suspend fun updateValue(id: Long)
+}
diff --git a/app/src/main/java/com/deo/sticky/features/map/ui/CheckOutDialogFragment.kt b/app/src/main/java/com/deo/sticky/features/map/ui/CheckOutDialogFragment.kt
new file mode 100644
index 0000000..9ad0b63
--- /dev/null
+++ b/app/src/main/java/com/deo/sticky/features/map/ui/CheckOutDialogFragment.kt
@@ -0,0 +1,50 @@
+package com.deo.sticky.features.map.ui
+
+import android.annotation.SuppressLint
+import android.app.Dialog
+import android.graphics.Color
+import android.graphics.drawable.ColorDrawable
+import android.os.Bundle
+import android.view.Window
+import android.widget.Button
+import androidx.appcompat.app.AlertDialog
+import androidx.fragment.app.DialogFragment
+import androidx.fragment.app.activityViewModels
+import com.deo.sticky.R
+import com.deo.sticky.features.checkin.CategoryViewModel
+import com.deo.sticky.features.checkin.CheckInViewModel
+import com.deo.sticky.features.checkin.PlaceViewModel
+
+/**
+ * 체크아웃 바텀시트 클릭 시 호출되는 다이얼로그
+ */
+class CheckOutDialogFragment : DialogFragment() {
+    private val _checkInViewModel: CheckInViewModel by activityViewModels()
+    private val _placeViewModel: PlaceViewModel by activityViewModels()
+    private val _categoryViewModel: CategoryViewModel by activityViewModels()
+
+    @SuppressLint("InflateParams")
+    override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
+        return activity?.let {
+            val inflater = requireActivity().layoutInflater
+            val view = inflater.inflate(R.layout.dialog_checkout, null)
+            view.findViewById<Button>(R.id.cancel).setOnClickListener {
+                dialog?.cancel()
+            }
+            view.findViewById<Button>(R.id.ok).setOnClickListener {
+                _checkInViewModel.timerStop()
+                _checkInViewModel.onCheckOut()
+                _placeViewModel.initialize()
+                _categoryViewModel.initialize()
+
+                dialog?.dismiss()
+            }
+            val builder = AlertDialog.Builder(it)
+            builder.setView(view)
+            val dialog = builder.create()
+            dialog.window?.setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT))
+            dialog.window?.requestFeature(Window.FEATURE_NO_TITLE)
+            dialog
+        } ?: throw IllegalStateException("Activity cannot be null")
+    }
+}
diff --git a/app/src/main/java/com/deo/sticky/features/map/ui/MapFragment.kt b/app/src/main/java/com/deo/sticky/features/map/ui/MapFragment.kt
new file mode 100644
index 0000000..8afb3b1
--- /dev/null
+++ b/app/src/main/java/com/deo/sticky/features/map/ui/MapFragment.kt
@@ -0,0 +1,218 @@
+package com.deo.sticky.features.map.ui
+
+import android.Manifest
+import android.annotation.SuppressLint
+import android.content.pm.PackageManager
+import android.location.Location
+import android.os.Bundle
+import android.view.View
+import androidx.core.app.ActivityCompat
+import androidx.core.content.ContextCompat
+import androidx.fragment.app.activityViewModels
+import androidx.fragment.app.setFragmentResultListener
+import androidx.navigation.fragment.findNavController
+import com.deo.sticky.R
+import com.deo.sticky.base.BindableFragment
+import com.deo.sticky.databinding.FragmentMapBinding
+import com.deo.sticky.features.RequestKey
+import com.deo.sticky.features.checkin.CategoryViewModel
+import com.deo.sticky.features.checkin.CheckInViewModel
+import com.deo.sticky.features.checkin.PlaceViewModel
+import com.google.android.gms.location.FusedLocationProviderClient
+import com.google.android.gms.location.LocationRequest
+import com.google.android.gms.maps.CameraUpdateFactory
+import com.google.android.gms.maps.GoogleMap
+import com.google.android.gms.maps.SupportMapFragment
+import com.google.android.gms.maps.model.LatLng
+import com.google.android.gms.maps.model.MapStyleOptions
+import com.google.android.gms.maps.model.MarkerOptions
+import com.google.android.libraries.places.api.net.PlacesClient
+import dagger.hilt.android.AndroidEntryPoint
+import javax.inject.Inject
+import kotlinx.coroutines.ExperimentalCoroutinesApi
+import timber.log.Timber
+
+@ExperimentalCoroutinesApi
+@AndroidEntryPoint
+internal class MapFragment :
+    BindableFragment<FragmentMapBinding>(R.layout.fragment_map) {
+    @Inject
+    lateinit var locationClient: FusedLocationProviderClient
+
+    @Inject
+    lateinit var placesClient: PlacesClient
+
+    @Inject
+    lateinit var locationRequest: LocationRequest
+
+    lateinit var googleMap: GoogleMap
+    private var locationPermissionGranted = false
+    private var lastKnownLocation: Location? = null
+
+    private val _categoryViewModel: CategoryViewModel by activityViewModels()
+    private val _placeViewModel: PlaceViewModel by activityViewModels()
+    private val _checkInViewModel: CheckInViewModel by activityViewModels()
+
+    // onCreateView 이후 callback
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        binding.apply {
+            checkInViewModel = _checkInViewModel
+            placeViewModel = _placeViewModel
+            categoryViewModel = _categoryViewModel
+        }
+
+        initButtons()
+
+        val mapFragment =
+            childFragmentManager.findFragmentById(R.id.fragment_map) as? SupportMapFragment
+        mapFragment?.getMapAsync { googleMap ->
+            this.googleMap = googleMap
+            // MapFragment는 FragmentContainerView이므로 fragment의 컨테이너로서 동작
+            // com.google.android.gms.maps.SupportMapFragment으로서 동작
+            val gangNamCoffeeBean = LatLng(37.4988373, 127.0292686)
+
+            googleMap.apply {
+                setMapStyle(
+                    MapStyleOptions.loadRawResourceStyle(
+                        requireContext(), R.raw.uber_style
+                    )
+                )
+                addMarker(
+                    MarkerOptions()
+                        .position(gangNamCoffeeBean)
+                        .title("강남 12번 출구 커피빈")
+                )
+            }
+            getLocationPermission()
+            updateLocationUI()
+            focusDevicePosition()
+        }
+
+        setFragmentResultListener(RequestKey.checkIn) { _, _ ->
+            val category = _categoryViewModel.selectedCategory.value?.name
+            val placeName = _placeViewModel.placeName.value
+            val longitude = _placeViewModel.longitude.value
+            val latitude = _placeViewModel.latitude.value
+            Timber.w("checkIn: $category, $placeName, $longitude, $latitude")
+            val timerAction: () -> Unit = {
+                binding.recordingTime.text = _checkInViewModel.hhmmss.value
+            }
+            _checkInViewModel.timerStart(timerAction)
+        }
+    }
+
+    /** 화면의 버튼 초기 설정 */
+    private fun initButtons() {
+        binding.apply {
+            statistic.setOnClickListener {
+                Timber.w("통계")
+                val latitude = lastKnownLocation!!.latitude
+                val longitude = lastKnownLocation!!.longitude
+                _placeViewModel.getPlacesWithRadius(latitude = latitude, longitude = longitude)
+            }
+            setting.setOnClickListener {
+                Timber.w("설정")
+            }
+            checkIn.setOnClickListener {
+                focusDevicePosition()
+                findNavController().navigate(MapFragmentDirections.actionMapFragmentToCheckInFragment())
+                Timber.w("체크인")
+            }
+            here.setOnClickListener {
+                focusDevicePosition()
+            }
+            checkOut.setOnClickListener {
+                val dialog = CheckOutDialogFragment()
+                dialog.show(parentFragmentManager, "CheckoutDialog")
+            }
+        }
+    }
+
+    /** 위치 결과가 비동기로 호출되어 멤버변수에 latitude와 langitude가 등록됨 */
+    @SuppressLint("MissingPermission")
+    private fun focusDevicePosition() {
+        if (!locationPermissionGranted) {
+            Timber.d("위치정보 권한이 없습니다.")
+            return
+        }
+        locationClient.lastLocation.addOnCompleteListener { task ->
+            if (!task.isSuccessful || task.result == null) {
+                Timber.e("현재 위치를 찾을 수 없습니다.")
+            } else {
+                lastKnownLocation = task.result
+                val latitude = lastKnownLocation!!.latitude
+                val longitude = lastKnownLocation!!.longitude
+                _placeViewModel.apply {
+                    onLatitude(latitude)
+                    onLongitude(longitude)
+                }
+                googleMap.moveCamera(
+                    CameraUpdateFactory.newLatLngZoom(
+                        LatLng(latitude, longitude),
+                        DEFAULT_ZOOM
+                    )
+                )
+            }
+        }
+    }
+
+    override fun onRequestPermissionsResult(
+        requestCode: Int,
+        permissions: Array<String>,
+        grantResults: IntArray
+    ) {
+        locationPermissionGranted = false
+        when (requestCode) {
+            PERMISSIONS_REQUEST_ACCESS_FINE_LOCATION -> {
+
+                // If request is cancelled, the result arrays are empty.
+                if (grantResults.isNotEmpty() &&
+                    grantResults[0] == PackageManager.PERMISSION_GRANTED
+                ) {
+                    locationPermissionGranted = true
+                }
+            }
+        }
+        updateLocationUI()
+    }
+
+    @SuppressLint("MissingPermission")
+    private fun updateLocationUI() {
+        try {
+            googleMap.apply {
+                isMyLocationEnabled = locationPermissionGranted
+                uiSettings.isMyLocationButtonEnabled = false
+                if (!locationPermissionGranted) {
+                    isMyLocationEnabled = false
+                    uiSettings.isMyLocationButtonEnabled = false
+                    lastKnownLocation = null
+                    getLocationPermission()
+                }
+            }
+        } catch (e: SecurityException) {
+            Timber.e(e)
+        }
+    }
+
+    private fun getLocationPermission() {
+        if (ContextCompat.checkSelfPermission(
+                requireContext(),
+                Manifest.permission.ACCESS_FINE_LOCATION
+            )
+            == PackageManager.PERMISSION_GRANTED
+        ) {
+            locationPermissionGranted = true
+        } else {
+            ActivityCompat.requestPermissions(
+                requireActivity(), arrayOf(Manifest.permission.ACCESS_FINE_LOCATION),
+                PERMISSIONS_REQUEST_ACCESS_FINE_LOCATION
+            )
+        }
+    }
+
+    companion object {
+        private const val PERMISSIONS_REQUEST_ACCESS_FINE_LOCATION = 1
+        private const val DEFAULT_ZOOM = 18f
+    }
+}
diff --git a/app/src/main/res/anim/fade_in.xml b/app/src/main/res/anim/fade_in.xml
new file mode 100644
index 0000000..807fd00
--- /dev/null
+++ b/app/src/main/res/anim/fade_in.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <alpha
+        android:duration="@android:integer/config_mediumAnimTime"
+        android:fromAlpha="0.0"
+        android:toAlpha="1.0"/>
+</set>
\ No newline at end of file
diff --git a/app/src/main/res/anim/fade_out.xml b/app/src/main/res/anim/fade_out.xml
new file mode 100644
index 0000000..3957e9b
--- /dev/null
+++ b/app/src/main/res/anim/fade_out.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <alpha
+        android:duration="@android:integer/config_mediumAnimTime"
+        android:fromAlpha="1.0"
+        android:toAlpha="0.0" />
+</set>
\ No newline at end of file
diff --git a/app/src/main/res/anim/none.xml b/app/src/main/res/anim/none.xml
new file mode 100644
index 0000000..77c5127
--- /dev/null
+++ b/app/src/main/res/anim/none.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <alpha
+        android:duration="@android:integer/config_mediumAnimTime"
+        android:fromAlpha="1.0"
+        android:toAlpha="1.0"/>
+</set>
\ No newline at end of file
diff --git a/app/src/main/res/anim/slide_in_left.xml b/app/src/main/res/anim/slide_in_left.xml
new file mode 100644
index 0000000..35ab746
--- /dev/null
+++ b/app/src/main/res/anim/slide_in_left.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <translate
+        android:duration="@android:integer/config_mediumAnimTime"
+        android:fromXDelta="-100%"
+        android:fromYDelta="0%"
+        android:toXDelta="0%"
+        android:toYDelta="0%" />
+</set>
diff --git a/app/src/main/res/anim/slide_in_right.xml b/app/src/main/res/anim/slide_in_right.xml
new file mode 100644
index 0000000..e428c1c
--- /dev/null
+++ b/app/src/main/res/anim/slide_in_right.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <translate
+        android:duration="@android:integer/config_mediumAnimTime"
+        android:fromXDelta="100%"
+        android:fromYDelta="0%"
+        android:toXDelta="0%"
+        android:toYDelta="0%" />
+</set>
\ No newline at end of file
diff --git a/app/src/main/res/anim/slide_in_up.xml b/app/src/main/res/anim/slide_in_up.xml
new file mode 100644
index 0000000..7eaae8e
--- /dev/null
+++ b/app/src/main/res/anim/slide_in_up.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <translate
+        android:duration="@android:integer/config_shortAnimTime"
+        android:fromYDelta="100%p"
+        android:toYDelta="0%p" />
+</set>
\ No newline at end of file
diff --git a/app/src/main/res/anim/slide_in_up_long.xml b/app/src/main/res/anim/slide_in_up_long.xml
new file mode 100644
index 0000000..c96a604
--- /dev/null
+++ b/app/src/main/res/anim/slide_in_up_long.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <translate
+        android:duration="@android:integer/config_mediumAnimTime"
+        android:fromYDelta="100%p"
+        android:toYDelta="0%p" />
+</set>
\ No newline at end of file
diff --git a/app/src/main/res/anim/slide_out_left.xml b/app/src/main/res/anim/slide_out_left.xml
new file mode 100644
index 0000000..abec8a9
--- /dev/null
+++ b/app/src/main/res/anim/slide_out_left.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <translate
+        android:duration="@android:integer/config_mediumAnimTime"
+        android:fromXDelta="0%"
+        android:fromYDelta="0%"
+        android:toXDelta="-100%"
+        android:toYDelta="0%" />
+</set>
diff --git a/app/src/main/res/anim/slide_out_right.xml b/app/src/main/res/anim/slide_out_right.xml
new file mode 100644
index 0000000..b2fabe4
--- /dev/null
+++ b/app/src/main/res/anim/slide_out_right.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <translate
+        android:duration="@android:integer/config_mediumAnimTime"
+        android:fromXDelta="0%"
+        android:fromYDelta="0%"
+        android:toXDelta="100%"
+        android:toYDelta="0%" />
+</set>
\ No newline at end of file
diff --git a/app/src/main/res/anim/slide_out_up.xml b/app/src/main/res/anim/slide_out_up.xml
new file mode 100644
index 0000000..264d8ba
--- /dev/null
+++ b/app/src/main/res/anim/slide_out_up.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <translate
+        android:duration="@android:integer/config_shortAnimTime"
+        android:fromXDelta="0"
+        android:toYDelta="100%" />
+</set>
\ No newline at end of file
diff --git a/app/src/main/res/anim/slide_out_up_long.xml b/app/src/main/res/anim/slide_out_up_long.xml
new file mode 100644
index 0000000..c78ab5c
--- /dev/null
+++ b/app/src/main/res/anim/slide_out_up_long.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <translate
+        android:duration="@android:integer/config_mediumAnimTime"
+        android:fromXDelta="0"
+        android:toYDelta="100%" />
+</set>
\ No newline at end of file
diff --git a/app/src/main/res/drawable-mdpi/restaurant.png b/app/src/main/res/drawable-mdpi/restaurant.png
new file mode 100644
index 0000000..a6f0646
Binary files /dev/null and b/app/src/main/res/drawable-mdpi/restaurant.png differ
diff --git a/app/src/main/res/drawable/bottom_sheet_background.xml b/app/src/main/res/drawable/bottom_sheet_background.xml
new file mode 100644
index 0000000..a522285
--- /dev/null
+++ b/app/src/main/res/drawable/bottom_sheet_background.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/backgroundPrimary" />
+    <corners
+        android:topLeftRadius="28dp"
+        android:topRightRadius="28dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/check_in_edit_text.xml b/app/src/main/res/drawable/check_in_edit_text.xml
new file mode 100644
index 0000000..45e16e5
--- /dev/null
+++ b/app/src/main/res/drawable/check_in_edit_text.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_enabled="true" android:state_focused="true">
+        <shape android:padding="10dp" android:shape="rectangle">
+            <stroke android:width="2dp" android:color="@color/black" />
+            <padding android:bottom="2dp" android:left="2dp" android:right="2dp" android:top="2dp" />
+            <solid android:color="@color/backgroundSecondary" />
+            <corners android:bottomLeftRadius="16dp" android:bottomRightRadius="16dp" android:topLeftRadius="16dp" android:topRightRadius="16dp" />
+        </shape>
+    </item>
+    <item android:state_enabled="true">
+        <shape android:padding="10dp" android:shape="rectangle">
+            <stroke android:width="2dp" android:color="@color/gray100" />
+            <padding android:bottom="2dp" android:left="2dp" android:right="2dp" android:top="2dp" />
+            <solid android:color="@color/backgroundSecondary" />
+            <corners android:bottomLeftRadius="16dp" android:bottomRightRadius="16dp" android:topLeftRadius="16dp" android:topRightRadius="16dp" />
+        </shape>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/circle_blue.xml b/app/src/main/res/drawable/circle_blue.xml
new file mode 100644
index 0000000..582d362
--- /dev/null
+++ b/app/src/main/res/drawable/circle_blue.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_pressed="false">
+        <shape android:shape="oval">
+            <solid android:color="@color/blue300" />
+        </shape>
+    </item>
+    <item android:state_pressed="true">
+        <shape android:shape="oval">
+            <solid android:color="@color/blue300" />
+        </shape>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/circle_button.xml b/app/src/main/res/drawable/circle_button.xml
new file mode 100644
index 0000000..c98abd9
--- /dev/null
+++ b/app/src/main/res/drawable/circle_button.xml
@@ -0,0 +1,13 @@
+<?xml version = "1.0" encoding = "utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_pressed="false">
+        <shape android:shape="oval">
+            <solid android:color="@color/backgroundPrimary" />
+        </shape>
+    </item>
+    <item android:state_pressed="true">
+        <shape android:shape="oval">
+            <solid android:color="@color/backgroundPressed" />
+        </shape>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/circle_green.xml b/app/src/main/res/drawable/circle_green.xml
new file mode 100644
index 0000000..c53ea47
--- /dev/null
+++ b/app/src/main/res/drawable/circle_green.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_pressed="false">
+        <shape android:shape="oval">
+            <solid android:color="@color/green300" />
+        </shape>
+    </item>
+    <item android:state_pressed="true">
+        <shape android:shape="oval">
+            <solid android:color="@color/green300" />
+        </shape>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/circle_orange.xml b/app/src/main/res/drawable/circle_orange.xml
new file mode 100644
index 0000000..c31718d
--- /dev/null
+++ b/app/src/main/res/drawable/circle_orange.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_pressed="false">
+        <shape android:shape="oval">
+            <solid android:color="@color/orange300" />
+        </shape>
+    </item>
+    <item android:state_pressed="true">
+        <shape android:shape="oval">
+            <solid android:color="@color/orange300" />
+        </shape>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/circle_purple.xml b/app/src/main/res/drawable/circle_purple.xml
new file mode 100644
index 0000000..4180838
--- /dev/null
+++ b/app/src/main/res/drawable/circle_purple.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_pressed="false">
+        <shape android:shape="oval">
+            <solid android:color="@color/purple300" />
+        </shape>
+    </item>
+    <item android:state_pressed="true">
+        <shape android:shape="oval">
+            <solid android:color="@color/purple300" />
+        </shape>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/circle_red.xml b/app/src/main/res/drawable/circle_red.xml
new file mode 100644
index 0000000..5ef0cff
--- /dev/null
+++ b/app/src/main/res/drawable/circle_red.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_pressed="false">
+        <shape android:shape="oval">
+            <solid android:color="@color/red300" />
+        </shape>
+    </item>
+    <item android:state_pressed="true">
+        <shape android:shape="oval">
+            <solid android:color="@color/red300" />
+        </shape>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/circle_white.xml b/app/src/main/res/drawable/circle_white.xml
new file mode 100644
index 0000000..61d9c98
--- /dev/null
+++ b/app/src/main/res/drawable/circle_white.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <shape android:shape="oval">
+            <solid android:color="@color/white" />
+        </shape>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/circle_yellow.xml b/app/src/main/res/drawable/circle_yellow.xml
new file mode 100644
index 0000000..67c5576
--- /dev/null
+++ b/app/src/main/res/drawable/circle_yellow.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_pressed="false">
+        <shape android:shape="oval">
+            <solid android:color="@color/yellow300" />
+        </shape>
+    </item>
+    <item android:state_pressed="true">
+        <shape android:shape="oval">
+            <solid android:color="@color/yellow300" />
+        </shape>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/cursor_color.xml b/app/src/main/res/drawable/cursor_color.xml
new file mode 100644
index 0000000..a91dc5a
--- /dev/null
+++ b/app/src/main/res/drawable/cursor_color.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <size android:width="2dp" />
+    <solid android:color="#000000" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/dialog_checkout.xml b/app/src/main/res/drawable/dialog_checkout.xml
new file mode 100644
index 0000000..d1f6b7e
--- /dev/null
+++ b/app/src/main/res/drawable/dialog_checkout.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@android:color/white" />
+    <corners android:radius="24dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/ic_add.xml b/app/src/main/res/drawable/ic_add.xml
new file mode 100644
index 0000000..d487505
--- /dev/null
+++ b/app/src/main/res/drawable/ic_add.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M13.5,4C13.5,3.1716 12.8284,2.5 12,2.5C11.1716,2.5 10.5,3.1716 10.5,4V10.5H4C3.1716,10.5 2.5,11.1716 2.5,12C2.5,12.8284 3.1716,13.5 4,13.5H10.5V20C10.5,20.8284 11.1716,21.5 12,21.5C12.8284,21.5 13.5,20.8284 13.5,20V13.5H20C20.8284,13.5 21.5,12.8284 21.5,12C21.5,11.1716 20.8284,10.5 20,10.5H13.5V4Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_arrow_left.xml b/app/src/main/res/drawable/ic_arrow_left.xml
new file mode 100644
index 0000000..7e1e9b6
--- /dev/null
+++ b/app/src/main/res/drawable/ic_arrow_left.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M11.0608,4.4393C11.6466,5.0251 11.6466,5.9749 11.0608,6.5607L7.1215,10.5H20.5002C21.3286,10.5 22.0002,11.1716 22.0002,12C22.0002,12.8284 21.3286,13.5 20.5002,13.5H7.1215L11.0608,17.4393C11.6466,18.0251 11.6466,18.9749 11.0608,19.5607C10.475,20.1464 9.5253,20.1464 8.9395,19.5607L2.4402,13.0613C1.8544,12.4756 1.8537,11.5251 2.4395,10.9393L8.9395,4.4393C9.5253,3.8535 10.475,3.8535 11.0608,4.4393Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_arrow_right.xml b/app/src/main/res/drawable/ic_arrow_right.xml
new file mode 100644
index 0000000..23a86f9
--- /dev/null
+++ b/app/src/main/res/drawable/ic_arrow_right.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12.9392,4.4393C12.3534,5.0251 12.3534,5.9749 12.9392,6.5607L16.8785,10.5H3.4998C2.6714,10.5 1.9998,11.1716 1.9998,12C1.9998,12.8284 2.6714,13.5 3.4998,13.5H16.8785L12.9392,17.4393C12.3534,18.0251 12.3534,18.9749 12.9392,19.5607C13.525,20.1464 14.4747,20.1464 15.0605,19.5607L21.5598,13.0613C22.1456,12.4756 22.1463,11.5251 21.5605,10.9393L15.0605,4.4393C14.4747,3.8535 13.525,3.8535 12.9392,4.4393Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_cafe.xml b/app/src/main/res/drawable/ic_cafe.xml
new file mode 100644
index 0000000..cd60e95
--- /dev/null
+++ b/app/src/main/res/drawable/ic_cafe.xml
@@ -0,0 +1,22 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,0C7.5817,0 4,3.5817 4,8H20C20,3.5817 16.4183,0 12,0Z"
+      android:fillColor="#666666"/>
+  <path
+      android:pathData="M4.012,8.386C3.9114,7.6545 4.4576,7 5.1686,7H18.8314C19.5424,7 20.0886,7.6545 19.988,8.386L17.9851,22.9574C17.9029,23.5557 17.4099,24 16.8285,24H7.1715C6.5901,24 6.0971,23.5557 6.0149,22.9574L4.012,8.386Z"
+      android:fillColor="#ffffff"/>
+  <path
+      android:pathData="M2,6.3333C2,5.597 2.4975,5 3.1111,5H20.8889C21.5025,5 22,5.597 22,6.3333V7.6667C22,8.4031 21.5025,9 20.8889,9H3.1111C2.4975,9 2,8.4031 2,7.6667V6.3333Z"
+      android:fillColor="#4D4D4D"/>
+  <group>
+    <clip-path
+        android:pathData="M4.012,8.386C3.9114,7.6545 4.4576,7 5.1686,7H18.8314C19.5424,7 20.0886,7.6545 19.988,8.386L17.9851,22.9574C17.9029,23.5557 17.4099,24 16.8285,24H7.1715C6.5901,24 6.0971,23.5557 6.0149,22.9574L4.012,8.386Z"/>
+    <path
+        android:pathData="M3,12H21V21H3V12Z"
+        android:fillColor="#03703C"/>
+  </group>
+</vector>
diff --git a/app/src/main/res/drawable/ic_calendar.xml b/app/src/main/res/drawable/ic_calendar.xml
new file mode 100644
index 0000000..e1d00dd
--- /dev/null
+++ b/app/src/main/res/drawable/ic_calendar.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M5,2.5C5,1.6716 5.6716,1 6.5,1C7.3284,1 8,1.6716 8,2.5V3.5H16V2.5C16,1.6716 16.6716,1 17.5,1C18.3284,1 19,1.6716 19,2.5V3.5C20.3807,3.5 21.5,4.6193 21.5,6V20C21.5,21.3807 20.3807,22.5 19,22.5H5C3.6193,22.5 2.5,21.3807 2.5,20V6C2.5,4.6193 3.6193,3.5 5,3.5V2.5ZM5.5,10V19.5H18.5V10H5.5ZM9,13C9,13.5523 8.5523,14 8,14C7.4477,14 7,13.5523 7,13C7,12.4477 7.4477,12 8,12C8.5523,12 9,12.4477 9,13ZM12,14C12.5523,14 13,13.5523 13,13C13,12.4477 12.5523,12 12,12C11.4477,12 11,12.4477 11,13C11,13.5523 11.4477,14 12,14ZM17,13C17,13.5523 16.5523,14 16,14C15.4477,14 15,13.5523 15,13C15,12.4477 15.4477,12 16,12C16.5523,12 17,12.4477 17,13ZM8,17.5C8.5523,17.5 9,17.0523 9,16.5C9,15.9477 8.5523,15.5 8,15.5C7.4477,15.5 7,15.9477 7,16.5C7,17.0523 7.4477,17.5 8,17.5ZM13,16.5C13,17.0523 12.5523,17.5 12,17.5C11.4477,17.5 11,17.0523 11,16.5C11,15.9477 11.4477,15.5 12,15.5C12.5523,15.5 13,15.9477 13,16.5ZM16,17.5C16.5523,17.5 17,17.0523 17,16.5C17,15.9477 16.5523,15.5 16,15.5C15.4477,15.5 15,15.9477 15,16.5C15,17.0523 15.4477,17.5 16,17.5Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_check.xml b/app/src/main/res/drawable/ic_check.xml
new file mode 100644
index 0000000..a280cc7
--- /dev/null
+++ b/app/src/main/res/drawable/ic_check.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M21.0607,5.9393C21.6464,6.5251 21.6464,7.4749 21.0607,8.0607L11.0607,18.0607C10.4749,18.6464 9.5251,18.6464 8.9393,18.0607L2.9393,12.0607C2.3535,11.4749 2.3535,10.5251 2.9393,9.9393C3.5251,9.3535 4.4749,9.3535 5.0607,9.9393L10,14.8787L18.9393,5.9393C19.5251,5.3535 20.4749,5.3535 21.0607,5.9393Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_chevron_down.xml b/app/src/main/res/drawable/ic_chevron_down.xml
new file mode 100644
index 0000000..844e06e
--- /dev/null
+++ b/app/src/main/res/drawable/ic_chevron_down.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M4.4393,8.4393C5.0251,7.8535 5.9749,7.8535 6.5607,8.4393L11.5,13.3787L16.4393,8.4393C17.0251,7.8535 17.9749,7.8535 18.5607,8.4393C19.1464,9.0251 19.1464,9.9749 18.5607,10.5607L12.5607,16.5607C11.9749,17.1464 11.0251,17.1464 10.4393,16.5607L4.4393,10.5607C3.8535,9.9749 3.8535,9.0251 4.4393,8.4393Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_chevron_left.xml b/app/src/main/res/drawable/ic_chevron_left.xml
new file mode 100644
index 0000000..4e7eb8e
--- /dev/null
+++ b/app/src/main/res/drawable/ic_chevron_left.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M15.5607,4.9393C16.1464,5.5251 16.1464,6.4749 15.5607,7.0607L10.6213,12L15.5607,16.9393C16.1464,17.5251 16.1464,18.4749 15.5607,19.0607C14.9749,19.6464 14.0251,19.6464 13.4393,19.0607L7.4393,13.0607C6.8535,12.4749 6.8535,11.5251 7.4393,10.9393L13.4393,4.9393C14.0251,4.3535 14.9749,4.3535 15.5607,4.9393Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_chevron_right.xml b/app/src/main/res/drawable/ic_chevron_right.xml
new file mode 100644
index 0000000..261f32e
--- /dev/null
+++ b/app/src/main/res/drawable/ic_chevron_right.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M8.4393,19.0607C7.8535,18.4749 7.8535,17.5251 8.4393,16.9393L13.3787,12L8.4393,7.0607C7.8535,6.4749 7.8535,5.5251 8.4393,4.9393C9.0251,4.3535 9.9749,4.3535 10.5607,4.9393L16.5607,10.9393C17.1464,11.5251 17.1464,12.4749 16.5607,13.0607L10.5607,19.0607C9.9749,19.6464 9.0251,19.6464 8.4393,19.0607Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_chevron_up.xml b/app/src/main/res/drawable/ic_chevron_up.xml
new file mode 100644
index 0000000..7b701b8
--- /dev/null
+++ b/app/src/main/res/drawable/ic_chevron_up.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M18.5607,15.5607C17.9749,16.1464 17.0251,16.1464 16.4393,15.5607L11.5,10.6213L6.5607,15.5607C5.9749,16.1464 5.0251,16.1464 4.4393,15.5607C3.8535,14.9749 3.8535,14.0251 4.4393,13.4393L10.4393,7.4393C11.0251,6.8535 11.9749,6.8535 12.5607,7.4393L18.5607,13.4393C19.1464,14.0251 19.1464,14.9749 18.5607,15.5607Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_close.xml b/app/src/main/res/drawable/ic_close.xml
new file mode 100644
index 0000000..21ab8bf
--- /dev/null
+++ b/app/src/main/res/drawable/ic_close.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M20.5607,5.5607C21.1464,4.9749 21.1464,4.0251 20.5607,3.4393C19.9749,2.8535 19.0251,2.8535 18.4393,3.4393L12,9.8787L5.5607,3.4393C4.9749,2.8535 4.0251,2.8535 3.4393,3.4393C2.8535,4.0251 2.8535,4.9749 3.4393,5.5607L9.8787,12L3.4393,18.4393C2.8535,19.0251 2.8535,19.9749 3.4393,20.5607C4.0251,21.1464 4.9749,21.1464 5.5607,20.5607L12,14.1213L18.4393,20.5607C19.0251,21.1464 19.9749,21.1464 20.5607,20.5607C21.1464,19.9749 21.1464,19.0251 20.5607,18.4393L14.1213,12L20.5607,5.5607Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_delete.xml b/app/src/main/res/drawable/ic_delete.xml
new file mode 100644
index 0000000..c3342a6
--- /dev/null
+++ b/app/src/main/res/drawable/ic_delete.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,2C6.4771,2 2,6.4771 2,12C2,17.5228 6.4771,22 12,22C17.5228,22 22,17.5228 22,12C22,6.4771 17.5228,2 12,2ZM16.5607,7.4393C17.1464,8.0251 17.1464,8.9749 16.5607,9.5607L14.1213,12L16.5607,14.4393C17.1464,15.0251 17.1464,15.9749 16.5607,16.5607C15.9749,17.1464 15.0251,17.1464 14.4393,16.5607L12,14.1213L9.5607,16.5607C8.9749,17.1464 8.0251,17.1464 7.4393,16.5607C6.8535,15.9749 6.8535,15.0251 7.4393,14.4393L9.8787,12L7.4393,9.5607C6.8535,8.9749 6.8535,8.0251 7.4393,7.4393C8.0251,6.8535 8.9749,6.8535 9.5607,7.4393L12,9.8787L14.4393,7.4393C15.0251,6.8535 15.9749,6.8535 16.5607,7.4393Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_delete_1.xml b/app/src/main/res/drawable/ic_delete_1.xml
new file mode 100644
index 0000000..7b4096b
--- /dev/null
+++ b/app/src/main/res/drawable/ic_delete_1.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M7,4C7,2.8954 7.8954,2 9,2H15C16.1046,2 17,2.8954 17,4H19C20.1046,4 21,4.8954 21,6C21,7.1046 20.1046,8 19,8H5C3.8954,8 3,7.1046 3,6C3,4.8954 3.8954,4 5,4H7ZM5,9.5H19V20C19,21.1046 18.1046,22 17,22H7C5.8954,22 5,21.1046 5,20V9.5ZM9,12C8.4477,12 8,12.4477 8,13V18C8,18.5523 8.4477,19 9,19C9.5523,19 10,18.5523 10,18V13C10,12.4477 9.5523,12 9,12ZM14,13C14,12.4477 14.4477,12 15,12C15.5523,12 16,12.4477 16,13V18C16,18.5523 15.5523,19 15,19C14.4477,19 14,18.5523 14,18V13Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_drink.xml b/app/src/main/res/drawable/ic_drink.xml
new file mode 100644
index 0000000..1cd0123
--- /dev/null
+++ b/app/src/main/res/drawable/ic_drink.xml
@@ -0,0 +1,18 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M9,0L15,0A1,1 0,0 1,16 1L16,1A1,1 0,0 1,15 2L9,2A1,1 0,0 1,8 1L8,1A1,1 0,0 1,9 0z"
+      android:fillColor="#10462D"/>
+  <path
+      android:pathData="M9,2h6v7h-6z"
+      android:fillColor="#03703C"/>
+  <path
+      android:pathData="M8,8L16,8A2,2 0,0 1,18 10L18,22A2,2 0,0 1,16 24L8,24A2,2 0,0 1,6 22L6,10A2,2 0,0 1,8 8z"
+      android:fillColor="#03703C"/>
+  <path
+      android:pathData="M6,12h12v8h-12z"
+      android:fillColor="#ffffff"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_edit.xml b/app/src/main/res/drawable/ic_edit.xml
new file mode 100644
index 0000000..cc0e450
--- /dev/null
+++ b/app/src/main/res/drawable/ic_edit.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M3.1215,15.1421C2.934,15.3296 2.8286,15.584 2.8286,15.8492V20.0919C2.8286,20.6441 3.2763,21.0919 3.8286,21.0919H8.0712C8.3365,21.0919 8.5908,20.9865 8.7784,20.799L17.5816,11.9957L11.9247,6.3389L3.1215,15.1421ZM13.3389,4.9247L18.9958,10.5815L21.2134,8.3639C21.6039,7.9734 21.6039,7.3402 21.2134,6.9497L16.9707,2.7071C16.5802,2.3166 15.9471,2.3166 15.5565,2.7071L13.3389,4.9247Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_game.xml b/app/src/main/res/drawable/ic_game.xml
new file mode 100644
index 0000000..d56a3dc
--- /dev/null
+++ b/app/src/main/res/drawable/ic_game.xml
@@ -0,0 +1,24 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M1,10L23,10A1,1 0,0 1,24 11L24,23A1,1 0,0 1,23 24L1,24A1,1 0,0 1,0 23L0,11A1,1 0,0 1,1 10z"
+      android:fillColor="#ffffff"/>
+  <path
+      android:pathData="M8,17m-4,0a4,4 0,1 1,8 0a4,4 0,1 1,-8 0"
+      android:fillColor="#666666"/>
+  <path
+      android:pathData="M10.9034,5.8668L10.9034,5.8668A1,1 71.9863,0 1,11.6105 7.0915L9.1907,16.1226A1,1 59.5273,0 1,7.9659 16.8297L7.9659,16.8297A1,1 59.5273,0 1,7.2588 15.6049L9.6787,6.5739A1,1 71.9863,0 1,10.9034 5.8668z"
+      android:fillColor="#7E7E7E"/>
+  <path
+      android:pathData="M11.5,4.5m-4.5,0a4.5,4.5 0,1 1,9 0a4.5,4.5 0,1 1,-9 0"
+      android:fillColor="#C14F29"/>
+  <path
+      android:pathData="M16,15m-2,0a2,2 0,1 1,4 0a2,2 0,1 1,-4 0"
+      android:fillColor="#C14F29"/>
+  <path
+      android:pathData="M20,19m-2,0a2,2 0,1 1,4 0a2,2 0,1 1,-4 0"
+      android:fillColor="#C14F29"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_heart.xml b/app/src/main/res/drawable/ic_heart.xml
new file mode 100644
index 0000000..3a830cb
--- /dev/null
+++ b/app/src/main/res/drawable/ic_heart.xml
@@ -0,0 +1,19 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <group>
+    <clip-path
+        android:pathData="M0,0h24v24h-24z"/>
+    <path
+        android:pathData="M10.9125,6.5407L11.9731,7.6013L13.0338,6.5407L13.9071,5.6673C15.733,3.8415 18.6933,3.8415 20.5192,5.6673C22.345,7.4932 22.345,10.4535 20.5192,12.2794L19.6458,13.1527L11.9731,20.8254L4.3005,13.1527L3.4271,12.2794C1.6013,10.4535 1.6013,7.4932 3.4271,5.6673C5.253,3.8415 8.2133,3.8415 10.0391,5.6673L10.9125,6.5407Z"
+        android:strokeWidth="3"
+        android:fillColor="#4D4D4D"
+        android:strokeColor="#ffffff"/>
+    <path
+        android:pathData="M17.1111,13.8088C18.4009,12.519 18.4009,10.4277 17.1111,9.1379C15.8213,7.8481 13.73,7.8481 12.4402,9.1379L11.9731,9.605L11.5061,9.1379C10.2162,7.8481 8.125,7.8481 6.8352,9.1379C5.5454,10.4277 5.5454,12.519 6.8352,13.8088L7.3023,14.2759L11.5061,18.4796C11.764,18.7376 12.1823,18.7376 12.4402,18.4796L16.644,14.2759L17.1111,13.8088Z"
+        android:fillColor="#AB1300"
+        android:fillType="evenOdd"/>
+  </group>
+</vector>
diff --git a/app/src/main/res/drawable/ic_here.xml b/app/src/main/res/drawable/ic_here.xml
new file mode 100644
index 0000000..6da534d
--- /dev/null
+++ b/app/src/main/res/drawable/ic_here.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,1.5C12.8284,1.5 13.5,2.1716 13.5,3V4.1404C16.7154,4.7503 19.2497,7.2846 19.8596,10.5H21C21.8284,10.5 22.5,11.1716 22.5,12C22.5,12.8284 21.8284,13.5 21,13.5H19.8596C19.2497,16.7154 16.7154,19.2497 13.5,19.8596V21C13.5,21.8284 12.8284,22.5 12,22.5C11.1716,22.5 10.5,21.8284 10.5,21V19.8596C7.2846,19.2497 4.7503,16.7154 4.1404,13.5H3C2.1716,13.5 1.5,12.8284 1.5,12C1.5,11.1716 2.1716,10.5 3,10.5H4.1404C4.7503,7.2846 7.2846,4.7503 10.5,4.1404V3C10.5,2.1716 11.1716,1.5 12,1.5ZM17,12C17,14.7614 14.7614,17 12,17C9.2386,17 7,14.7614 7,12C7,9.2386 9.2386,7 12,7C14.7614,7 17,9.2386 17,12ZM12,15C13.6569,15 15,13.6569 15,12C15,10.3431 13.6569,9 12,9C10.3431,9 9,10.3431 9,12C9,13.6569 10.3431,15 12,15Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_house.xml b/app/src/main/res/drawable/ic_house.xml
new file mode 100644
index 0000000..ec1234e
--- /dev/null
+++ b/app/src/main/res/drawable/ic_house.xml
@@ -0,0 +1,19 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <group>
+    <clip-path
+        android:pathData="M0,0h24v24h-24z"/>
+    <path
+        android:pathData="M4,9L20,9A1,1 0,0 1,21 10L21,22A1,1 0,0 1,20 23L4,23A1,1 0,0 1,3 22L3,10A1,1 0,0 1,4 9z"
+        android:fillColor="#FFF2D9"/>
+    <path
+        android:pathData="M11.3714,1.5081C11.7381,1.2117 12.2619,1.2117 12.6286,1.5081L22.791,9.7223C23.5242,10.3149 23.1052,11.5 22.1624,11.5H1.8376C0.8948,11.5 0.4758,10.3149 1.209,9.7223L11.3714,1.5081Z"
+        android:fillColor="#E85C4A"/>
+    <path
+        android:pathData="M9,18C9,17.4477 9.4477,17 10,17H14C14.5523,17 15,17.4477 15,18V23H9V18Z"
+        android:fillColor="#997328"/>
+  </group>
+</vector>
diff --git a/app/src/main/res/drawable/ic_image.xml b/app/src/main/res/drawable/ic_image.xml
new file mode 100644
index 0000000..9c340ae
--- /dev/null
+++ b/app/src/main/res/drawable/ic_image.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M3,5C3,3.8954 3.8954,3 5,3H19C20.1046,3 21,3.8954 21,5V19C21,20.1046 20.1046,21 19,21H5C3.8954,21 3,20.1046 3,19V5ZM19,5H5V15L7.4203,12.5797C7.7574,12.2426 8.2855,12.1903 8.6821,12.4547L10.2523,13.5016C10.6776,13.785 11.2481,13.7023 11.5753,13.3097L15.216,8.9408C15.621,8.4548 16.3698,8.4623 16.7651,8.9563L19,11.75V5ZM19,19H18.9506L19,18.937V19ZM8.5,10C9.3284,10 10,9.3284 10,8.5C10,7.6716 9.3284,7 8.5,7C7.6716,7 7,7.6716 7,8.5C7,9.3284 7.6716,10 8.5,10Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_image_view.xml b/app/src/main/res/drawable/ic_image_view.xml
new file mode 100644
index 0000000..24f0392
--- /dev/null
+++ b/app/src/main/res/drawable/ic_image_view.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M5,3C3.8954,3 3,3.8954 3,5V9C3,10.1046 3.8954,11 5,11H9C10.1046,11 11,10.1046 11,9V5C11,3.8954 10.1046,3 9,3H5ZM5,13C3.8954,13 3,13.8954 3,15V19C3,20.1046 3.8954,21 5,21H9C10.1046,21 11,20.1046 11,19V15C11,13.8954 10.1046,13 9,13H5ZM13,5C13,3.8954 13.8954,3 15,3H19C20.1046,3 21,3.8954 21,5V9C21,10.1046 20.1046,11 19,11H15C13.8954,11 13,10.1046 13,9V5ZM15,13C13.8954,13 13,13.8954 13,15V19C13,20.1046 13.8954,21 15,21H19C20.1046,21 21,20.1046 21,19V15C21,13.8954 20.1046,13 19,13H15Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_keyboard_down.xml b/app/src/main/res/drawable/ic_keyboard_down.xml
new file mode 100644
index 0000000..4298c31
--- /dev/null
+++ b/app/src/main/res/drawable/ic_keyboard_down.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M2,5C2,3.8954 2.8954,3 4,3H20C21.1046,3 22,3.8954 22,5V14C22,15.1046 21.1046,16 20,16H4C2.8954,16 2,15.1046 2,14V5ZM5.5,6.5C5.5,5.9477 5.9477,5.5 6.5,5.5H7.5C8.0523,5.5 8.5,5.9477 8.5,6.5V7.5C8.5,8.0523 8.0523,8.5 7.5,8.5H6.5C5.9477,8.5 5.5,8.0523 5.5,7.5V6.5ZM11.5,5.5C10.9477,5.5 10.5,5.9477 10.5,6.5V7.5C10.5,8.0523 10.9477,8.5 11.5,8.5H12.5C13.0523,8.5 13.5,8.0523 13.5,7.5V6.5C13.5,5.9477 13.0523,5.5 12.5,5.5H11.5ZM15.5,6.5C15.5,5.9477 15.9477,5.5 16.5,5.5H17.5C18.0523,5.5 18.5,5.9477 18.5,6.5V7.5C18.5,8.0523 18.0523,8.5 17.5,8.5H16.5C15.9477,8.5 15.5,8.0523 15.5,7.5V6.5ZM9,10.5C8.4477,10.5 8,10.9477 8,11.5V12.5C8,13.0523 8.4477,13.5 9,13.5H10C10.5523,13.5 11,13.0523 11,12.5V11.5C11,10.9477 10.5523,10.5 10,10.5H9ZM13,11.5C13,10.9477 13.4477,10.5 14,10.5H15C15.5523,10.5 16,10.9477 16,11.5V12.5C16,13.0523 15.5523,13.5 15,13.5H14C13.4477,13.5 13,13.0523 13,12.5V11.5ZM12,19.5858L10.7071,18.2929C10.3166,17.9024 9.6834,17.9024 9.2929,18.2929C8.9024,18.6834 8.9024,19.3166 9.2929,19.7071L11.2929,21.7071C11.6834,22.0976 12.3166,22.0976 12.7071,21.7071L14.7071,19.7071C15.0976,19.3166 15.0976,18.6834 14.7071,18.2929C14.3166,17.9024 13.6834,17.9024 13.2929,18.2929L12,19.5858Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_list_view.xml b/app/src/main/res/drawable/ic_list_view.xml
new file mode 100644
index 0000000..06a21f4
--- /dev/null
+++ b/app/src/main/res/drawable/ic_list_view.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M4.5,4C3.6716,4 3,4.6716 3,5.5C3,6.3284 3.6716,7 4.5,7C5.3284,7 6,6.3284 6,5.5C6,4.6716 5.3284,4 4.5,4ZM4.5,10.5C3.6716,10.5 3,11.1716 3,12C3,12.8284 3.6716,13.5 4.5,13.5C5.3284,13.5 6,12.8284 6,12C6,11.1716 5.3284,10.5 4.5,10.5ZM3,18.5C3,17.6716 3.6716,17 4.5,17C5.3284,17 6,17.6716 6,18.5C6,19.3284 5.3284,20 4.5,20C3.6716,20 3,19.3284 3,18.5ZM9.5,4C8.6716,4 8,4.6716 8,5.5C8,6.3284 8.6716,7 9.5,7H19.5C20.3284,7 21,6.3284 21,5.5C21,4.6716 20.3284,4 19.5,4H9.5ZM8,12C8,11.1716 8.6716,10.5 9.5,10.5H19.5C20.3284,10.5 21,11.1716 21,12C21,12.8284 20.3284,13.5 19.5,13.5H9.5C8.6716,13.5 8,12.8284 8,12ZM9.5,17C8.6716,17 8,17.6716 8,18.5C8,19.3284 8.6716,20 9.5,20H19.5C20.3284,20 21,19.3284 21,18.5C21,17.6716 20.3284,17 19.5,17H9.5Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_more.xml b/app/src/main/res/drawable/ic_more.xml
new file mode 100644
index 0000000..425551d
--- /dev/null
+++ b/app/src/main/res/drawable/ic_more.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M7,12C7,13.1046 6.1046,14 5,14C3.8954,14 3,13.1046 3,12C3,10.8954 3.8954,10 5,10C6.1046,10 7,10.8954 7,12ZM14,12C14,13.1046 13.1046,14 12,14C10.8954,14 10,13.1046 10,12C10,10.8954 10.8954,10 12,10C13.1046,10 14,10.8954 14,12ZM19,14C20.1046,14 21,13.1046 21,12C21,10.8954 20.1046,10 19,10C17.8954,10 17,10.8954 17,12C17,13.1046 17.8954,14 19,14Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_office.xml b/app/src/main/res/drawable/ic_office.xml
new file mode 100644
index 0000000..b43e0e9
--- /dev/null
+++ b/app/src/main/res/drawable/ic_office.xml
@@ -0,0 +1,21 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M4,1L20,1A1,1 0,0 1,21 2L21,22A1,1 0,0 1,20 23L4,23A1,1 0,0 1,3 22L3,2A1,1 0,0 1,4 1z"
+      android:fillColor="#F6F6F6"/>
+  <path
+      android:pathData="M9,18C9,17.4477 9.4477,17 10,17H14C14.5523,17 15,17.4477 15,18V23H9V18Z"
+      android:fillColor="#4D4D4D"/>
+  <path
+      android:pathData="M6,4L18,4A1,1 0,0 1,19 5L19,5A1,1 0,0 1,18 6L6,6A1,1 0,0 1,5 5L5,5A1,1 0,0 1,6 4z"
+      android:fillColor="#5B91F5"/>
+  <path
+      android:pathData="M6,8L18,8A1,1 0,0 1,19 9L19,9A1,1 0,0 1,18 10L6,10A1,1 0,0 1,5 9L5,9A1,1 0,0 1,6 8z"
+      android:fillColor="#5B91F5"/>
+  <path
+      android:pathData="M6,12L18,12A1,1 0,0 1,19 13L19,13A1,1 0,0 1,18 14L6,14A1,1 0,0 1,5 13L5,13A1,1 0,0 1,6 12z"
+      android:fillColor="#5B91F5"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_place.xml b/app/src/main/res/drawable/ic_place.xml
new file mode 100644
index 0000000..de42dae
--- /dev/null
+++ b/app/src/main/res/drawable/ic_place.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12.7519,22.0695C14.7428,19.5565 20,12.5817 20,9C20,4.5817 16.4183,1 12,1C7.5817,1 4,4.5817 4,9C4,12.5817 9.2572,19.5565 11.2481,22.0695C11.6354,22.5584 12.3646,22.5584 12.7519,22.0695ZM12,13C14.2091,13 16,11.2091 16,9C16,6.7909 14.2091,5 12,5C9.7909,5 8,6.7909 8,9C8,11.2091 9.7909,13 12,13Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_profile.xml b/app/src/main/res/drawable/ic_profile.xml
new file mode 100644
index 0000000..e78566b
--- /dev/null
+++ b/app/src/main/res/drawable/ic_profile.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,11.5C14.7614,11.5 17,9.2614 17,6.5C17,3.7386 14.7614,1.5 12,1.5C9.2386,1.5 7,3.7386 7,6.5C7,9.2614 9.2386,11.5 12,11.5ZM12,22C15.866,22 20,20.9853 20,18.5C20,16.0147 15.866,13 12,13C8.134,13 4,16.0147 4,18.5C4,20.9853 8.134,22 12,22Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_recent.xml b/app/src/main/res/drawable/ic_recent.xml
new file mode 100644
index 0000000..c44834e
--- /dev/null
+++ b/app/src/main/res/drawable/ic_recent.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,19C8.134,19 5,15.866 5,12C5,8.134 8.134,5 12,5C15.866,5 19,8.134 19,12C19,15.866 15.866,19 12,19ZM2,12C2,6.4771 6.4771,2 12,2C17.5228,2 22,6.4771 22,12C22,17.5228 17.5228,22 12,22C6.4771,22 2,17.5228 2,12ZM13.5,9C13.5,8.1716 12.8284,7.5 12,7.5C11.1716,7.5 10.5,8.1716 10.5,9V12.0001C10.5,12.3979 10.658,12.7794 10.9393,13.0607L12.9393,15.0607C13.5251,15.6464 14.4748,15.6464 15.0606,15.0607C15.6464,14.4749 15.6464,13.5251 15.0606,12.9393L13.5,11.3787V9Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_restaurant.xml b/app/src/main/res/drawable/ic_restaurant.xml
new file mode 100644
index 0000000..99a99ee
--- /dev/null
+++ b/app/src/main/res/drawable/ic_restaurant.xml
@@ -0,0 +1,24 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,12m-9,0a9,9 0,1 1,18 0a9,9 0,1 1,-18 0"
+      android:fillColor="#ffffff"/>
+  <path
+      android:pathData="M21,12C21.5523,12 22.0052,12.4488 21.95,12.9983C21.8526,13.9691 21.6135,14.9222 21.2388,15.8268C20.7362,17.0401 19.9997,18.1425 19.0711,19.0711C18.1425,19.9997 17.0401,20.7362 15.8268,21.2388C14.6136,21.7413 13.3132,22 12,22C10.6868,22 9.3864,21.7413 8.1732,21.2388C6.9599,20.7362 5.8575,19.9997 4.9289,19.0711C4.0003,18.1425 3.2638,17.0401 2.7612,15.8268C2.3865,14.9222 2.1474,13.9691 2.05,12.9983C1.9948,12.4488 2.4477,12 3,12L12,12H21Z"
+      android:fillColor="#1E54B7"/>
+  <path
+      android:pathData="M9,20L15,20A1,1 0,0 1,16 21L16,23A1,1 0,0 1,15 24L9,24A1,1 0,0 1,8 23L8,21A1,1 0,0 1,9 20z"
+      android:fillColor="#1E54B7"/>
+  <path
+      android:pathData="M12,3m-2,0a2,2 0,1 1,4 0a2,2 0,1 1,-4 0"
+      android:fillColor="#ffffff"/>
+  <path
+      android:pathData="M15,4m-2,0a2,2 0,1 1,4 0a2,2 0,1 1,-4 0"
+      android:fillColor="#ffffff"/>
+  <path
+      android:pathData="M9,4m-2,0a2,2 0,1 1,4 0a2,2 0,1 1,-4 0"
+      android:fillColor="#ffffff"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_search.xml b/app/src/main/res/drawable/ic_search.xml
new file mode 100644
index 0000000..ab8c311
--- /dev/null
+++ b/app/src/main/res/drawable/ic_search.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M15,10C15,12.7614 12.7614,15 10,15C7.2386,15 5,12.7614 5,10C5,7.2386 7.2386,5 10,5C12.7614,5 15,7.2386 15,10ZM14.4964,16.6178C13.215,17.4901 11.6671,18 10,18C5.5817,18 2,14.4183 2,10C2,5.5817 5.5817,2 10,2C14.4183,2 18,5.5817 18,10C18,11.6671 17.4901,13.215 16.6178,14.4964L21.0607,18.9393C21.6464,19.5251 21.6464,20.4749 21.0607,21.0607C20.4749,21.6464 19.5251,21.6464 18.9393,21.0607L14.4964,16.6178Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_setting.xml b/app/src/main/res/drawable/ic_setting.xml
new file mode 100644
index 0000000..2676df6
--- /dev/null
+++ b/app/src/main/res/drawable/ic_setting.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M9.0001,3C9.0001,2.4477 9.4478,2 10.0001,2H14.0001C14.5524,2 15.0001,2.4477 15.0001,3V4.5815C15.6949,4.8628 16.3413,5.2388 16.923,5.6936L18.2942,4.902C18.7725,4.6258 19.3841,4.7897 19.6603,5.268L21.6603,8.7321C21.9364,9.2104 21.7725,9.822 21.2942,10.0981L19.9236,10.8894C19.974,11.2524 20.0001,11.6232 20.0001,12C20.0001,12.3768 19.9741,12.7475 19.9237,13.1104L21.2942,13.9017C21.7725,14.1779 21.9364,14.7895 21.6603,15.2678L19.6603,18.7319C19.3841,19.2102 18.7725,19.374 18.2942,19.0979L16.9231,18.3063C16.3413,18.7611 15.695,19.1372 15.0001,19.4185V21C15.0001,21.5523 14.5524,22 14.0001,22H10.0001C9.4478,22 9.0001,21.5523 9.0001,21V19.4185C8.3053,19.1372 7.6589,18.7612 7.0771,18.3064L5.7057,19.0981C5.2274,19.3743 4.6158,19.2104 4.3397,18.7321L2.3397,15.268C2.0636,14.7897 2.2274,14.1781 2.7057,13.902L4.0766,13.1105C4.0262,12.7476 4.0001,12.3768 4.0001,12C4.0001,11.6231 4.0262,11.2523 4.0766,10.8893L2.7057,10.0979C2.2274,9.8217 2.0636,9.2101 2.3397,8.7319L4.3397,5.2678C4.6158,4.7895 5.2274,4.6256 5.7057,4.9017L7.0772,5.6936C7.659,5.2388 8.3053,4.8628 9.0001,4.5815V3ZM9.0001,12C9.0001,13.6569 10.3432,15 12.0001,15C13.657,15 15.0001,13.6569 15.0001,12C15.0001,10.3431 13.657,9 12.0001,9C10.3432,9 9.0001,10.3431 9.0001,12Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_shop.xml b/app/src/main/res/drawable/ic_shop.xml
new file mode 100644
index 0000000..ad3bb61
--- /dev/null
+++ b/app/src/main/res/drawable/ic_shop.xml
@@ -0,0 +1,19 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M15,10V6C15,4.3432 13.6569,3 12,3C10.3431,3 9,4.3432 9,6V10C9,11.6569 10.3431,13 12,13C13.6569,13 15,11.6569 15,10ZM12,0C8.6863,0 6,2.6863 6,6V10C6,13.3137 8.6863,16 12,16C15.3137,16 18,13.3137 18,10V6C18,2.6863 15.3137,0 12,0Z"
+      android:fillColor="#574191"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M1.3642,11.2747C1.1817,10.6359 1.6614,10 2.3257,10H21.6743C22.3386,10 22.8183,10.6359 22.6358,11.2747L19.2072,23.2747C19.0846,23.704 18.6922,24 18.2457,24H5.7543C5.3078,24 4.9154,23.704 4.7928,23.2747L1.3642,11.2747Z"
+      android:fillColor="#ffffff"/>
+  <path
+      android:pathData="M7.5,13.5m-1.5,0a1.5,1.5 0,1 1,3 0a1.5,1.5 0,1 1,-3 0"
+      android:fillColor="#574191"/>
+  <path
+      android:pathData="M16.5,13.5m-1.5,0a1.5,1.5 0,1 1,3 0a1.5,1.5 0,1 1,-3 0"
+      android:fillColor="#574191"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_star.xml b/app/src/main/res/drawable/ic_star.xml
new file mode 100644
index 0000000..16a70f8
--- /dev/null
+++ b/app/src/main/res/drawable/ic_star.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M13.8885,9.9833L12,6.8337L10.1115,9.9833L6.5204,10.818L8.938,13.6133L8.6204,17.2864L12,15.8493L15.3796,17.2864L15.062,13.6133L17.4796,10.818L13.8885,9.9833ZM8.1929,7.3493L2.6137,8.6462C1.8807,8.8166 1.5914,9.7051 2.0838,10.2744L5.84,14.6174L5.3449,20.3426C5.28,21.094 6.0384,21.6442 6.7325,21.3491L12,19.1093L17.2675,21.3491C17.9615,21.6442 18.72,21.094 18.655,20.3426L18.16,14.6174L21.9162,10.2744C22.4085,9.7051 22.1193,8.8166 21.3863,8.6462L15.8071,7.3493L12.8576,2.4303C12.4693,1.7827 11.5307,1.7827 11.1423,2.4303L8.1929,7.3493Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_statistics.xml b/app/src/main/res/drawable/ic_statistics.xml
new file mode 100644
index 0000000..943186a
--- /dev/null
+++ b/app/src/main/res/drawable/ic_statistics.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M9.5,4C9.5,3.4477 9.9477,3 10.5,3H13.5C14.0523,3 14.5,3.4477 14.5,4V20C14.5,20.5523 14.0523,21 13.5,21H10.5C9.9477,21 9.5,20.5523 9.5,20V4ZM3,12C3,11.4477 3.4477,11 4,11H7C7.5523,11 8,11.4477 8,12V20C8,20.5523 7.5523,21 7,21H4C3.4477,21 3,20.5523 3,20V12ZM17,7C16.4477,7 16,7.4477 16,8V20C16,20.5523 16.4477,21 17,21H20C20.5523,21 21,20.5523 21,20V8C21,7.4477 20.5523,7 20,7H17Z"
+      android:fillColor="#4D4D4D"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/primary_pill_button.xml b/app/src/main/res/drawable/primary_pill_button.xml
new file mode 100644
index 0000000..21502cb
--- /dev/null
+++ b/app/src/main/res/drawable/primary_pill_button.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/primary_pill_button_disabled" android:state_enabled="false" />
+    <item android:drawable="@drawable/primary_pill_button_pressed" android:state_enabled="true" android:state_pressed="true" />
+    <item android:drawable="@drawable/primary_pill_button_focused" android:state_enabled="true" android:state_focused="true" />
+    <item android:drawable="@drawable/primary_pill_button_enabled" android:state_enabled="true" />
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/primary_pill_button_disabled.xml b/app/src/main/res/drawable/primary_pill_button_disabled.xml
new file mode 100644
index 0000000..1ec2e59
--- /dev/null
+++ b/app/src/main/res/drawable/primary_pill_button_disabled.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/accentTertiary" />
+    <padding
+        android:bottom="16dp"
+        android:left="24dp"
+        android:right="24dp"
+        android:top="16dp" />
+    <corners android:radius="28dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/primary_pill_button_enabled.xml b/app/src/main/res/drawable/primary_pill_button_enabled.xml
new file mode 100644
index 0000000..f60590f
--- /dev/null
+++ b/app/src/main/res/drawable/primary_pill_button_enabled.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/accentPrimary" />
+    <padding
+        android:bottom="16dp"
+        android:left="24dp"
+        android:right="24dp"
+        android:top="16dp" />
+    <corners android:radius="28dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/primary_pill_button_focused.xml b/app/src/main/res/drawable/primary_pill_button_focused.xml
new file mode 100644
index 0000000..8b789b6
--- /dev/null
+++ b/app/src/main/res/drawable/primary_pill_button_focused.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/accentInversePrimary" />
+    <padding
+        android:bottom="16dp"
+        android:left="24dp"
+        android:right="24dp"
+        android:top="16dp" />
+    <corners android:radius="28dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/primary_pill_button_pressed.xml b/app/src/main/res/drawable/primary_pill_button_pressed.xml
new file mode 100644
index 0000000..d90951d
--- /dev/null
+++ b/app/src/main/res/drawable/primary_pill_button_pressed.xml
@@ -0,0 +1,10 @@
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/accentPrimaryPressed" />
+    <padding
+        android:bottom="16dp"
+        android:left="24dp"
+        android:right="24dp"
+        android:top="16dp" />
+    <corners android:radius="28dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/primary_rect_button.xml b/app/src/main/res/drawable/primary_rect_button.xml
new file mode 100644
index 0000000..2c398ee
--- /dev/null
+++ b/app/src/main/res/drawable/primary_rect_button.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/primary_rect_button_disabled" android:state_enabled="false" />
+    <item android:drawable="@drawable/primary_rect_button_pressed" android:state_enabled="true" android:state_pressed="true" />
+    <item android:drawable="@drawable/primary_rect_button_focused" android:state_enabled="true" android:state_focused="true" />
+    <item android:drawable="@drawable/primary_rect_button_enabled" android:state_enabled="true" />
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/primary_rect_button_disabled.xml b/app/src/main/res/drawable/primary_rect_button_disabled.xml
new file mode 100644
index 0000000..beb398e
--- /dev/null
+++ b/app/src/main/res/drawable/primary_rect_button_disabled.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/accentPrimaryDisabled" />
+    <padding
+        android:bottom="16dp"
+        android:left="16dp"
+        android:right="16dp"
+        android:top="16dp" />
+    <corners android:radius="16dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/primary_rect_button_enabled.xml b/app/src/main/res/drawable/primary_rect_button_enabled.xml
new file mode 100644
index 0000000..5c5255d
--- /dev/null
+++ b/app/src/main/res/drawable/primary_rect_button_enabled.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/accentPrimary" />
+    <padding
+        android:bottom="16dp"
+        android:left="16dp"
+        android:right="16dp"
+        android:top="16dp" />
+    <corners android:radius="16dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/primary_rect_button_focused.xml b/app/src/main/res/drawable/primary_rect_button_focused.xml
new file mode 100644
index 0000000..7922800
--- /dev/null
+++ b/app/src/main/res/drawable/primary_rect_button_focused.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/accentInversePrimary" />
+    <padding
+        android:bottom="16dp"
+        android:left="16dp"
+        android:right="16dp"
+        android:top="16dp" />
+    <corners android:radius="16dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/primary_rect_button_pressed.xml b/app/src/main/res/drawable/primary_rect_button_pressed.xml
new file mode 100644
index 0000000..30c21ad
--- /dev/null
+++ b/app/src/main/res/drawable/primary_rect_button_pressed.xml
@@ -0,0 +1,10 @@
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/accentPrimaryPressed" />
+    <padding
+        android:bottom="16dp"
+        android:left="16dp"
+        android:right="16dp"
+        android:top="16dp" />
+    <corners android:radius="16dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/progress.xml b/app/src/main/res/drawable/progress.xml
new file mode 100644
index 0000000..9d8b800
--- /dev/null
+++ b/app/src/main/res/drawable/progress.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:id="@android:id/background">
+        <shape>
+            <solid android:color="@color/backgroundPrimary" />
+        </shape>
+    </item>
+
+    <item android:id="@android:id/progress">
+
+        <scale android:scaleWidth="100%">
+            <shape>
+                <solid android:color="@color/accentPrimary" />
+            </shape>
+        </scale>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/secondary_pill_button.xml b/app/src/main/res/drawable/secondary_pill_button.xml
new file mode 100644
index 0000000..ca5e231
--- /dev/null
+++ b/app/src/main/res/drawable/secondary_pill_button.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/secondary_pill_button_disabled" android:state_enabled="false" />
+    <item android:drawable="@drawable/secondary_pill_button_pressed" android:state_enabled="true" android:state_pressed="true" />
+    <item android:drawable="@drawable/secondary_pill_button_focused" android:state_enabled="true" android:state_focused="true" />
+    <item android:drawable="@drawable/secondary_pill_button_enabled" android:state_enabled="true" />
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/secondary_pill_button_disabled.xml b/app/src/main/res/drawable/secondary_pill_button_disabled.xml
new file mode 100644
index 0000000..f201698
--- /dev/null
+++ b/app/src/main/res/drawable/secondary_pill_button_disabled.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/backgroundDisabled" />
+    <padding
+        android:bottom="16dp"
+        android:left="24dp"
+        android:right="24dp"
+        android:top="16dp" />
+    <corners android:radius="28dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/secondary_pill_button_enabled.xml b/app/src/main/res/drawable/secondary_pill_button_enabled.xml
new file mode 100644
index 0000000..1ec2e59
--- /dev/null
+++ b/app/src/main/res/drawable/secondary_pill_button_enabled.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/accentTertiary" />
+    <padding
+        android:bottom="16dp"
+        android:left="24dp"
+        android:right="24dp"
+        android:top="16dp" />
+    <corners android:radius="28dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/secondary_pill_button_focused.xml b/app/src/main/res/drawable/secondary_pill_button_focused.xml
new file mode 100644
index 0000000..1ec2e59
--- /dev/null
+++ b/app/src/main/res/drawable/secondary_pill_button_focused.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/accentTertiary" />
+    <padding
+        android:bottom="16dp"
+        android:left="24dp"
+        android:right="24dp"
+        android:top="16dp" />
+    <corners android:radius="28dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/secondary_pill_button_pressed.xml b/app/src/main/res/drawable/secondary_pill_button_pressed.xml
new file mode 100644
index 0000000..63e635a
--- /dev/null
+++ b/app/src/main/res/drawable/secondary_pill_button_pressed.xml
@@ -0,0 +1,10 @@
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/accentTertiaryPressed" />
+    <padding
+        android:bottom="16dp"
+        android:left="24dp"
+        android:right="24dp"
+        android:top="16dp" />
+    <corners android:radius="28dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/secondary_rect_button.xml b/app/src/main/res/drawable/secondary_rect_button.xml
new file mode 100644
index 0000000..c2d9db1
--- /dev/null
+++ b/app/src/main/res/drawable/secondary_rect_button.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@drawable/secondary_rect_button_disabled" android:state_enabled="false" />
+    <item android:drawable="@drawable/secondary_rect_button_pressed" android:state_enabled="true" android:state_pressed="true" />
+    <item android:drawable="@drawable/secondary_rect_button_focused" android:state_enabled="true" android:state_focused="true" />
+    <item android:drawable="@drawable/secondary_rect_button_enabled" android:state_enabled="true" />
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/secondary_rect_button_disabled.xml b/app/src/main/res/drawable/secondary_rect_button_disabled.xml
new file mode 100644
index 0000000..e196257
--- /dev/null
+++ b/app/src/main/res/drawable/secondary_rect_button_disabled.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/backgroundDisabled" />
+    <padding
+        android:bottom="16dp"
+        android:left="16dp"
+        android:right="16dp"
+        android:top="16dp" />
+    <corners android:radius="16dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/secondary_rect_button_enabled.xml b/app/src/main/res/drawable/secondary_rect_button_enabled.xml
new file mode 100644
index 0000000..864d4a8
--- /dev/null
+++ b/app/src/main/res/drawable/secondary_rect_button_enabled.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/accentTertiary" />
+    <padding
+        android:bottom="16dp"
+        android:left="16dp"
+        android:right="16dp"
+        android:top="16dp" />
+    <corners android:radius="16dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/secondary_rect_button_focused.xml b/app/src/main/res/drawable/secondary_rect_button_focused.xml
new file mode 100644
index 0000000..864d4a8
--- /dev/null
+++ b/app/src/main/res/drawable/secondary_rect_button_focused.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/accentTertiary" />
+    <padding
+        android:bottom="16dp"
+        android:left="16dp"
+        android:right="16dp"
+        android:top="16dp" />
+    <corners android:radius="16dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/secondary_rect_button_pressed.xml b/app/src/main/res/drawable/secondary_rect_button_pressed.xml
new file mode 100644
index 0000000..350ded9
--- /dev/null
+++ b/app/src/main/res/drawable/secondary_rect_button_pressed.xml
@@ -0,0 +1,10 @@
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/accentTertiaryPressed" />
+    <padding
+        android:bottom="16dp"
+        android:left="16dp"
+        android:right="16dp"
+        android:top="16dp" />
+    <corners android:radius="16dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/font/app_font.xml b/app/src/main/res/font/app_font.xml
new file mode 100644
index 0000000..b0230e5
--- /dev/null
+++ b/app/src/main/res/font/app_font.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<font-family 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"
+    tools:ignore="UnusedAttribute,ResourceCycle">
+    <font
+        android:font="@font/spoqa_hans_sans_neo_regular"
+        android:fontStyle="normal"
+        android:fontWeight="500"
+        app:font="@font/spoqa_hans_sans_neo_regular"
+        app:fontStyle="normal"
+        app:fontWeight="500" />
+
+</font-family>
\ No newline at end of file
diff --git a/app/src/main/res/font/spoqa_hans_sans_neo_bold.otf b/app/src/main/res/font/spoqa_hans_sans_neo_bold.otf
new file mode 100644
index 0000000..de9da4c
Binary files /dev/null and b/app/src/main/res/font/spoqa_hans_sans_neo_bold.otf differ
diff --git a/app/src/main/res/font/spoqa_hans_sans_neo_light.otf b/app/src/main/res/font/spoqa_hans_sans_neo_light.otf
new file mode 100644
index 0000000..bd6d4c7
Binary files /dev/null and b/app/src/main/res/font/spoqa_hans_sans_neo_light.otf differ
diff --git a/app/src/main/res/font/spoqa_hans_sans_neo_medium.otf b/app/src/main/res/font/spoqa_hans_sans_neo_medium.otf
new file mode 100644
index 0000000..ba3da28
Binary files /dev/null and b/app/src/main/res/font/spoqa_hans_sans_neo_medium.otf differ
diff --git a/app/src/main/res/font/spoqa_hans_sans_neo_regular.otf b/app/src/main/res/font/spoqa_hans_sans_neo_regular.otf
new file mode 100644
index 0000000..0a0ff83
Binary files /dev/null and b/app/src/main/res/font/spoqa_hans_sans_neo_regular.otf differ
diff --git a/app/src/main/res/font/spoqa_hans_sans_neo_thin.otf b/app/src/main/res/font/spoqa_hans_sans_neo_thin.otf
new file mode 100644
index 0000000..05eeb72
Binary files /dev/null and b/app/src/main/res/font/spoqa_hans_sans_neo_thin.otf differ
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
index 4fc2444..54e4420 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -1,18 +1,19 @@
 <?xml version="1.0" encoding="utf-8"?>
 <androidx.constraintlayout.widget.ConstraintLayout 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=".MainActivity">
+    app:layout_behavior="@string/appbar_scrolling_view_behavior">
 
-    <TextView
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="Hello World!"
+    <androidx.fragment.app.FragmentContainerView
+        android:id="@+id/nav_host_fragment"
+        android:name="androidx.navigation.fragment.NavHostFragment"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        app:defaultNavHost="true"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
-
+        app:layout_constraintTop_toTopOf="parent"
+        app:navGraph="@navigation/navigation_sticky" />
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/dialog_checkout.xml b/app/src/main/res/layout/dialog_checkout.xml
new file mode 100644
index 0000000..9f21c95
--- /dev/null
+++ b/app/src/main/res/layout/dialog_checkout.xml
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="280dp"
+        android:layout_height="212dp"
+        android:layout_gravity="center"
+        android:background="@drawable/dialog_checkout">
+
+        <androidx.appcompat.widget.AppCompatTextView
+            android:id="@+id/appCompatTextView4"
+            style="@style/SubtitleLarge"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="16dp"
+            android:layout_marginTop="24dp"
+            android:letterSpacing="-0.02"
+            android:text="정말 체크아웃 할까요?"
+            android:textColor="@color/contentPrimary"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <androidx.appcompat.widget.AppCompatTextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="16dp"
+            android:layout_marginTop="20dp"
+            android:layout_marginEnd="16dp"
+            android:letterSpacing="-0.03"
+            android:text="체크아웃을 누르면 해당 장소에서의 기록이 저장되며 되돌릴 수 없습니다."
+            android:textColor="@color/contentSecondary"
+            android:textSize="16sp"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/appCompatTextView4" />
+
+        <androidx.appcompat.widget.AppCompatButton
+            android:id="@+id/cancel"
+            style="@style/Button.Rect.Large.Secondary"
+            android:layout_width="120dp"
+            android:layout_height="48dp"
+            android:layout_marginStart="16dp"
+            android:layout_marginBottom="16dp"
+            android:stateListAnimator="@null"
+            android:text="@string/cancel"
+            android:textSize="16sp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent" />
+
+        <androidx.appcompat.widget.AppCompatButton
+            android:id="@+id/ok"
+            style="@style/Button.Rect.Large.Primary"
+            android:layout_width="120dp"
+            android:layout_height="48dp"
+            android:layout_marginEnd="16dp"
+            android:layout_marginBottom="16dp"
+            android:stateListAnimator="@null"
+            android:text="@string/check_out"
+            android:textSize="16sp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent" />
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</FrameLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_check_in.xml b/app/src/main/res/layout/fragment_check_in.xml
new file mode 100644
index 0000000..ab6123e
--- /dev/null
+++ b/app/src/main/res/layout/fragment_check_in.xml
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+
+        <variable
+            name="viewPagerViewModel"
+            type="com.deo.sticky.features.checkin.ViewPagerViewModel" />
+    </data>
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:background="@color/backgroundPrimary"
+        android:focusable="true"
+        android:focusableInTouchMode="true"
+        android:orientation="vertical">
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/toolbar"
+            android:layout_width="match_parent"
+            android:layout_height="56dp"
+            android:background="@color/backgroundPrimary"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent">
+
+            <androidx.appcompat.widget.AppCompatImageButton
+                android:id="@+id/back"
+                android:layout_width="40dp"
+                android:layout_height="40dp"
+                android:layout_marginStart="8dp"
+                android:background="@color/backgroundPrimary"
+                android:src="@drawable/ic_arrow_left"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <androidx.appcompat.widget.AppCompatTextView
+                android:id="@+id/progress_label"
+                style="@style/SubtitleLarge"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="@{viewPagerViewModel.pageDescription}"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent" />
+
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+        <ProgressBar
+            android:id="@+id/progress"
+            style="?android:attr/progressBarStyleHorizontal"
+            android:layout_width="match_parent"
+            android:layout_height="2dp"
+            android:max="@{viewPagerViewModel.max}"
+            android:progress="@{viewPagerViewModel.progress}"
+            android:progressDrawable="@drawable/progress"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/toolbar" />
+
+        <androidx.viewpager2.widget.ViewPager2
+            android:id="@+id/viewPager"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent" />
+    </LinearLayout>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_check_in_category.xml b/app/src/main/res/layout/fragment_check_in_category.xml
new file mode 100644
index 0000000..585da85
--- /dev/null
+++ b/app/src/main/res/layout/fragment_check_in_category.xml
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="utf-8"?>
+<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">
+
+    <data>
+
+        <variable
+            name="categoryViewModel"
+            type="com.deo.sticky.features.checkin.CategoryViewModel" />
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:background="@color/backgroundPrimary"
+        android:orientation="vertical">
+
+        <androidx.appcompat.widget.AppCompatTextView
+            android:id="@+id/appCompatTextView3"
+            style="@style/HeadlineXSmall"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="16dp"
+            android:layout_marginTop="24dp"
+            android:text="@string/how_do_you_spend_time"
+            android:textFontWeight="700"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <androidx.recyclerview.widget.RecyclerView
+            android:id="@+id/recycler"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:paddingTop="8dp"
+            app:layout_constrainedHeight="true"
+            app:layout_constraintBottom_toTopOf="@+id/start_section"
+            app:layout_constraintTop_toBottomOf="@+id/appCompatTextView3" />
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/start_section"
+            android:layout_width="match_parent"
+            android:layout_height="88dp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent">
+
+            <Button
+                android:id="@+id/start"
+                style="@style/Button.Rect.Large.Primary"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="16dp"
+                android:layout_marginEnd="16dp"
+                android:layout_marginBottom="16dp"
+                android:enabled="@{categoryViewModel.selectedCategory.id != null}"
+                android:text="@string/start"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent" />
+        </androidx.constraintlayout.widget.ConstraintLayout>
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_check_in_place.xml b/app/src/main/res/layout/fragment_check_in_place.xml
new file mode 100644
index 0000000..6718238
--- /dev/null
+++ b/app/src/main/res/layout/fragment_check_in_place.xml
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <data>
+
+        <variable
+            name="placeViewModel"
+            type="com.deo.sticky.features.checkin.PlaceViewModel" />
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:background="@color/backgroundPrimary"
+        android:focusable="true"
+        android:focusableInTouchMode="true">
+
+        <androidx.appcompat.widget.AppCompatTextView
+            android:id="@+id/appCompatTextView"
+            style="@style/HeadlineXSmall"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="16dp"
+            android:layout_marginTop="24dp"
+            android:text="@string/check_in_title"
+            android:textFontWeight="700"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <androidx.appcompat.widget.AppCompatEditText
+            android:id="@+id/editText"
+            android:layout_width="match_parent"
+            android:layout_height="48dp"
+            android:layout_marginStart="16dp"
+            android:layout_marginTop="24dp"
+            android:layout_marginEnd="16dp"
+            android:background="@drawable/check_in_edit_text"
+            android:hint="강남 스타벅스"
+            android:paddingStart="16dp"
+            android:textCursorDrawable="@drawable/cursor_color"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/appCompatTextView" />
+
+        <androidx.appcompat.widget.AppCompatTextView
+            android:id="@+id/appCompatTextView2"
+            style="@style/BodyMedium"
+            android:layout_width="wrap_content"
+            android:layout_height="24dp"
+            android:layout_marginStart="16dp"
+            android:layout_marginTop="6dp"
+            android:gravity="center"
+            android:text="@string/check_in_subtitle"
+            android:textColor="@color/contentTertiary"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/editText" />
+
+        <Button
+            android:id="@+id/next"
+            style="@style/Button.Rect.Large.Primary"
+            android:layout_width="match_parent"
+            android:layout_height="56dp"
+            android:layout_marginStart="16dp"
+            android:layout_marginEnd="16dp"
+            android:layout_marginBottom="16dp"
+            android:enabled="@{!placeViewModel.placeName.empty}"
+            android:text="@string/next"
+            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/fragment_map.xml b/app/src/main/res/layout/fragment_map.xml
new file mode 100644
index 0000000..095e437
--- /dev/null
+++ b/app/src/main/res/layout/fragment_map.xml
@@ -0,0 +1,245 @@
+<?xml version="1.0" encoding="utf-8"?>
+<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">
+
+    <data>
+
+        <variable
+            name="checkInViewModel"
+            type="com.deo.sticky.features.checkin.CheckInViewModel" />
+
+        <variable
+            name="placeViewModel"
+            type="com.deo.sticky.features.checkin.PlaceViewModel" />
+
+        <variable
+            name="categoryViewModel"
+            type="com.deo.sticky.features.checkin.CategoryViewModel" />
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <androidx.fragment.app.FragmentContainerView
+            android:id="@+id/fragment_map"
+            android:name="com.google.android.gms.maps.SupportMapFragment"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            tools:context=".MapsActivity"
+            tools:layout_editor_absoluteX="0dp"
+            tools:layout_editor_absoluteY="57dp" />
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:layout_width="match_parent"
+            android:layout_height="56dp"
+            android:layout_marginTop="24dp"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent">
+
+            <ImageButton
+                android:id="@+id/statistic"
+                android:layout_width="48dp"
+                android:layout_height="48dp"
+                android:layout_marginStart="16dp"
+                android:background="@drawable/circle_button"
+                android:clickable="true"
+                android:contentDescription="통계 버튼"
+                android:elevation="24dp"
+                android:src="@drawable/ic_statistics"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"
+                tools:ignore="HardcodedText" />
+
+            <com.deo.sticky.custom_view.OutlineTextView
+                android:id="@+id/outlineTextView"
+                style="@style/HeadlineXSmall"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="강남구"
+                android:textColor="@color/black"
+                android:textFontWeight="700"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"
+                app:outlineColor="@color/white"
+                app:outlineWidth="2.0" />
+
+            <ImageButton
+                android:id="@+id/setting"
+                android:layout_width="48dp"
+                android:layout_height="48dp"
+                android:layout_marginEnd="16dp"
+                android:background="@drawable/circle_button"
+                android:elevation="24dp"
+                android:src="@drawable/ic_setting"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintTop_toTopOf="parent" />
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+        <Button
+            android:id="@+id/check_in"
+            style="@style/Button.Pill.Large.Primary"
+            android:layout_width="156dp"
+            android:layout_height="56dp"
+            android:layout_marginBottom="24dp"
+            android:elevation="24dp"
+            android:text="@string/check_in"
+            android:visibility="gone"
+            app:is_visible="@{!checkInViewModel.isCheckIn}"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent" />
+
+        <ImageButton
+            android:id="@+id/here"
+            android:layout_width="48dp"
+            android:layout_height="48dp"
+            android:layout_marginEnd="16dp"
+            android:layout_marginBottom="24dp"
+            android:background="@drawable/circle_button"
+            android:elevation="24dp"
+            android:src="@drawable/ic_here"
+            app:layout_constraintBottom_toTopOf="@+id/checkInBottomSheet"
+            app:layout_constraintEnd_toEndOf="parent" />
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/checkInBottomSheet"
+            android:layout_width="match_parent"
+            android:layout_height="252dp"
+            android:background="@drawable/bottom_sheet_background"
+            android:elevation="24dp"
+            android:visibility="gone"
+            app:is_visible="@{checkInViewModel.isCheckIn}"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintHorizontal_bias="0.0"
+            app:layout_constraintStart_toStartOf="parent">
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:id="@+id/timer_layout"
+                android:layout_width="match_parent"
+                android:layout_height="92dp"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent">
+
+                <androidx.appcompat.widget.AppCompatTextView
+                    android:id="@+id/recording_time"
+                    style="@style/HeadlineXSmall"
+                    android:layout_width="252dp"
+                    android:layout_height="28dp"
+                    android:layout_marginStart="16dp"
+                    android:layout_marginTop="24dp"
+                    android:gravity="center_vertical"
+                    android:text="00 : 00 : 00"
+                    android:textColor="@color/contentPrimary"
+                    android:textFontWeight="700"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent" />
+
+                <androidx.appcompat.widget.AppCompatTextView
+                    android:id="@+id/place_category"
+                    style="@style/BodyMedium"
+                    android:layout_width="252dp"
+                    android:layout_height="24dp"
+                    android:layout_marginStart="16dp"
+                    android:layout_marginTop="8dp"
+                    android:gravity="center_vertical"
+                    android:text="@{placeViewModel.placeName + ` ∙ ` + categoryViewModel.selectedCategory.name}"
+                    android:textColor="@color/contentTertiary"
+                    android:textFontWeight="400"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toBottomOf="@+id/recording_time" />
+
+                <androidx.constraintlayout.widget.ConstraintLayout
+                    android:id="@+id/imageViewBackground"
+                    android:layout_width="60dp"
+                    android:layout_height="60dp"
+                    android:layout_marginTop="24dp"
+                    android:layout_marginEnd="16dp"
+                    android:layout_marginBottom="8dp"
+                    app:background="@{categoryViewModel.selectedCategory.backgroundResourceId}"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintTop_toTopOf="parent">
+
+                    <ImageView
+                        android:layout_width="28dp"
+                        android:layout_height="28dp"
+                        app:image_src="@{categoryViewModel.selectedCategory.imageResourceId}"
+                        app:layout_constraintBottom_toBottomOf="parent"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toTopOf="parent" />
+                </androidx.constraintlayout.widget.ConstraintLayout>
+            </androidx.constraintlayout.widget.ConstraintLayout>
+
+            <View
+                android:id="@+id/divider"
+                android:layout_width="match_parent"
+                android:layout_height="1dp"
+                android:layout_marginStart="16dp"
+                android:layout_marginTop="8dp"
+                android:layout_marginEnd="16dp"
+                android:background="@color/gray100"
+                app:layout_constraintTop_toBottomOf="@+id/timer_layout" />
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:id="@+id/constraintLayout"
+                android:layout_width="match_parent"
+                android:layout_height="56dp"
+                android:layout_marginTop="8dp"
+                app:layout_constraintTop_toBottomOf="@+id/divider">
+
+                <androidx.appcompat.widget.AppCompatTextView
+                    style="@style/SubtitleMedium"
+                    android:layout_width="wrap_content"
+                    android:layout_height="40dp"
+                    android:layout_marginStart="16dp"
+                    android:layout_marginTop="8dp"
+                    android:layout_marginBottom="8dp"
+                    android:gravity="center_vertical"
+                    android:letterSpacing="-0.02"
+                    android:text="체크인"
+                    android:textFontWeight="400"
+                    app:layout_constraintBottom_toBottomOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent" />
+
+                <androidx.appcompat.widget.AppCompatTextView
+                    style="@style/SubtitleMedium"
+                    android:layout_width="wrap_content"
+                    android:layout_height="40dp"
+                    android:layout_marginTop="8dp"
+                    android:layout_marginEnd="16dp"
+                    android:layout_marginBottom="8dp"
+                    android:gravity="center_vertical|end"
+                    android:letterSpacing="-0.02"
+                    android:text="@{}"
+                    app:layout_constraintBottom_toBottomOf="parent"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintTop_toTopOf="parent" />
+            </androidx.constraintlayout.widget.ConstraintLayout>
+
+            <Button
+                android:id="@+id/check_out"
+                style="@style/Button.Rect.Large.Secondary"
+                android:layout_width="match_parent"
+                android:layout_height="56dp"
+                android:layout_margin="16dp"
+                android:stateListAnimator="@null"
+                android:text="@string/check_out"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@+id/constraintLayout" />
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/viewholder_category_item.xml b/app/src/main/res/layout/viewholder_category_item.xml
new file mode 100644
index 0000000..12277b7
--- /dev/null
+++ b/app/src/main/res/layout/viewholder_category_item.xml
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/background"
+    android:layout_width="match_parent"
+    android:layout_height="72dp"
+    android:background="@color/white">
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:id="@+id/imageViewBackground"
+        android:layout_width="40dp"
+        android:layout_height="40dp"
+        android:layout_marginStart="16dp"
+        android:background="@drawable/circle_green"
+        android:padding="4dp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <ImageView
+            android:id="@+id/imageView"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:src="@drawable/ic_cafe"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
+
+    <androidx.appcompat.widget.AppCompatTextView
+        android:id="@+id/name"
+        style="@style/SubtitleMedium"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginLeft="16dp"
+        android:text="커피 ∙ 티"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toEndOf="@+id/imageViewBackground"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="40dp"
+        android:layout_height="40dp"
+        android:background="@drawable/circle_white"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <androidx.appcompat.widget.AppCompatTextView
+            android:id="@+id/count"
+            style="@style/SubtitleMedium"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="21"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <ImageView
+            android:id="@+id/check"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:src="@drawable/ic_check"
+            android:visibility="invisible"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            app:tint="@color/positivePrimary" />
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/navigation/navigation_sticky.xml b/app/src/main/res/navigation/navigation_sticky.xml
new file mode 100644
index 0000000..b0233cc
--- /dev/null
+++ b/app/src/main/res/navigation/navigation_sticky.xml
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+ <navigation 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:id="@+id/navigation_sticky"
+    app:startDestination="@id/mapFragment">
+    <fragment
+        android:id="@+id/mapFragment"
+        android:name="com.deo.sticky.features.map.ui.MapFragment"
+        android:label="MapFragment"
+        tools:layout="@layout/fragment_map">
+        <action
+            android:id="@+id/action_mapFragment_to_checkInFragment"
+            app:destination="@id/checkInFragment"
+            app:enterAnim="@anim/slide_in_right"
+            app:exitAnim="@anim/slide_out_left"
+            app:popEnterAnim="@anim/slide_in_left"
+            app:popExitAnim="@anim/slide_out_right" />
+    </fragment>
+    <fragment
+        android:id="@+id/checkInFragment"
+        android:name="com.deo.sticky.features.checkin.CheckInFragment"
+        android:label="CheckInFragment"
+        tools:layout="@layout/fragment_check_in" />
+    <fragment
+        android:id="@+id/placeFragment"
+        android:name="com.deo.sticky.features.checkin.place.ui.PlaceFragment"
+        android:label="PlaceFragment"
+        tools:layout="@layout/fragment_check_in_place" />
+    <fragment
+        android:id="@+id/categoryFragment"
+        android:name="com.deo.sticky.features.checkin.category.ui.CategoryFragment"
+        android:label="CategoryFragment"
+        tools:layout="@layout/fragment_check_in_category" />
+
+</navigation>
\ No newline at end of file
diff --git a/app/src/main/res/raw/uber_style.json b/app/src/main/res/raw/uber_style.json
new file mode 100644
index 0000000..084a0fb
--- /dev/null
+++ b/app/src/main/res/raw/uber_style.json
@@ -0,0 +1,186 @@
+[
+  {
+    "elementType": "geometry",
+    "stylers": [
+      {
+        "color": "#212121"
+      }
+    ]
+  },
+  {
+    "elementType": "labels.icon",
+    "stylers": [
+      {
+        "visibility": "off"
+      }
+    ]
+  },
+  {
+    "elementType": "labels.text.fill",
+    "stylers": [
+      {
+        "color": "#757575"
+      }
+    ]
+  },
+  {
+    "elementType": "labels.text.stroke",
+    "stylers": [
+      {
+        "color": "#212121"
+      }
+    ]
+  },
+  {
+    "featureType": "administrative",
+    "elementType": "geometry",
+    "stylers": [
+      {
+        "color": "#757575"
+      }
+    ]
+  },
+  {
+    "featureType": "administrative.country",
+    "elementType": "labels.text.fill",
+    "stylers": [
+      {
+        "color": "#9e9e9e"
+      }
+    ]
+  },
+  {
+    "featureType": "administrative.land_parcel",
+    "stylers": [
+      {
+        "visibility": "off"
+      }
+    ]
+  },
+  {
+    "featureType": "administrative.locality",
+    "elementType": "labels.text.fill",
+    "stylers": [
+      {
+        "color": "#bdbdbd"
+      }
+    ]
+  },
+  {
+    "featureType": "poi",
+    "elementType": "labels.text.fill",
+    "stylers": [
+      {
+        "color": "#757575"
+      }
+    ]
+  },
+  {
+    "featureType": "poi.park",
+    "elementType": "geometry",
+    "stylers": [
+      {
+        "color": "#181818"
+      }
+    ]
+  },
+  {
+    "featureType": "poi.park",
+    "elementType": "labels.text.fill",
+    "stylers": [
+      {
+        "color": "#616161"
+      }
+    ]
+  },
+  {
+    "featureType": "poi.park",
+    "elementType": "labels.text.stroke",
+    "stylers": [
+      {
+        "color": "#1b1b1b"
+      }
+    ]
+  },
+  {
+    "featureType": "road",
+    "elementType": "geometry.fill",
+    "stylers": [
+      {
+        "color": "#2c2c2c"
+      }
+    ]
+  },
+  {
+    "featureType": "road",
+    "elementType": "labels.text.fill",
+    "stylers": [
+      {
+        "color": "#8a8a8a"
+      }
+    ]
+  },
+  {
+    "featureType": "road.arterial",
+    "elementType": "geometry",
+    "stylers": [
+      {
+        "color": "#373737"
+      }
+    ]
+  },
+  {
+    "featureType": "road.highway",
+    "elementType": "geometry",
+    "stylers": [
+      {
+        "color": "#3c3c3c"
+      }
+    ]
+  },
+  {
+    "featureType": "road.highway.controlled_access",
+    "elementType": "geometry",
+    "stylers": [
+      {
+        "color": "#4e4e4e"
+      }
+    ]
+  },
+  {
+    "featureType": "road.local",
+    "elementType": "labels.text.fill",
+    "stylers": [
+      {
+        "color": "#616161"
+      }
+    ]
+  },
+  {
+    "featureType": "transit",
+    "elementType": "labels.text.fill",
+    "stylers": [
+      {
+        "color": "#757575"
+      }
+    ]
+  },
+  {
+    "featureType": "water",
+    "elementType": "geometry",
+    "stylers": [
+      {
+        "color": "#000000"
+      }
+    ]
+  },
+  {
+    "featureType": "water",
+    "elementType": "labels.text.fill",
+    "stylers": [
+      {
+        "color": "#3d3d3d"
+      }
+    ]
+  }
+]
\ No newline at end of file
diff --git a/app/src/main/res/values-night/themes.xml b/app/src/main/res/values-night/themes.xml
index a55e6aa..9f4dcf4 100644
--- a/app/src/main/res/values-night/themes.xml
+++ b/app/src/main/res/values-night/themes.xml
@@ -1,16 +1,12 @@
 <resources xmlns:tools="http://schemas.android.com/tools">
     <!-- Base application theme. -->
-    <style name="Theme.Sticky" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
-        <!-- Primary brand color. -->
-        <item name="colorPrimary">@color/purple_200</item>
-        <item name="colorPrimaryVariant">@color/purple_700</item>
-        <item name="colorOnPrimary">@color/black</item>
-        <!-- Secondary brand color. -->
-        <item name="colorSecondary">@color/teal_200</item>
-        <item name="colorSecondaryVariant">@color/teal_200</item>
-        <item name="colorOnSecondary">@color/black</item>
-        <!-- Status bar color. -->
-        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
-        <!-- Customize your theme here. -->
+    <style name="Theme.Sticky" parent="Theme.AppCompat.Light.NoActionBar">
+        <item name="android:windowIsTranslucent">true</item>
+        <item name="android:windowBackground">@android:color/transparent</item>
+        <item name="android:windowNoTitle">true</item>
+        <item name="windowActionBar">false</item>
+        <item name="android:includeFontPadding">false</item>
+        <item name="android:windowContentOverlay">@null</item>
+        <item name="android:textColor">@android:color/black</item>
     </style>
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index f8c6127..b334464 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -1,10 +1,105 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <color name="purple_200">#FFBB86FC</color>
-    <color name="purple_500">#FF6200EE</color>
-    <color name="purple_700">#FF3700B3</color>
-    <color name="teal_200">#FF03DAC5</color>
-    <color name="teal_700">#FF018786</color>
+    <!-- PRIMITIVES -->
     <color name="black">#FF000000</color>
+    <color name="black0.03">#4D000000</color>
+    <color name="black0.08">#14000000</color>
     <color name="white">#FFFFFFFF</color>
+    <color name="gray50">#FFF6F6F6</color>
+    <color name="blue100">#FFD4E2FC</color>
+    <color name="blue200">#FFA0BFF8</color>
+    <color name="blue300">#FF5B91F5</color>
+    <color name="blue400">#FF276EF1</color>
+    <color name="blue50">#FFEFF3FE</color>
+    <color name="blue500">#FF1E54B7</color>
+    <color name="blue600">#FF174291</color>
+    <color name="blue700">#FF102C60</color>
+    <color name="gray100">#FFEEEEEE</color>
+    <color name="gray200">#FFE2E2E2</color>
+    <color name="gray300">#FFD5D5D5</color>
+    <color name="gray400">#FFB2B2B2</color>
+    <color name="gray500">#FF7E7E7E</color>
+    <color name="gray600">#FF666666</color>
+    <color name="gray700">#FF4D4D4D</color>
+    <color name="gray800">#FF333333</color>
+    <color name="gray900">#FF181818</color>
+    <color name="green100">#FFADDEC9</color>
+    <color name="green200">#FF66D19E</color>
+    <color name="green300">#FF06C167</color>
+    <color name="green400">#FF05944F</color>
+    <color name="green50">#FFE6F2ED</color>
+    <color name="green500">#FF03703C</color>
+    <color name="green600">#FF03582F</color>
+    <color name="green700">#FF10462D</color>
+    <color name="orange100">#FFFFE1D6</color>
+    <color name="orange200">#FFFABDA5</color>
+    <color name="orange300">#FFFA9269</color>
+    <color name="orange400">#FFFF6937</color>
+    <color name="orange50">#FFFFF3EF</color>
+    <color name="orange500">#FFC14F29</color>
+    <color name="orange600">#FF9A3F21</color>
+    <color name="orange700">#FF672A16</color>
+    <color name="purple100">#FFE3DDF2</color>
+    <color name="purple200">#FFC1B5E3</color>
+    <color name="purple300">#FF957FCE</color>
+    <color name="purple400">#FF7356BF</color>
+    <color name="purple50">#FFF4F1FA</color>
+    <color name="purple500">#FF574191</color>
+    <color name="purple600">#FF453473</color>
+    <color name="purple700">#FF2E224C</color>
+    <color name="red100">#FFFED7D2</color>
+    <color name="red200">#FFF1998E</color>
+    <color name="red300">#FFE85C4A</color>
+    <color name="red400">#FFE11900</color>
+    <color name="red50">#FFFFEFED</color>
+    <color name="red500">#FFAB1300</color>
+    <color name="red600">#FF870F00</color>
+    <color name="red700">#FF5A0A00</color>
+    <color name="yellow100">#FFFFF2D9</color>
+    <color name="yellow200">#FFFFE3AC</color>
+    <color name="yellow300">#FFFFCF70</color>
+    <color name="yellow400">#FFFFC043</color>
+    <color name="yellow50">#FFFFFAF0</color>
+    <color name="yellow500">#FFBC8B2C</color>
+    <color name="yellow600">#FF997328</color>
+    <color name="yellow700">#FF674D1B</color>
+    <!-- CORE BACKGROUND -->
+    <color name="backgroundPrimary">@color/white</color>
+    <color name="backgroundInversePrimary">@color/black</color>
+    <color name="backgroundSecondary">@color/gray50</color>
+    <color name="backgroundInverseSecondary">@color/gray800</color>
+    <color name="backgroundTertiary">@color/gray100</color>
+    <!-- CORE CONTENT -->
+    <color name="contentPrimary">@color/gray900</color>
+    <color name="contentSecondary">@color/gray700</color>
+    <color name="contentTertiary">@color/gray500</color>
+    <color name="contentInversePrimary">@color/white</color>
+    <!-- CORE BORDER -->
+    <color name="borderOpaque">@color/gray200</color>
+    <color name="borderTransparent">@color/black0.08</color>
+    <!-- EXTENSTIONS BACKGROUND -->
+    <color name="backgroundDisabled">@color/gray50</color>
+    <color name="backgroundPressed">@color/gray50</color>
+    <color name="accentPrimaryPressed">@color/blue500</color>
+    <color name="accentSecondaryPressed">@color/blue100</color>
+    <color name="accentPrimaryDisabled">@color/blue200</color>
+    <color name="accentTertiaryPressed">#D4E2FC</color>
+    <!-- EXTENSIONS CONTENT -->
+    <color name="contentDisabled">@color/gray300</color>
+    <!-- EXTENSIONS BORDER -->
+    <color name="borderDisabled">@color/gray100</color>
+    <!-- EXTENSIONS OVERLAY -->
+    <color name="overlay30">@color/black0.03</color>
+    <!-- SUPPORT -->
+    <color name="accentPrimary">@color/blue400</color>
+    <color name="negativePrimary">@color/red400</color>
+    <color name="positivePrimary">@color/green400</color>
+    <color name="accentSecondary">@color/blue200</color>
+    <color name="negativeSecondary">@color/red200</color>
+    <color name="positiveSecondary">@color/green200</color>
+    <color name="accentTertiary">@color/blue50</color>
+    <color name="negativeTertiary">@color/red50</color>
+    <color name="positiveTertiary">@color/green50</color>
+    <color name="accentInversePrimary">@color/blue300</color>
+    <color name="focus">@color/gray900</color>
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/dimens.xml b/app/src/main/res/values/dimens.xml
new file mode 100644
index 0000000..f2afd22
--- /dev/null
+++ b/app/src/main/res/values/dimens.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0"?>
+<resources>
+    <dimen name="list_item_spacing">16dp</dimen>
+    <dimen name="list_item_spacing_half">8dp</dimen>
+</resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/outline_textview.xml b/app/src/main/res/values/outline_textview.xml
new file mode 100644
index 0000000..8baa43c
--- /dev/null
+++ b/app/src/main/res/values/outline_textview.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <declare-styleable name="outlineAttrs">
+        <attr name="outlineColor" format="color" />
+        <attr name="outlineWidth" format="float" />
+    </declare-styleable>
+</resources>
\ 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 8578641..896227d 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -1,3 +1,18 @@
 <resources>
     <string name="app_name">sticky</string>
+    <string name="check_in">체크인</string>
+    <!-- TODO: Remove or change this placeholder text -->
+    <string name="hello_blank_fragment">Hello blank fragment</string>
+    <string name="check_in_title">체크인 하는 장소를 입력해주세요</string>
+    <string name="check_in_subtitle">입력한 장소로 위치를 저장합니다</string>
+    <string name="next">다음</string>
+    <string name="button_allow">승인</string>
+    <string name="button_deny">거절</string>
+    <string name="permission_location_rationale">
+        소비한 시간의 장소를 저장하기 위해 위치 정보 권한이 필요합니다.
+    </string>
+    <string name="how_do_you_spend_time">어떤 시간을 보내시나요?</string>
+    <string name="start">시작하기</string>
+    <string name="cancel">취소</string>
+    <string name="check_out">체크아웃</string>
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
new file mode 100644
index 0000000..8e2d22e
--- /dev/null
+++ b/app/src/main/res/values/styles.xml
@@ -0,0 +1,110 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <!--TYPOGRAPHY DISPLAY-->
+    <style name="DisplayLarge" parent="android:TextAppearance">
+        <item name="android:textSize">96sp</item>
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+        <item name="android:letterSpacing">-0.01</item>
+    </style>
+
+    <style name="DisplayMedium" parent="android:TextAppearance">
+        <item name="android:textSize">64sp</item>
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+        <item name="android:letterSpacing">-0.01</item>
+    </style>
+
+    <style name="DisplaySmall" parent="android:TextAppearance">
+        <item name="android:textSize">48sp</item>
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+        <item name="android:letterSpacing">-0.01</item>
+    </style>
+
+    <style name="DisplayXSmall" parent="android:TextAppearance">
+        <item name="android:textSize">32sp</item>
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+        <item name="android:letterSpacing">-0.02</item>
+    </style>
+    <!--TYPOGRAPHY HEADLINE-->
+    <style name="HeadlineLarge" parent="android:TextAppearance">
+        <item name="android:textSize">40sp</item>
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+    </style>
+
+    <style name="HeadlineMedium" parent="android:TextAppearance">
+        <item name="android:textSize">32sp</item>
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+    </style>
+
+    <style name="HeadlineSmall" parent="android:TextAppearance">
+        <item name="android:textSize">24sp</item>
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+    </style>
+
+    <style name="HeadlineXSmall" parent="android:TextAppearance">
+        <item name="android:textSize">20sp</item>
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+    </style>
+
+    <!--TYPOGRAPHY SUBTITLE-->
+    <style name="SubtitleLarge" parent="android:TextAppearance">
+        <item name="android:textSize">18sp</item>
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+    </style>
+
+    <style name="SubtitleMedium" parent="android:TextAppearance">
+        <item name="android:textSize">16sp</item>
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+    </style>
+
+    <style name="SubtitleSmall" parent="android:TextAppearance">
+        <item name="android:textSize">14sp</item>
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+    </style>
+
+    <style name="SubtitleXSmall" parent="android:TextAppearance">
+        <item name="android:textSize">12sp</item>
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+    </style>
+    <!--TYPOGRAPHY BODY-->
+    <style name="BodyLarge" parent="android:TextAppearance">
+        <item name="android:textSize">16sp</item>
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+        <item name="android:letterSpacing">-0.03</item>
+    </style>
+
+    <style name="BodyMedium" parent="android:TextAppearance">
+        <item name="android:textSize">14sp</item>
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+        <item name="android:letterSpacing">-0.03</item>
+    </style>
+
+    <style name="BodySmall" parent="android:TextAppearance">
+        <item name="android:textSize">12sp</item>
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+        <item name="android:letterSpacing">-0.03</item>
+    </style>
+
+    <style name="BodyXSmall" parent="android:TextAppearance">
+        <item name="android:textSize">10sp</item>
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+        <item name="android:letterSpacing">-0.03</item>
+    </style>
+
+    <style name="CustomBottomSheetDialogTheme" parent="Theme.Design.Light.BottomSheetDialog">
+        <item name="bottomSheetStyle">@style/CustomBottomSheetStyle</item>
+    </style>
+
+    <style name="CustomBottomSheetStyle" parent="Widget.Design.BottomSheet.Modal">
+        <item name="android:background">@android:color/transparent</item>
+        <item name="android:windowFrame">@null</item>
+        <item name="android:windowBackground">@android:color/transparent</item>
+        <item name="android:windowIsFloating">false</item>
+        <item name="android:windowContentOverlay">@null</item>
+        <item name="android:windowTitleStyle">@null</item>
+        <item name="android:colorBackgroundCacheHint">@null</item>
+        <item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item>
+        <item name="android:windowSoftInputMode">stateUnspecified|adjustPan</item>
+        <item name="android:gravity">center</item>
+    </style>
+
+</resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml
index 6295656..70c7a61 100644
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -1,16 +1,61 @@
-<resources xmlns:tools="http://schemas.android.com/tools">
+<resources xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools">
     <!-- Base application theme. -->
-    <style name="Theme.Sticky" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
-        <!-- Primary brand color. -->
-        <item name="colorPrimary">@color/purple_500</item>
-        <item name="colorPrimaryVariant">@color/purple_700</item>
-        <item name="colorOnPrimary">@color/white</item>
-        <!-- Secondary brand color. -->
-        <item name="colorSecondary">@color/teal_200</item>
-        <item name="colorSecondaryVariant">@color/teal_700</item>
-        <item name="colorOnSecondary">@color/black</item>
-        <!-- Status bar color. -->
-        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
-        <!-- Customize your theme here. -->
+    <style name="Theme.Sticky" parent="Theme.AppCompat.Light.NoActionBar">
+        <item name="android:windowIsTranslucent">true</item>
+        <item name="android:windowBackground">@android:color/transparent</item>
+        <item name="android:windowNoTitle">true</item>
+        <item name="windowActionBar">false</item>
+        <item name="android:includeFontPadding">false</item>
+        <item name="android:windowContentOverlay">@null</item>
+        <item name="android:textColor">@color/black</item>
     </style>
+    <!-- RECT -->
+    <style name="Button.Rect.Large.Primary" parent="Widget.AppCompat.Button">
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+        <item name="android:gravity">center_vertical|center_horizontal</item>
+        <item name="android:background">@drawable/primary_rect_button</item>
+        <item name="android:focusable">true</item>
+        <item name="android:clickable">true</item>
+        <item name="android:textSize">18sp</item>
+        <item name="android:textColor">@color/white</item>
+    </style>
+
+    <style name="Button.Rect.Large.Secondary" parent="Widget.AppCompat.Button">
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+        <item name="android:gravity">center_vertical|center_horizontal</item>
+        <item name="android:background">@drawable/secondary_rect_button</item>
+        <item name="android:focusable">true</item>
+        <item name="android:clickable">true</item>
+        <item name="android:textSize">18sp</item>
+        <item name="android:textColor">@color/accentPrimary</item>
+    </style>
+    <!-- PILL -->
+    <style name="Button.Pill.Primary" parent="Widget.AppCompat.Button">
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+        <item name="android:gravity">center_vertical|center_horizontal</item>
+        <item name="android:background">@drawable/primary_pill_button</item>
+        <item name="android:focusable">true</item>
+        <item name="android:clickable">true</item>
+        <item name="android:textSize">18sp</item>
+        <item name="android:textColor">@color/white</item>
+    </style>
+
+    <style name="Button.Pill.Secondary" parent="Widget.AppCompat.Button">
+        <item name="android:fontFamily">@font/spoqa_hans_sans_neo_regular</item>
+        <item name="android:gravity">center_vertical|center_horizontal</item>
+        <item name="android:background">@drawable/secondary_pill_button</item>
+        <item name="android:focusable">true</item>
+        <item name="android:clickable">true</item>
+        <item name="android:textSize">18sp</item>
+        <item name="android:textColor">@color/accentPrimary</item>
+    </style>
+
+    <style name="Button.Pill.Large.Primary" parent="Button.Pill.Primary" />
+
+    <style name="Button.Pill.Large.Secondary" parent="Button.Pill.Secondary" />
+
+    <style name="Header.Icon.Leading.Tailing" parent="HeadlineXSmall">
+        <item name="android:textColor">@color/black</item>
+    </style>
+
 </resources>
\ No newline at end of file
diff --git a/build.gradle b/build.gradle
index 87269c8..42f1518 100644
--- a/build.gradle
+++ b/build.gradle
@@ -1,17 +1,21 @@
 // Top-level build file where you can add configuration options common to all sub-projects/modules.
 buildscript {
+    ext {
+        nav_version = "2.3.5"
+    }
     repositories {
         google()
         mavenCentral()
         gradlePluginPortal()
     }
     dependencies {
-        classpath "com.android.tools.build:gradle:4.2.0"
-        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:1.4.32"
+        classpath 'com.android.tools.build:gradle:7.0.3'
+        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:1.5.10"
 
         // NOTE: Do not place your application dependencies here; they belong
         // in the individual module build.gradle files
-        classpath 'com.google.dagger:hilt-android-gradle-plugin:2.28-alpha'
+        classpath 'com.google.dagger:hilt-android-gradle-plugin:2.36'
+        classpath "androidx.navigation:navigation-safe-args-gradle-plugin:$nav_version"
     }
 }
 
diff --git a/gradle/wrapper/gradle-wrapper.properties b/gradle/wrapper/gradle-wrapper.properties
index 369a499..19754d3 100644
--- a/gradle/wrapper/gradle-wrapper.properties
+++ b/gradle/wrapper/gradle-wrapper.properties
@@ -1,6 +1,6 @@
 #Sat May 08 21:17:42 KST 2021
 distributionBase=GRADLE_USER_HOME
-distributionUrl=https\://services.gradle.org/distributions/gradle-6.7.1-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-7.0.2-bin.zip
 distributionPath=wrapper/dists
 zipStorePath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME