From 6bf3556fed0d762c8abbad7a003f98d9b254dc37 Mon Sep 17 00:00:00 2001
From: shaulascr <alya.roosyidah@gmail.com>
Date: Sun, 2 Feb 2025 15:58:22 +0700
Subject: [PATCH] connect localserver

---
 .idea/appInsightsSettings.xml                 |  26 ++++
 .idea/other.xml                               |  68 +++++++-
 .idea/vcs.xml                                 |   6 +
 app/build.gradle.kts                          |  46 +++++-
 app/src/main/AndroidManifest.xml              |   6 +-
 .../java/com/alya/ecommerce_serang/app/App.kt |   7 +
 .../ecommerce_serang/data/api/dto/Category.kt |  11 ++
 .../data/api/dto/DetailProduct.kt             |  22 +++
 .../ecommerce_serang/data/api/dto/Product.kt  |  17 ++
 .../data/api/response/AllProductResponse.kt   |  57 +++++++
 .../data/api/response/ProductResponse.kt      |  60 ++++++++
 .../data/api/retrofit/ApiConfig.kt            |  25 +++
 .../data/api/retrofit/ApiService.kt           |  22 +++
 .../ecommerce_serang/data/model/Product.kt    |  51 ++++++
 .../alya/ecommerce_serang/data/model/User.kt  |   9 ++
 .../data/repository/ProductRepository.kt      |  35 +++++
 .../alya/ecommerce_serang/ui/MainActivity.kt  |  54 +++++--
 .../ecommerce_serang/ui/chat/ChatFragment.kt  |  31 ++++
 .../ecommerce_serang/ui/chat/ChatViewModel.kt |   7 +
 .../ui/home/HomeCategoryAdapter.kt            |  39 +++++
 .../ecommerce_serang/ui/home/HomeFragment.kt  | 145 ++++++++++++++++++
 .../ecommerce_serang/ui/home/HomeViewModel.kt |  60 ++++++++
 .../ui/home/HorizontalProductAdapter.kt       |  52 +++++++
 .../ui/product/ProductViewHolder.kt           |  35 +++++
 .../ui/profile/ProfileFragment.kt             |  31 ++++
 .../ui/profile/ProfileViewModel.kt            |   7 +
 .../ecommerce_serang/utils/BaseFragment.kt    |   7 +
 .../utils/BaseViewModelFactory.kt             |  13 ++
 .../alya/ecommerce_serang/utils/Functions.kt  |  22 +++
 .../utils/HorizontalMarginItemDecoration.kt   |  22 +++
 .../ecommerce_serang/utils/ProductQuery.kt    |  20 +++
 app/src/main/res/drawable/banner_default.jpg  | Bin 0 -> 9103 bytes
 .../drawable/baseline_account_circle_24.xml   |   5 +
 .../res/drawable/baseline_arrow_back_24.xml   |   5 +
 .../main/res/drawable/baseline_chat_24.xml    |   5 +
 .../main/res/drawable/baseline_home_24.xml    |   5 +
 .../main/res/drawable/baseline_search_24.xml  |   5 +
 .../main/res/drawable/baseline_star_24.xml    |   5 +
 app/src/main/res/drawable/makanan_ringan.jpg  | Bin 0 -> 11899 bytes
 .../res/drawable/outline_notifications_24.xml |   8 +
 .../res/drawable/outline_shopping_cart_24.xml |   5 +
 .../main/res/drawable/rating_background.xml   |   7 +
 .../main/res/drawable/search_background.xml   |   6 +
 .../main/res/drawable/selector_account.xml    |   8 +
 app/src/main/res/drawable/selector_chat.xml   |   8 +
 app/src/main/res/drawable/selector_home.xml   |   8 +
 app/src/main/res/layout/activity_main.xml     |  39 ++---
 app/src/main/res/layout/fragment_chat.xml     |  13 ++
 app/src/main/res/layout/fragment_home.xml     | 120 +++++++++++++++
 app/src/main/res/layout/fragment_profile.xml  |  13 ++
 app/src/main/res/layout/item_category.xml     |   6 +
 .../main/res/layout/item_category_home.xml    |  36 +++++
 .../res/layout/item_product_horizontal.xml    |  66 ++++++++
 .../res/layout/item_section_horizontal.xml    |  46 ++++++
 .../main/res/layout/item_section_vertical.xml |  46 ++++++
 app/src/main/res/layout/view_error.xml        |  31 ++++
 app/src/main/res/layout/view_loading.xml      |   6 +
 app/src/main/res/layout/view_search.xml       |  49 ++++++
 .../main/res/menu/bottom_navigation_menu.xml  |  12 +-
 app/src/main/res/navigation/nav_graph.xml     |  23 +++
 app/src/main/res/values/colors.xml            |   4 +
 app/src/main/res/values/dimens.xml            |   5 +
 app/src/main/res/values/strings.xml           |  11 ++
 .../main/res/xml/network_security_config.xml  |  13 ++
 build.gradle.kts                              |   7 +
 gradle/libs.versions.toml                     |  16 ++
 66 files changed, 1610 insertions(+), 45 deletions(-)
 create mode 100644 .idea/appInsightsSettings.xml
 create mode 100644 .idea/vcs.xml
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/app/App.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/data/api/dto/Category.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/data/api/dto/DetailProduct.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/data/api/dto/Product.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/data/api/response/AllProductResponse.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/data/api/response/ProductResponse.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/data/api/retrofit/ApiConfig.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/data/api/retrofit/ApiService.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/data/model/Product.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/data/model/User.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/data/repository/ProductRepository.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/ui/chat/ChatFragment.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/ui/chat/ChatViewModel.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/ui/home/HomeCategoryAdapter.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/ui/home/HomeFragment.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/ui/home/HomeViewModel.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/ui/home/HorizontalProductAdapter.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/ui/product/ProductViewHolder.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/ui/profile/ProfileFragment.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/ui/profile/ProfileViewModel.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/utils/BaseFragment.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/utils/BaseViewModelFactory.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/utils/Functions.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/utils/HorizontalMarginItemDecoration.kt
 create mode 100644 app/src/main/java/com/alya/ecommerce_serang/utils/ProductQuery.kt
 create mode 100644 app/src/main/res/drawable/banner_default.jpg
 create mode 100644 app/src/main/res/drawable/baseline_account_circle_24.xml
 create mode 100644 app/src/main/res/drawable/baseline_arrow_back_24.xml
 create mode 100644 app/src/main/res/drawable/baseline_chat_24.xml
 create mode 100644 app/src/main/res/drawable/baseline_home_24.xml
 create mode 100644 app/src/main/res/drawable/baseline_search_24.xml
 create mode 100644 app/src/main/res/drawable/baseline_star_24.xml
 create mode 100644 app/src/main/res/drawable/makanan_ringan.jpg
 create mode 100644 app/src/main/res/drawable/outline_notifications_24.xml
 create mode 100644 app/src/main/res/drawable/outline_shopping_cart_24.xml
 create mode 100644 app/src/main/res/drawable/rating_background.xml
 create mode 100644 app/src/main/res/drawable/search_background.xml
 create mode 100644 app/src/main/res/drawable/selector_account.xml
 create mode 100644 app/src/main/res/drawable/selector_chat.xml
 create mode 100644 app/src/main/res/drawable/selector_home.xml
 create mode 100644 app/src/main/res/layout/fragment_chat.xml
 create mode 100644 app/src/main/res/layout/fragment_home.xml
 create mode 100644 app/src/main/res/layout/fragment_profile.xml
 create mode 100644 app/src/main/res/layout/item_category.xml
 create mode 100644 app/src/main/res/layout/item_category_home.xml
 create mode 100644 app/src/main/res/layout/item_product_horizontal.xml
 create mode 100644 app/src/main/res/layout/item_section_horizontal.xml
 create mode 100644 app/src/main/res/layout/item_section_vertical.xml
 create mode 100644 app/src/main/res/layout/view_error.xml
 create mode 100644 app/src/main/res/layout/view_loading.xml
 create mode 100644 app/src/main/res/layout/view_search.xml
 create mode 100644 app/src/main/res/navigation/nav_graph.xml
 create mode 100644 app/src/main/res/values/dimens.xml
 create mode 100644 app/src/main/res/xml/network_security_config.xml

diff --git a/.idea/appInsightsSettings.xml b/.idea/appInsightsSettings.xml
new file mode 100644
index 0000000..371f2e2
--- /dev/null
+++ b/.idea/appInsightsSettings.xml
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="AppInsightsSettings">
+    <option name="tabSettings">
+      <map>
+        <entry key="Firebase Crashlytics">
+          <value>
+            <InsightsFilterSettings>
+              <option name="connection">
+                <ConnectionSetting>
+                  <option name="appId" value="PLACEHOLDER" />
+                  <option name="mobileSdkAppId" value="" />
+                  <option name="projectId" value="" />
+                  <option name="projectNumber" value="" />
+                </ConnectionSetting>
+              </option>
+              <option name="signal" value="SIGNAL_UNSPECIFIED" />
+              <option name="timeIntervalDays" value="THIRTY_DAYS" />
+              <option name="visibilityType" value="ALL" />
+            </InsightsFilterSettings>
+          </value>
+        </entry>
+      </map>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/other.xml b/.idea/other.xml
index 49481ad..dba9935 100644
--- a/.idea/other.xml
+++ b/.idea/other.xml
@@ -14,6 +14,17 @@
           <option name="screenX" value="720" />
           <option name="screenY" value="1280" />
         </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="34" />
+          <option name="brand" value="OPPO" />
+          <option name="codename" value="OP573DL1" />
+          <option name="id" value="OP573DL1" />
+          <option name="manufacturer" value="OPPO" />
+          <option name="name" value="CPH2557" />
+          <option name="screenDensity" value="480" />
+          <option name="screenX" value="1080" />
+          <option name="screenY" value="2400" />
+        </PersistentDeviceSelectionData>
         <PersistentDeviceSelectionData>
           <option name="api" value="28" />
           <option name="brand" value="DOCOMO" />
@@ -113,6 +124,17 @@
           <option name="screenX" value="2220" />
           <option name="screenY" value="1080" />
         </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="34" />
+          <option name="brand" value="samsung" />
+          <option name="codename" value="dm2q" />
+          <option name="id" value="dm2q" />
+          <option name="manufacturer" value="Samsung" />
+          <option name="name" value="S23 Plus" />
+          <option name="screenDensity" value="450" />
+          <option name="screenX" value="1080" />
+          <option name="screenY" value="2340" />
+        </PersistentDeviceSelectionData>
         <PersistentDeviceSelectionData>
           <option name="api" value="34" />
           <option name="brand" value="samsung" />
@@ -135,6 +157,28 @@
           <option name="screenX" value="1080" />
           <option name="screenY" value="2340" />
         </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="34" />
+          <option name="brand" value="samsung" />
+          <option name="codename" value="e3q" />
+          <option name="id" value="e3q" />
+          <option name="manufacturer" value="Samsung" />
+          <option name="name" value="Galaxy S24 Ultra" />
+          <option name="screenDensity" value="450" />
+          <option name="screenX" value="1440" />
+          <option name="screenY" value="3120" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="33" />
+          <option name="brand" value="google" />
+          <option name="codename" value="eos" />
+          <option name="id" value="eos" />
+          <option name="manufacturer" value="Google" />
+          <option name="name" value="Eos" />
+          <option name="screenDensity" value="320" />
+          <option name="screenX" value="384" />
+          <option name="screenY" value="384" />
+        </PersistentDeviceSelectionData>
         <PersistentDeviceSelectionData>
           <option name="api" value="33" />
           <option name="brand" value="google" />
@@ -168,6 +212,17 @@
           <option name="screenX" value="2208" />
           <option name="screenY" value="1840" />
         </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="34" />
+          <option name="brand" value="motorola" />
+          <option name="codename" value="fogona" />
+          <option name="id" value="fogona" />
+          <option name="manufacturer" value="Motorola" />
+          <option name="name" value="moto g play - 2024" />
+          <option name="screenDensity" value="280" />
+          <option name="screenX" value="720" />
+          <option name="screenY" value="1600" />
+        </PersistentDeviceSelectionData>
         <PersistentDeviceSelectionData>
           <option name="api" value="33" />
           <option name="brand" value="samsung" />
@@ -223,6 +278,17 @@
           <option name="screenX" value="1080" />
           <option name="screenY" value="2400" />
         </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="33" />
+          <option name="brand" value="motorola" />
+          <option name="codename" value="maui" />
+          <option name="id" value="maui" />
+          <option name="manufacturer" value="Motorola" />
+          <option name="name" value="moto g play - 2023" />
+          <option name="screenDensity" value="280" />
+          <option name="screenX" value="720" />
+          <option name="screenY" value="1600" />
+        </PersistentDeviceSelectionData>
         <PersistentDeviceSelectionData>
           <option name="api" value="31" />
           <option name="brand" value="google" />
@@ -262,7 +328,7 @@
           <option name="codename" value="q6q" />
           <option name="id" value="q6q" />
           <option name="manufacturer" value="Samsung" />
-          <option name="name" value="SM-F956B" />
+          <option name="name" value="Galaxy Z Fold6" />
           <option name="screenDensity" value="420" />
           <option name="screenX" value="1856" />
           <option name="screenY" value="2160" />
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/app/build.gradle.kts b/app/build.gradle.kts
index 6a36f55..3983e2a 100644
--- a/app/build.gradle.kts
+++ b/app/build.gradle.kts
@@ -1,6 +1,10 @@
 plugins {
     alias(libs.plugins.android.application)
     alias(libs.plugins.jetbrains.kotlin.android)
+    id("kotlin-kapt")
+    id ("androidx.navigation.safeargs")
+    id("kotlin-parcelize")
+//    id("com.google.dagger.hilt.android")
 }
 
 android {
@@ -9,7 +13,7 @@ android {
 
     defaultConfig {
         applicationId = "com.alya.ecommerce_serang"
-        minSdk = 24
+        minSdk = 21
         targetSdk = 34
         versionCode = 1
         versionName = "1.0"
@@ -19,21 +23,26 @@ android {
 
     buildTypes {
         release {
+            buildConfigField("String", "BASE_URL", "\"http://192.168.1.13:3000/\"")
             isMinifyEnabled = false
             proguardFiles(
                 getDefaultProguardFile("proguard-android-optimize.txt"),
                 "proguard-rules.pro"
             )
         }
+        debug {
+            buildConfigField("String", "BASE_URL", "\"http://192.168.1.13:3000/\"")
+        }
     }
     compileOptions {
-        sourceCompatibility = JavaVersion.VERSION_1_8
-        targetCompatibility = JavaVersion.VERSION_1_8
+        sourceCompatibility = JavaVersion.VERSION_11
+        targetCompatibility = JavaVersion.VERSION_11
     }
     kotlinOptions {
-        jvmTarget = "1.8"
+        jvmTarget = "11"
     }
     buildFeatures {
+        buildConfig = true
         viewBinding = true
     }
 }
@@ -45,7 +54,34 @@ dependencies {
     implementation(libs.material)
     implementation(libs.androidx.activity)
     implementation(libs.androidx.constraintlayout)
+    implementation(libs.androidx.legacy.support.v4)
+    implementation(libs.androidx.lifecycle.livedata.ktx)
+    implementation(libs.androidx.lifecycle.viewmodel.ktx)
+    implementation(libs.androidx.fragment.ktx)
+    implementation(libs.androidx.navigation.fragment.ktx)
+    implementation(libs.androidx.navigation.ui.ktx)
     testImplementation(libs.junit)
     androidTestImplementation(libs.androidx.junit)
     androidTestImplementation(libs.androidx.espresso.core)
-}
\ No newline at end of file
+
+    //retrofit
+    implementation("com.squareup.retrofit2:retrofit:2.9.0")
+    implementation("com.squareup.retrofit2:converter-gson:2.9.0")
+    implementation("com.squareup.okhttp3:logging-interceptor:4.11.0")
+
+
+
+//    implementation("com.github.zhpanvip:viewpagerindicator:1.2.3")
+    implementation("com.github.bumptech.glide:glide:4.16.0")
+    implementation("androidx.paging:paging-runtime:3.2.1")
+    implementation("androidx.swiperefreshlayout:swiperefreshlayout:1.1.0")
+
+
+//    implementation(libs.hilt.android)
+//    kapt("com.google.dagger:hilt-compiler:2.48")
+//
+//    // For ViewModel injection (if needed)
+//    implementation(libs.androidx.hilt.lifecycle.viewmodel)
+//    kapt("androidx.hilt:hilt-compiler:1.0.0")
+}
+
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 1cac3c4..8a7221b 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -2,6 +2,8 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools">
 
+    <uses-permission android:name="android.permission.INTERNET"/>
+
     <application
         android:allowBackup="true"
         android:dataExtractionRules="@xml/data_extraction_rules"
@@ -11,7 +13,9 @@
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
         android:theme="@style/Theme.Ecommerce_serang"
-        tools:targetApi="31">
+        tools:targetApi="31"
+        android:usesCleartextTraffic="true"
+        android:networkSecurityConfig="@xml/network_security_config">
         <activity
             android:name=".ui.MainActivity"
             android:exported="true">
diff --git a/app/src/main/java/com/alya/ecommerce_serang/app/App.kt b/app/src/main/java/com/alya/ecommerce_serang/app/App.kt
new file mode 100644
index 0000000..31a11eb
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/app/App.kt
@@ -0,0 +1,7 @@
+package com.alya.ecommerce_serang.app
+
+import android.app.Application
+
+//@HiltAndroidApp
+class App : Application(){
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/data/api/dto/Category.kt b/app/src/main/java/com/alya/ecommerce_serang/data/api/dto/Category.kt
new file mode 100644
index 0000000..95fe0bc
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/data/api/dto/Category.kt
@@ -0,0 +1,11 @@
+package com.alya.ecommerce_serang.data.api.dto
+
+import android.os.Parcelable
+import kotlinx.parcelize.Parcelize
+
+@Parcelize
+data class Category(
+    val id: String,
+    val image: String,
+    val title: String
+): Parcelable
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/data/api/dto/DetailProduct.kt b/app/src/main/java/com/alya/ecommerce_serang/data/api/dto/DetailProduct.kt
new file mode 100644
index 0000000..fe2355f
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/data/api/dto/DetailProduct.kt
@@ -0,0 +1,22 @@
+package com.alya.ecommerce_serang.data.api.dto
+
+import com.google.gson.annotations.SerializedName
+
+data class DetailProduct(
+    val category: String,
+    val description: String,
+    val discount: Double?,
+    @SerializedName("favorite")
+    val wishlist: Boolean,
+    val id: String,
+    val images: List<String>,
+    @SerializedName("in_stock")
+    val inStock: Int,
+    val price: Double,
+    val rating: Double,
+    val related: List<Product>,
+    val reviews: Int,
+    val title: String,
+    @SerializedName("free_delivery")
+    val freeDelivery:Boolean
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/data/api/dto/Product.kt b/app/src/main/java/com/alya/ecommerce_serang/data/api/dto/Product.kt
new file mode 100644
index 0000000..4af2851
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/data/api/dto/Product.kt
@@ -0,0 +1,17 @@
+package com.alya.ecommerce_serang.data.api.dto
+
+
+import com.google.gson.annotations.SerializedName
+
+data class Product (
+    val id: String,
+    val discount: Double?,
+    @SerializedName("favorite")
+    var wishlist: Boolean,
+    val image: String,
+    val price: Double,
+    val rating: Double,
+    @SerializedName("rating_count")
+    val ratingCount: Int,
+    val title: String,
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/data/api/response/AllProductResponse.kt b/app/src/main/java/com/alya/ecommerce_serang/data/api/response/AllProductResponse.kt
new file mode 100644
index 0000000..f4fd1a5
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/data/api/response/AllProductResponse.kt
@@ -0,0 +1,57 @@
+package com.alya.ecommerce_serang.data.api.response
+
+import com.google.gson.annotations.SerializedName
+
+data class AllProductResponse(
+
+	@field:SerializedName("message")
+	val message: String,
+
+	@field:SerializedName("products")
+	val products: List<ProductsItem>
+)
+
+data class ProductsItem(
+
+	@field:SerializedName("store_id")
+	val storeId: Int,
+
+	@field:SerializedName("image")
+	val image: String,
+
+	@field:SerializedName("rating")
+	val rating: String,
+
+	@field:SerializedName("description")
+	val description: String,
+
+	@field:SerializedName("weight")
+	val weight: Int,
+
+	@field:SerializedName("is_pre_order")
+	val isPreOrder: Boolean,
+
+	@field:SerializedName("category_id")
+	val categoryId: Int,
+
+	@field:SerializedName("price")
+	val price: String,
+
+	@field:SerializedName("name")
+	val name: String,
+
+	@field:SerializedName("id")
+	val id: Int,
+
+	@field:SerializedName("min_order")
+	val minOrder: Int,
+
+	@field:SerializedName("total_sold")
+	val totalSold: Int,
+
+	@field:SerializedName("stock")
+	val stock: Int,
+
+	@field:SerializedName("status")
+	val status: String
+)
diff --git a/app/src/main/java/com/alya/ecommerce_serang/data/api/response/ProductResponse.kt b/app/src/main/java/com/alya/ecommerce_serang/data/api/response/ProductResponse.kt
new file mode 100644
index 0000000..26b1130
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/data/api/response/ProductResponse.kt
@@ -0,0 +1,60 @@
+package com.alya.ecommerce_serang.data.api.response
+
+import com.google.gson.annotations.SerializedName
+
+data class ProductResponse(
+
+	@field:SerializedName("product")
+	val product: Product,
+
+	@field:SerializedName("message")
+	val message: String
+)
+
+data class Product(
+
+	@field:SerializedName("store_id")
+	val storeId: Int,
+
+	@field:SerializedName("image")
+	val image: String,
+
+	@field:SerializedName("rating")
+	val rating: String,
+
+	@field:SerializedName("description")
+	val description: String,
+
+	@field:SerializedName("weight")
+	val weight: Int,
+
+	@field:SerializedName("product_name")
+	val productName: String,
+
+	@field:SerializedName("is_pre_order")
+	val isPreOrder: Boolean,
+
+	@field:SerializedName("duration")
+	val duration: Any,
+
+	@field:SerializedName("category_id")
+	val categoryId: Int,
+
+	@field:SerializedName("price")
+	val price: String,
+
+	@field:SerializedName("product_id")
+	val productId: Int,
+
+	@field:SerializedName("min_order")
+	val minOrder: Int,
+
+	@field:SerializedName("total_sold")
+	val totalSold: Int,
+
+	@field:SerializedName("stock")
+	val stock: Int,
+
+	@field:SerializedName("product_category")
+	val productCategory: String
+)
diff --git a/app/src/main/java/com/alya/ecommerce_serang/data/api/retrofit/ApiConfig.kt b/app/src/main/java/com/alya/ecommerce_serang/data/api/retrofit/ApiConfig.kt
new file mode 100644
index 0000000..3a2e8f4
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/data/api/retrofit/ApiConfig.kt
@@ -0,0 +1,25 @@
+package com.alya.ecommerce_serang.data.api.retrofit
+
+import com.alya.ecommerce_serang.BuildConfig
+import okhttp3.OkHttpClient
+import okhttp3.logging.HttpLoggingInterceptor
+import retrofit2.Retrofit
+import retrofit2.converter.gson.GsonConverterFactory
+
+class ApiConfig {
+    companion object{
+        fun getApiService(): ApiService {
+            val loggingInterceptor =
+                HttpLoggingInterceptor().setLevel(HttpLoggingInterceptor.Level.BODY)
+            val client = OkHttpClient.Builder()
+                .addInterceptor(loggingInterceptor)
+                .build()
+            val retrofit = Retrofit.Builder()
+                .baseUrl(BuildConfig.BASE_URL)
+                .addConverterFactory(GsonConverterFactory.create())
+                .client(client)
+                .build()
+            return retrofit.create(ApiService::class.java)
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/data/api/retrofit/ApiService.kt b/app/src/main/java/com/alya/ecommerce_serang/data/api/retrofit/ApiService.kt
new file mode 100644
index 0000000..711291d
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/data/api/retrofit/ApiService.kt
@@ -0,0 +1,22 @@
+package com.alya.ecommerce_serang.data.api.retrofit
+
+import com.alya.ecommerce_serang.data.api.response.AllProductResponse
+import com.alya.ecommerce_serang.data.api.response.ProductResponse
+import retrofit2.Call
+import retrofit2.http.GET
+import retrofit2.http.Header
+import retrofit2.http.Path
+
+interface ApiService {
+    @GET("product")
+    fun getAllProduct(
+        @Header("Authorization") token: String = "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6NzEsIm5hbWUiOiJhbHlhIiwiZW1haWwiOiJha3VuYmVsYWphci5hbHlhQGdtYWlsLmNvbSIsInJvbGUiOiJ1c2VyIiwiaWF0IjoxNzM4NDg0OTc0LCJleHAiOjE3NDEwNzY5NzR9.0JyXJQ_6CKiZEi0gvk1gcn-0ILu3a9lOr3HqjhJXbBE"
+    ): Call<AllProductResponse>
+
+
+    @GET("product/detail/{id}")
+    fun getDetailProduct (
+        @Header("Authorization") token: String,
+        @Path("id") productId: Int
+    ): Call<ProductResponse>
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/data/model/Product.kt b/app/src/main/java/com/alya/ecommerce_serang/data/model/Product.kt
new file mode 100644
index 0000000..a5f79ea
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/data/model/Product.kt
@@ -0,0 +1,51 @@
+package com.alya.ecommerce_serang.data.model
+
+import com.google.gson.annotations.SerializedName
+
+data class Product(
+
+    @field:SerializedName("store_id")
+    val storeId: Int,
+
+    @field:SerializedName("image")
+    val image: String,
+
+    @field:SerializedName("rating")
+    val rating: String,
+
+    @field:SerializedName("description")
+    val description: String,
+
+    @field:SerializedName("weight")
+    val weight: Int,
+
+    @field:SerializedName("product_name")
+    val productName: String,
+
+    @field:SerializedName("is_pre_order")
+    val isPreOrder: Boolean,
+
+    @field:SerializedName("duration")
+    val duration: Any,
+
+    @field:SerializedName("category_id")
+    val categoryId: Int,
+
+    @field:SerializedName("price")
+    val price: String,
+
+    @field:SerializedName("product_id")
+    val productId: Int,
+
+    @field:SerializedName("min_order")
+    val minOrder: Int,
+
+    @field:SerializedName("total_sold")
+    val totalSold: Int,
+
+    @field:SerializedName("stock")
+    val stock: Int,
+
+    @field:SerializedName("product_category")
+    val productCategory: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/data/model/User.kt b/app/src/main/java/com/alya/ecommerce_serang/data/model/User.kt
new file mode 100644
index 0000000..c04a59b
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/data/model/User.kt
@@ -0,0 +1,9 @@
+package com.alya.ecommerce_serang.data.model
+
+data class User(
+    val username: String,
+    val avatar:String?,
+    val email:String,
+    val firstName:String?,
+    val lastName:String?
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/data/repository/ProductRepository.kt b/app/src/main/java/com/alya/ecommerce_serang/data/repository/ProductRepository.kt
new file mode 100644
index 0000000..1f73cbd
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/data/repository/ProductRepository.kt
@@ -0,0 +1,35 @@
+package com.alya.ecommerce_serang.data.repository
+
+import android.util.Log
+import com.alya.ecommerce_serang.data.api.response.ProductsItem
+import com.alya.ecommerce_serang.data.api.retrofit.ApiService
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.withContext
+
+class ProductRepository(private val apiService: ApiService) {
+    suspend fun getAllProducts(): Result<List<ProductsItem>> =
+        withContext(Dispatchers.IO) {
+            try {
+                Log.d("ProductRepository", "Attempting to fetch products")
+                val response = apiService.getAllProduct().execute()
+                Log.d("ProductRepository", "Response received. Success: ${response.isSuccessful}")
+                Log.d("ProductRepository", "Response code: ${response.code()}")
+                Log.d("ProductRepository", "Response message: ${response.message()}")
+
+                if (response.isSuccessful) {
+                    Result.success(response.body()?.products ?: emptyList())
+                } else {
+                    Result.failure(Exception("Failed to fetch products"))
+                }
+            } catch (e: Exception) {
+                Result.failure(e)
+            }
+        }
+//    suspend fun getCategories():List<Category>
+//
+//    fun getProducts(query: ProductQuery) : Flow<PagingData<Product>>
+//    fun getRecentSearchs(): Flow<List<String>>
+//    suspend fun clearRecents()
+//    suspend fun addRecents(search:String)
+//    suspend fun getProduct(id:String):DetailProduct
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/ui/MainActivity.kt b/app/src/main/java/com/alya/ecommerce_serang/ui/MainActivity.kt
index 15e1e6e..9450c13 100644
--- a/app/src/main/java/com/alya/ecommerce_serang/ui/MainActivity.kt
+++ b/app/src/main/java/com/alya/ecommerce_serang/ui/MainActivity.kt
@@ -1,31 +1,57 @@
 package com.alya.ecommerce_serang.ui
 
 import android.os.Bundle
-import androidx.activity.enableEdgeToEdge
 import androidx.appcompat.app.AppCompatActivity
-import androidx.core.view.ViewCompat
-import androidx.core.view.WindowInsetsCompat
+import androidx.core.view.isVisible
+import androidx.navigation.fragment.NavHostFragment
+import androidx.navigation.ui.setupWithNavController
 import com.alya.ecommerce_serang.R
 import com.alya.ecommerce_serang.databinding.ActivityMainBinding
-import com.google.android.material.bottomnavigation.BottomNavigationView
-
 
+//@AndroidEntryPoint
 class MainActivity : AppCompatActivity() {
     private lateinit var binding: ActivityMainBinding
+    private val navController by lazy {
+        (supportFragmentManager.findFragmentById(R.id.nav_host_fragment) as NavHostFragment).navController
+    }
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         binding = ActivityMainBinding.inflate(layoutInflater)
         setContentView(binding.root)
 
-        enableEdgeToEdge()
-        setContentView(R.layout.activity_main)
-        ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main)) { v, insets ->
-            val systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars())
-            v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom)
-            insets
-        }
-
-        val bottomNavigationView = findViewById<BottomNavigationView>(R.id.bottom_navigation)
+        setupBottomNavigation()
+        observeDestinationChanges()
 
     }
+
+    private fun setupBottomNavigation() {
+        binding.bottomNavigation.setupWithNavController(navController)
+
+        binding.bottomNavigation.setOnItemSelectedListener { menuItem ->
+            when (menuItem.itemId) {
+                R.id.home_item_fragment -> {
+                    navController.navigate(R.id.homeFragment)
+                    true
+                }
+                R.id.chat_item_fragment -> {
+                    navController.navigate(R.id.chatFragment)
+                    true
+                }
+                R.id.profile_item_fragment -> {
+                    navController.navigate(R.id.profileFragment)
+                    true
+                }
+                else -> false
+            }
+        }
+    }
+
+    private fun observeDestinationChanges() {
+        navController.addOnDestinationChangedListener { _, destination, _ ->
+            binding.bottomNavigation.isVisible = when (destination.id) {
+                R.id.homeFragment, R.id.chatFragment, R.id.profileFragment -> true
+                else -> false // Bottom Navigation tidak terlihat di layar lain
+            }
+        }
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/ui/chat/ChatFragment.kt b/app/src/main/java/com/alya/ecommerce_serang/ui/chat/ChatFragment.kt
new file mode 100644
index 0000000..614134d
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/ui/chat/ChatFragment.kt
@@ -0,0 +1,31 @@
+package com.alya.ecommerce_serang.ui.chat
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import androidx.fragment.app.viewModels
+import com.alya.ecommerce_serang.R
+
+class ChatFragment : Fragment() {
+
+    companion object {
+        fun newInstance() = ChatFragment()
+    }
+
+    private val viewModel: ChatViewModel by viewModels()
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        // TODO: Use the ViewModel
+    }
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View {
+        return inflater.inflate(R.layout.fragment_chat, container, false)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/ui/chat/ChatViewModel.kt b/app/src/main/java/com/alya/ecommerce_serang/ui/chat/ChatViewModel.kt
new file mode 100644
index 0000000..01319f3
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/ui/chat/ChatViewModel.kt
@@ -0,0 +1,7 @@
+package com.alya.ecommerce_serang.ui.chat
+
+import androidx.lifecycle.ViewModel
+
+class ChatViewModel : ViewModel() {
+    // TODO: Implement the ViewModel
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/ui/home/HomeCategoryAdapter.kt b/app/src/main/java/com/alya/ecommerce_serang/ui/home/HomeCategoryAdapter.kt
new file mode 100644
index 0000000..a2b2009
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/ui/home/HomeCategoryAdapter.kt
@@ -0,0 +1,39 @@
+package com.alya.ecommerce_serang.ui.home
+
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import com.alya.ecommerce_serang.data.api.dto.Category
+import com.alya.ecommerce_serang.databinding.ItemCategoryHomeBinding
+import com.bumptech.glide.Glide
+
+class HomeCategoryAdapter(
+    private val categories:List<Category>,
+    //A lambda function that will be invoked when a category item is clicked.
+    private val onClick:(category:Category) -> Unit
+): RecyclerView.Adapter<HomeCategoryAdapter.ViewHolder>() {
+
+    /*
+    ViewHolder is responsible for caching and managing the view references for each item in
+    the RecyclerView.It binds the Category data to the corresponding views within the item layout.
+     */
+    inner class ViewHolder(private val binding: ItemCategoryHomeBinding): RecyclerView.ViewHolder(binding.root){
+        fun bind(category: Category) = with(binding){
+            Glide.with(root).load(category.image).into(image)
+            name.text = category.title
+            root.setOnClickListener{
+                onClick(category)
+            }
+        }
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) = ViewHolder (
+        ItemCategoryHomeBinding.inflate(LayoutInflater.from(parent.context),parent,false)
+    )
+
+    override fun getItemCount() = categories.size
+
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+        holder.bind(categories[position])
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/ui/home/HomeFragment.kt b/app/src/main/java/com/alya/ecommerce_serang/ui/home/HomeFragment.kt
new file mode 100644
index 0000000..41e667e
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/ui/home/HomeFragment.kt
@@ -0,0 +1,145 @@
+package com.alya.ecommerce_serang.ui.home
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.core.view.isVisible
+import androidx.fragment.app.Fragment
+import androidx.lifecycle.ViewModelProvider
+import androidx.lifecycle.lifecycleScope
+import androidx.recyclerview.widget.LinearLayoutManager
+import com.alya.ecommerce_serang.R
+import com.alya.ecommerce_serang.data.api.response.ProductsItem
+import com.alya.ecommerce_serang.data.api.retrofit.ApiConfig
+import com.alya.ecommerce_serang.data.repository.ProductRepository
+import com.alya.ecommerce_serang.databinding.FragmentHomeBinding
+import com.alya.ecommerce_serang.utils.BaseViewModelFactory
+import com.alya.ecommerce_serang.utils.HorizontalMarginItemDecoration
+import com.alya.ecommerce_serang.utils.setLightStatusBar
+import kotlinx.coroutines.launch
+
+//@AndroidEntryPoint
+class HomeFragment : Fragment() {
+
+    private var _binding: FragmentHomeBinding? = null
+    private val binding get() = _binding!!
+    private lateinit var viewModel: HomeViewModel
+    private var productAdapter: HorizontalProductAdapter? = null
+
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View {
+        _binding = FragmentHomeBinding.inflate(inflater, container, false)
+        return binding.root
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        val repository = ProductRepository(ApiConfig.getApiService())
+        viewModel = ViewModelProvider(
+            this,
+            // Pass a lambda that creates the ViewModel
+            BaseViewModelFactory {
+                HomeViewModel(repository)
+            }
+        )[HomeViewModel::class.java]
+
+        initUi()
+        setupRecyclerView()
+        observeData()
+    }
+
+    private fun setupRecyclerView() {
+        productAdapter = HorizontalProductAdapter(
+            products = emptyList(),
+            onClick = { product -> handleProductClick(product) }
+        )
+
+        binding.newProducts.apply {
+            adapter = productAdapter
+            layoutManager = LinearLayoutManager(
+                context,
+                LinearLayoutManager.HORIZONTAL,
+                false
+            )
+        }
+    }
+
+    private fun observeData() {
+        viewLifecycleOwner.lifecycleScope.launch {
+            viewModel.uiState.collect { state ->
+                when (state) {
+                    is HomeUiState.Loading -> {
+                        binding.loading.root.isVisible = true
+                        binding.error.root.isVisible = false
+                        binding.home.isVisible = false
+                    }
+                    is HomeUiState.Success -> {
+                        binding.loading.root.isVisible = false
+                        binding.error.root.isVisible = false
+                        binding.home.isVisible = true
+                        productAdapter?.updateProducts(state.products)
+                    }
+                    is HomeUiState.Error -> {
+                        binding.loading.root.isVisible = false
+                        binding.error.root.isVisible = true
+                        binding.home.isVisible = false
+                        binding.error.errorMessage.text = state.message
+                        binding.error.retryButton.setOnClickListener {
+                            viewModel.retry()
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    private fun initUi() {
+        // For LightStatusBar
+        setLightStatusBar()
+        val banners = binding.banners
+        banners.offscreenPageLimit = 1
+
+        val nextItemVisiblePx = resources.getDimension(R.dimen.viewpager_next_item_visible)
+        val currentItemHorizontalMarginPx =
+            resources.getDimension(R.dimen.viewpager_current_item_horizontal_margin)
+        val pageTranslationX = nextItemVisiblePx + currentItemHorizontalMarginPx
+
+        banners.setPageTransformer { page, position ->
+            page.translationX = -pageTranslationX * position
+            page.scaleY = 1 - (0.25f * kotlin.math.abs(position))
+        }
+
+        banners.addItemDecoration(
+            HorizontalMarginItemDecoration(
+                requireContext(),
+                R.dimen.viewpager_current_item_horizontal_margin
+            )
+        )
+    }
+
+
+    private fun handleProductClick(product: ProductsItem) {
+        // Navigate to product detail
+//        findNavController().navigate(
+//            HomeFragmentDirections.actionHomeToDetail(product.id)
+//        )
+    }
+
+    override fun onDestroyView() {
+        super.onDestroyView()
+        _binding = null
+    }
+
+    private fun showLoading(isLoading: Boolean) {
+        if (isLoading) {
+            binding.progressBar.visibility = View.VISIBLE
+        } else {
+            binding.progressBar.visibility = View.GONE
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/ui/home/HomeViewModel.kt b/app/src/main/java/com/alya/ecommerce_serang/ui/home/HomeViewModel.kt
new file mode 100644
index 0000000..71b52ce
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/ui/home/HomeViewModel.kt
@@ -0,0 +1,60 @@
+package com.alya.ecommerce_serang.ui.home
+
+import android.util.Log
+import androidx.lifecycle.MutableLiveData
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import com.alya.ecommerce_serang.data.api.response.AllProductResponse
+import com.alya.ecommerce_serang.data.api.response.ProductsItem
+import com.alya.ecommerce_serang.data.api.retrofit.ApiConfig
+import com.alya.ecommerce_serang.data.repository.ProductRepository
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.launch
+
+class HomeViewModel (
+    private val productRepository: ProductRepository
+): ViewModel() {
+    private val _uiState = MutableStateFlow<HomeUiState>(HomeUiState.Loading)
+    val uiState: StateFlow<HomeUiState> = _uiState.asStateFlow()
+    val home = MutableLiveData<AllProductResponse?>(null)
+    constructor() : this(ProductRepository(ApiConfig.getApiService()))
+
+
+    init {
+        loadProducts()
+    }
+
+    private fun loadProducts() {
+        viewModelScope.launch {
+            _uiState.value = HomeUiState.Loading
+            productRepository.getAllProducts()
+                .onSuccess { products ->
+                    _uiState.value = HomeUiState.Success(products)
+                }
+                .onFailure { error ->
+                    _uiState.value = HomeUiState.Error(error.message ?: "Unknown error")
+                    Log.e("ProductViewModel", "Products fetch failed", error)
+                }
+        }
+    }
+
+    fun retry() {
+        loadProducts()
+    }
+
+//    fun toggleWishlist(product: Product) = viewModelScope.launch {
+//        try {
+//            productRepository.toggleWishlist(product.id,product.wishlist)
+//        }catch (e:Exception){
+//
+//        }
+//    }
+}
+
+sealed class HomeUiState {
+    object Loading : HomeUiState()
+    data class Success(val products: List<ProductsItem>) : HomeUiState()
+    data class Error(val message: String) : HomeUiState()
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/ui/home/HorizontalProductAdapter.kt b/app/src/main/java/com/alya/ecommerce_serang/ui/home/HorizontalProductAdapter.kt
new file mode 100644
index 0000000..61c48b8
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/ui/home/HorizontalProductAdapter.kt
@@ -0,0 +1,52 @@
+package com.alya.ecommerce_serang.ui.home
+
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import com.alya.ecommerce_serang.data.api.response.ProductsItem
+import com.alya.ecommerce_serang.databinding.ItemProductHorizontalBinding
+import com.bumptech.glide.Glide
+
+class HorizontalProductAdapter(
+    private var products: List<ProductsItem>,
+    private val onClick: (ProductsItem) -> Unit
+) : RecyclerView.Adapter<HorizontalProductAdapter.ProductViewHolder>() {
+
+    inner class ProductViewHolder(private val binding: ItemProductHorizontalBinding) :
+        RecyclerView.ViewHolder(binding.root) {
+
+        fun bind(product: ProductsItem) = with(binding) {
+            itemName.text = product.name
+            itemPrice.text = product.price
+            rating.text = product.rating
+//            productSold.text = "${product.totalSold} sold"
+
+            // Load image using Glide
+            Glide.with(itemView)
+//                .load("${BuildConfig.BASE_URL}/product/${product.image}")
+//                .load("${BuildConfig.BASE_URL}/${product.image}")
+                .load(product.image)
+                .into(image)
+
+            root.setOnClickListener { onClick(product) }
+        }
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ProductViewHolder {
+        val binding = ItemProductHorizontalBinding.inflate(
+            LayoutInflater.from(parent.context), parent, false
+        )
+        return ProductViewHolder(binding)
+    }
+
+    override fun getItemCount() = products.size
+
+    override fun onBindViewHolder(holder: ProductViewHolder, position: Int) {
+        holder.bind(products[position])
+    }
+
+    fun updateProducts(newProducts: List<ProductsItem>) {
+        products = newProducts
+        notifyDataSetChanged()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/ui/product/ProductViewHolder.kt b/app/src/main/java/com/alya/ecommerce_serang/ui/product/ProductViewHolder.kt
new file mode 100644
index 0000000..43a7e0e
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/ui/product/ProductViewHolder.kt
@@ -0,0 +1,35 @@
+package com.alya.ecommerce_serang.ui.product
+
+import androidx.recyclerview.widget.RecyclerView
+import com.alya.ecommerce_serang.R
+import com.alya.ecommerce_serang.data.api.dto.Product
+import com.alya.ecommerce_serang.databinding.ItemProductHorizontalBinding
+import com.bumptech.glide.Glide
+
+class ProductViewHolder(private val binding: ItemProductHorizontalBinding) :
+    RecyclerView.ViewHolder(binding.root) {
+    fun bind(
+        product: Product,
+        onClick: (product: Product) -> Unit,
+    ) = with(binding) {
+        Glide.with(root).load(product.image).into(image)
+
+//        discount.isVisible = product.discount != null
+//        product.discount?.let {
+//            val discount = (product.discount / product.price * 100).roundToInt()
+//            binding.discount.text =
+//                root.context.getString(R.string.fragment_item_product_discount, discount)
+//        }
+
+        itemName.text = product.title
+        rating.text = String.format("%.1f", product.rating)
+
+//        val current = product.price - (product.discount ?: 0.0)
+        val current = product.price
+        itemPrice.text = root.context.getString(R.string.item_price_txt, current)
+
+        root.setOnClickListener {
+            onClick(product)
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/ui/profile/ProfileFragment.kt b/app/src/main/java/com/alya/ecommerce_serang/ui/profile/ProfileFragment.kt
new file mode 100644
index 0000000..2c7a149
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/ui/profile/ProfileFragment.kt
@@ -0,0 +1,31 @@
+package com.alya.ecommerce_serang.ui.profile
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import androidx.fragment.app.viewModels
+import com.alya.ecommerce_serang.R
+
+class ProfileFragment : Fragment() {
+
+    companion object {
+        fun newInstance() = ProfileFragment()
+    }
+
+    private val viewModel: ProfileViewModel by viewModels()
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        // TODO: Use the ViewModel
+    }
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View {
+        return inflater.inflate(R.layout.fragment_profile, container, false)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/ui/profile/ProfileViewModel.kt b/app/src/main/java/com/alya/ecommerce_serang/ui/profile/ProfileViewModel.kt
new file mode 100644
index 0000000..fb0e34f
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/ui/profile/ProfileViewModel.kt
@@ -0,0 +1,7 @@
+package com.alya.ecommerce_serang.ui.profile
+
+import androidx.lifecycle.ViewModel
+
+class ProfileViewModel : ViewModel() {
+    // TODO: Implement the ViewModel
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/utils/BaseFragment.kt b/app/src/main/java/com/alya/ecommerce_serang/utils/BaseFragment.kt
new file mode 100644
index 0000000..19b9ea1
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/utils/BaseFragment.kt
@@ -0,0 +1,7 @@
+package com.alya.ecommerce_serang.utils
+
+import android.view.LayoutInflater
+import android.view.ViewGroup
+
+typealias Inflate<T> = (LayoutInflater, ViewGroup?, Boolean) -> T
+
diff --git a/app/src/main/java/com/alya/ecommerce_serang/utils/BaseViewModelFactory.kt b/app/src/main/java/com/alya/ecommerce_serang/utils/BaseViewModelFactory.kt
new file mode 100644
index 0000000..9673190
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/utils/BaseViewModelFactory.kt
@@ -0,0 +1,13 @@
+package com.alya.ecommerce_serang.utils
+
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.ViewModelProvider
+
+class BaseViewModelFactory<VM : ViewModel>(
+    private val creator: () -> VM
+) : ViewModelProvider.Factory {
+    override fun <T : ViewModel> create(modelClass: Class<T>): T {
+        @Suppress("UNCHECKED_CAST")
+        return creator() as T
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/utils/Functions.kt b/app/src/main/java/com/alya/ecommerce_serang/utils/Functions.kt
new file mode 100644
index 0000000..9e1ba9c
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/utils/Functions.kt
@@ -0,0 +1,22 @@
+package com.alya.ecommerce_serang.utils
+
+import android.os.Build
+import android.view.View
+import android.view.WindowInsetsController
+import androidx.fragment.app.Fragment
+
+fun Fragment.setLightStatusBar(){
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
+        requireActivity().window.insetsController?.setSystemBarsAppearance(
+            WindowInsetsController.APPEARANCE_LIGHT_STATUS_BARS,
+            WindowInsetsController.APPEARANCE_LIGHT_STATUS_BARS)
+    } else {
+        @Suppress("DEPRECATION")
+        requireActivity().window.decorView.systemUiVisibility = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+            View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR or View.SYSTEM_UI_FLAG_LIGHT_NAVIGATION_BAR
+        } else {
+            View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR
+        }
+
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/utils/HorizontalMarginItemDecoration.kt b/app/src/main/java/com/alya/ecommerce_serang/utils/HorizontalMarginItemDecoration.kt
new file mode 100644
index 0000000..28d9a19
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/utils/HorizontalMarginItemDecoration.kt
@@ -0,0 +1,22 @@
+package com.alya.ecommerce_serang.utils
+
+import android.content.Context
+import android.graphics.Rect
+import android.view.View
+import androidx.annotation.DimenRes
+import androidx.recyclerview.widget.RecyclerView
+
+class HorizontalMarginItemDecoration(context: Context, @DimenRes horizontalMarginInDp: Int) :
+    RecyclerView.ItemDecoration() {
+
+    private val horizontalMarginInPx: Int =
+        context.resources.getDimension(horizontalMarginInDp).toInt()
+
+    override fun getItemOffsets(
+        outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State
+    ) {
+        outRect.right = horizontalMarginInPx
+        outRect.left = horizontalMarginInPx
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/alya/ecommerce_serang/utils/ProductQuery.kt b/app/src/main/java/com/alya/ecommerce_serang/utils/ProductQuery.kt
new file mode 100644
index 0000000..83f557e
--- /dev/null
+++ b/app/src/main/java/com/alya/ecommerce_serang/utils/ProductQuery.kt
@@ -0,0 +1,20 @@
+package com.alya.ecommerce_serang.utils
+
+import android.os.Parcelable
+import com.alya.ecommerce_serang.data.api.dto.Category
+import kotlinx.parcelize.Parcelize
+
+@Parcelize
+data class ProductQuery (
+    val category: Category? = null,
+    val search:String? = null,
+    val range:Pair<Float,Float> = 0f to 10000f,
+    val rating:Int? = null,
+    val discount:Int? = null,
+    val sort:List<Sort> = emptyList(),
+    val favorite:Boolean = false
+): Parcelable
+
+enum class Sort{
+    disconunt, voucher, shipping, delivery
+}
\ No newline at end of file
diff --git a/app/src/main/res/drawable/banner_default.jpg b/app/src/main/res/drawable/banner_default.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..4b227f5e29e4a0599768a9e55149456cfdd35523
GIT binary patch
literal 9103
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

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable/baseline_account_circle_24.xml b/app/src/main/res/drawable/baseline_account_circle_24.xml
new file mode 100644
index 0000000..da4b6e5
--- /dev/null
+++ b/app/src/main/res/drawable/baseline_account_circle_24.xml
@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#489EC6" android:viewportHeight="24" android:viewportWidth="24" android:width="24dp">
+      
+    <path android:fillColor="@android:color/white" android:pathData="M12,2C6.48,2 2,6.48 2,12s4.48,10 10,10s10,-4.48 10,-10S17.52,2 12,2zM12,6c1.93,0 3.5,1.57 3.5,3.5S13.93,13 12,13s-3.5,-1.57 -3.5,-3.5S10.07,6 12,6zM12,20c-2.03,0 -4.43,-0.82 -6.14,-2.88C7.55,15.8 9.68,15 12,15s4.45,0.8 6.14,2.12C16.43,19.18 14.03,20 12,20z"/>
+    
+</vector>
diff --git a/app/src/main/res/drawable/baseline_arrow_back_24.xml b/app/src/main/res/drawable/baseline_arrow_back_24.xml
new file mode 100644
index 0000000..f9c67c9
--- /dev/null
+++ b/app/src/main/res/drawable/baseline_arrow_back_24.xml
@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:autoMirrored="true" android:height="24dp" android:tint="#489EC6" android:viewportHeight="24" android:viewportWidth="24" android:width="24dp">
+      
+    <path android:fillColor="@android:color/white" android:pathData="M20,11H7.83l5.59,-5.59L12,4l-8,8 8,8 1.41,-1.41L7.83,13H20v-2z"/>
+    
+</vector>
diff --git a/app/src/main/res/drawable/baseline_chat_24.xml b/app/src/main/res/drawable/baseline_chat_24.xml
new file mode 100644
index 0000000..7fc5c09
--- /dev/null
+++ b/app/src/main/res/drawable/baseline_chat_24.xml
@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:autoMirrored="true" android:height="24dp" android:tint="#489EC6" android:viewportHeight="24" android:viewportWidth="24" android:width="24dp">
+      
+    <path android:fillColor="@android:color/white" android:pathData="M20,2L4,2c-1.1,0 -1.99,0.9 -1.99,2L2,22l4,-4h14c1.1,0 2,-0.9 2,-2L22,4c0,-1.1 -0.9,-2 -2,-2zM6,9h12v2L6,11L6,9zM14,14L6,14v-2h8v2zM18,8L6,8L6,6h12v2z"/>
+    
+</vector>
diff --git a/app/src/main/res/drawable/baseline_home_24.xml b/app/src/main/res/drawable/baseline_home_24.xml
new file mode 100644
index 0000000..b464bbb
--- /dev/null
+++ b/app/src/main/res/drawable/baseline_home_24.xml
@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#489EC6" android:viewportHeight="24" android:viewportWidth="24" android:width="24dp">
+      
+    <path android:fillColor="@android:color/white" android:pathData="M10,20v-6h4v6h5v-8h3L12,3 2,12h3v8z"/>
+    
+</vector>
diff --git a/app/src/main/res/drawable/baseline_search_24.xml b/app/src/main/res/drawable/baseline_search_24.xml
new file mode 100644
index 0000000..27a43c1
--- /dev/null
+++ b/app/src/main/res/drawable/baseline_search_24.xml
@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#E8ECF2" android:viewportHeight="24" android:viewportWidth="24" android:width="24dp">
+      
+    <path android:fillColor="@color/soft_gray" android:pathData="M15.5,14h-0.79l-0.28,-0.27C15.41,12.59 16,11.11 16,9.5 16,5.91 13.09,3 9.5,3S3,5.91 3,9.5 5.91,16 9.5,16c1.61,0 3.09,-0.59 4.23,-1.57l0.27,0.28v0.79l5,4.99L20.49,19l-4.99,-5zM9.5,14C7.01,14 5,11.99 5,9.5S7.01,5 9.5,5 14,7.01 14,9.5 11.99,14 9.5,14z"/>
+    
+</vector>
diff --git a/app/src/main/res/drawable/baseline_star_24.xml b/app/src/main/res/drawable/baseline_star_24.xml
new file mode 100644
index 0000000..cbd9a83
--- /dev/null
+++ b/app/src/main/res/drawable/baseline_star_24.xml
@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#FFE86D" android:viewportHeight="24" android:viewportWidth="24" android:width="24dp">
+      
+    <path android:fillColor="@android:color/white" android:pathData="M12,17.27L18.18,21l-1.64,-7.03L22,9.24l-7.19,-0.61L12,2 9.19,8.63 2,9.24l5.46,4.73L5.82,21z"/>
+    
+</vector>
diff --git a/app/src/main/res/drawable/makanan_ringan.jpg b/app/src/main/res/drawable/makanan_ringan.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..1ff7d4104bcc509c0e6f601406f81b4964da4eff
GIT binary patch
literal 11899
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
PW*p4W&`=NkW#j(<p3E6>

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable/outline_notifications_24.xml b/app/src/main/res/drawable/outline_notifications_24.xml
new file mode 100644
index 0000000..aeb6101
--- /dev/null
+++ b/app/src/main/res/drawable/outline_notifications_24.xml
@@ -0,0 +1,8 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#489EC6" android:viewportHeight="24" android:viewportWidth="24" android:width="24dp">
+      
+    <path
+        android:fillColor="@android:color/white"
+        android:pathData="M12,22c1.1,0 2,-0.9 2,-2h-4c0,1.1 0.9,2 2,2zM18,16v-5c0,-3.07 -1.63,-5.64 -4.5,-6.32L13.5,4c0,-0.83 -0.67,-1.5 -1.5,-1.5s-1.5,0.67 -1.5,1.5v0.68C7.64,5.36 6,7.92 6,11v5l-2,2v1h16v-1l-2,-2zM16,17L8,17v-6c0,-2.48 1.51,-4.5 4,-4.5s4,2.02 4,4.5v6z"
+        />
+    
+</vector>
diff --git a/app/src/main/res/drawable/outline_shopping_cart_24.xml b/app/src/main/res/drawable/outline_shopping_cart_24.xml
new file mode 100644
index 0000000..8680c2d
--- /dev/null
+++ b/app/src/main/res/drawable/outline_shopping_cart_24.xml
@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:tint="#489EC6" android:viewportHeight="24" android:viewportWidth="24" android:width="24dp">
+      
+    <path android:fillColor="@android:color/white" android:pathData="M15.55,13c0.75,0 1.41,-0.41 1.75,-1.03l3.58,-6.49c0.37,-0.66 -0.11,-1.48 -0.87,-1.48L5.21,4l-0.94,-2L1,2v2h2l3.6,7.59 -1.35,2.44C4.52,15.37 5.48,17 7,17h12v-2L7,15l1.1,-2h7.45zM6.16,6h12.15l-2.76,5L8.53,11L6.16,6zM7,18c-1.1,0 -1.99,0.9 -1.99,2S5.9,22 7,22s2,-0.9 2,-2 -0.9,-2 -2,-2zM17,18c-1.1,0 -1.99,0.9 -1.99,2s0.89,2 1.99,2 2,-0.9 2,-2 -0.9,-2 -2,-2z"/>
+    
+</vector>
diff --git a/app/src/main/res/drawable/rating_background.xml b/app/src/main/res/drawable/rating_background.xml
new file mode 100644
index 0000000..4dfd157
--- /dev/null
+++ b/app/src/main/res/drawable/rating_background.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <stroke android:width="1dp"
+        android:color="#33B8BBC6"/>
+    <corners android:radius="11dp"/>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/search_background.xml b/app/src/main/res/drawable/search_background.xml
new file mode 100644
index 0000000..86c8a8f
--- /dev/null
+++ b/app/src/main/res/drawable/search_background.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <stroke android:width="1dp"
+        android:color="@color/soft_gray"/>
+    <corners android:radius="15dp"/>
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/selector_account.xml b/app/src/main/res/drawable/selector_account.xml
new file mode 100644
index 0000000..e20e513
--- /dev/null
+++ b/app/src/main/res/drawable/selector_account.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item
+        android:state_checked="true"
+        android:drawable="@drawable/baseline_account_circle_24" />
+    <item
+        android:drawable="@drawable/outline_account_circle_24" />
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/selector_chat.xml b/app/src/main/res/drawable/selector_chat.xml
new file mode 100644
index 0000000..0675b22
--- /dev/null
+++ b/app/src/main/res/drawable/selector_chat.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item
+        android:state_checked="true"
+        android:drawable="@drawable/baseline_chat_24" />
+    <item
+        android:drawable="@drawable/outline_chat_24" />
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/selector_home.xml b/app/src/main/res/drawable/selector_home.xml
new file mode 100644
index 0000000..67b8c01
--- /dev/null
+++ b/app/src/main/res/drawable/selector_home.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item
+        android:state_checked="true"
+        android:drawable="@drawable/baseline_home_24" />
+    <item
+        android:drawable="@drawable/outline_home_24" />
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
index a953d86..c53dea4 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -1,32 +1,35 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.coordinatorlayout.widget.CoordinatorLayout
+<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:id="@+id/main"
     android:layout_width="match_parent"
-    android:layout_height="match_parent"
+    android:layout_height="wrap_content"
     tools:context=".ui.MainActivity">
 
-
-    <TextView
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="Hello World!"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
-
-    <com.google.android.material.bottomnavigation.BottomNavigationView
-        android:id="@+id/bottom_navigation"
+    <!-- NavHostFragment -->
+    <androidx.fragment.app.FragmentContainerView
+        android:id="@+id/nav_host_fragment"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_gravity="bottom"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/bottom_navigation"
+        android:name="androidx.navigation.fragment.NavHostFragment"
+        app:defaultNavHost="true"
+        app:navGraph="@navigation/nav_graph" />
+
+    <!-- BottomNavigationView -->
+    <com.google.android.material.bottomnavigation.BottomNavigationView
+        android:id="@+id/bottom_navigation"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
         style="@style/Widget.Material3.BottomNavigationView"
         app:menu="@menu/bottom_navigation_menu"
         app:itemIconTint="#489EC6"
-        app:itemIconSize="@dimen/m3_comp_navigation_bar_active_indicator_height"/>
+        app:itemIconSize="@dimen/m3_comp_navigation_bar_active_indicator_height" />
 
-
-</androidx.coordinatorlayout.widget.CoordinatorLayout>
\ No newline at end of file
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/fragment_chat.xml b/app/src/main/res/layout/fragment_chat.xml
new file mode 100644
index 0000000..4f1189a
--- /dev/null
+++ b/app/src/main/res/layout/fragment_chat.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".ui.chat.ChatFragment">
+
+    <TextView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:text="Hello" />
+
+</FrameLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_home.xml b/app/src/main/res/layout/fragment_home.xml
new file mode 100644
index 0000000..fa6588a
--- /dev/null
+++ b/app/src/main/res/layout/fragment_home.xml
@@ -0,0 +1,120 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    tools:context=".ui.home.HomeFragment">
+
+    <ScrollView
+        android:id="@+id/home"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content">
+
+            <include
+                android:id="@+id/searchContainer"
+                layout="@layout/view_search"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="19dp"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <ProgressBar
+                android:id="@+id/progressBar"
+                style="?android:attr/progressBarStyle"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:visibility="gone"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"
+                tools:visibility="visible" />
+
+            <androidx.viewpager2.widget.ViewPager2
+                android:id="@+id/banners"
+                android:layout_width="match_parent"
+                android:layout_height="132dp"
+                android:layout_marginTop="23dp"
+                android:orientation="vertical"
+                app:layout_constraintTop_toBottomOf="@id/searchContainer"
+                tools:layout_editor_absoluteX="16dp" />
+
+
+            <TextView
+                android:id="@+id/categoriesText"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="32dp"
+                android:layout_marginTop="24dp"
+                android:text="@string/fragment_home_categories"
+                android:textColor="@color/dark"
+                android:textSize="22sp"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@id/banners" />
+
+            <com.google.android.material.button.MaterialButton
+                android:id="@+id/showAll"
+                style="@style/Widget.MaterialComponents.Button.TextButton"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginEnd="32dp"
+                android:text="@string/show_all"
+                android:textAllCaps="false"
+                android:textColor="@color/blue1"
+                android:textSize="16sp"
+                app:layout_constraintBaseline_toBaselineOf="@id/categoriesText"
+                app:layout_constraintEnd_toEndOf="parent" />
+
+            <androidx.recyclerview.widget.RecyclerView
+                android:id="@+id/categories"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="19dp"
+                android:clipChildren="false"
+                android:clipToPadding="false"
+                android:orientation="horizontal"
+                android:paddingHorizontal="24dp"
+                app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
+                app:layout_constraintTop_toBottomOf="@id/categoriesText"
+                tools:layout_editor_absoluteX="0dp"
+                tools:listitem="@layout/item_category_home" />
+
+            <androidx.recyclerview.widget.RecyclerView
+                android:id="@+id/new_products"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="39dp"
+                android:layout_marginBottom="32dp"
+                android:orientation="vertical"
+                app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
+                app:layout_constraintTop_toBottomOf="@id/categories"
+                tools:itemCount="5"
+                tools:listitem="@layout/item_section_horizontal" />
+        </androidx.constraintlayout.widget.ConstraintLayout>
+    </ScrollView>
+
+    <include
+        android:id="@+id/loading"
+        layout="@layout/view_loading"/>
+
+    <include
+        android:id="@+id/error"
+        layout="@layout/view_error"/>
+
+</androidx.constraintlayout.widget.ConstraintLayout>
+
+
+    <!--            <com.zhpan.indicator.IndicatorView-->
+    <!--                android:id="@+id/indicator"-->
+    <!--                android:layout_width="wrap_content"-->
+    <!--                android:layout_height="wrap_content"-->
+    <!--                android:layout_marginTop="20dp"-->
+    <!--                app:layout_constraintEnd_toEndOf="parent"-->
+    <!--                app:layout_constraintStart_toStartOf="parent"-->
+    <!--                app:layout_constraintTop_toBottomOf="@+id/banners" />-->
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_profile.xml b/app/src/main/res/layout/fragment_profile.xml
new file mode 100644
index 0000000..28e1eec
--- /dev/null
+++ b/app/src/main/res/layout/fragment_profile.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".ui.profile.ProfileFragment">
+
+    <TextView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:text="Hello" />
+
+</FrameLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/item_category.xml b/app/src/main/res/layout/item_category.xml
new file mode 100644
index 0000000..77d9ef6
--- /dev/null
+++ b/app/src/main/res/layout/item_category.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/item_category_home.xml b/app/src/main/res/layout/item_category_home.xml
new file mode 100644
index 0000000..6a78067
--- /dev/null
+++ b/app/src/main/res/layout/item_category_home.xml
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="88dp"
+    android:layout_height="wrap_content"
+    android:layout_marginHorizontal="8dp"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <com.google.android.material.card.MaterialCardView
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:id="@+id/imageLayout"
+        app:layout_constraintDimensionRatio="1:1"
+        app:cardCornerRadius="14dp"
+        app:layout_constraintTop_toTopOf="parent"
+        app:strokeWidth="1dp"
+        app:strokeColor="@color/gray_1">
+        <ImageView
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:id="@+id/image"
+            android:src="@drawable/makanan_ringan"
+            android:scaleType="centerCrop" />
+    </com.google.android.material.card.MaterialCardView>
+
+    <TextView
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:id="@+id/name"
+        android:textAlignment="center"
+        android:text="@string/fragment_home_item_categories"
+        app:layout_constraintTop_toBottomOf="@id/imageLayout"
+        android:textSize="16sp"
+        android:textColor="@color/dark"
+        android:layout_marginTop="12dp"/>
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/item_product_horizontal.xml b/app/src/main/res/layout/item_product_horizontal.xml
new file mode 100644
index 0000000..e40ba47
--- /dev/null
+++ b/app/src/main/res/layout/item_product_horizontal.xml
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="185dp"
+    android:layout_height="wrap_content"
+    android:layout_marginHorizontal="8dp"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <com.google.android.material.card.MaterialCardView
+        android:id="@+id/imageLayout"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        app:cardCornerRadius="14dp"
+        app:layout_constraintDimensionRatio="272:218"
+        app:layout_constraintTop_toTopOf="parent"
+        app:cardElevation="0dp"
+        app:strokeColor="@color/gray_1"
+        app:strokeWidth="1dp">
+
+        <ImageView
+            android:id="@+id/image"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:scaleType="centerCrop"
+            android:src="@color/blue1" />
+    </com.google.android.material.card.MaterialCardView>
+
+    <TextView
+        android:id="@+id/item_name"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="17dp"
+        android:text="Banana"
+        android:textColor="@color/dark"
+        android:textSize="18sp"
+        app:layout_constraintTop_toBottomOf="@id/imageLayout" />
+
+    <TextView
+        android:id="@+id/item_price"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:text="@string/item_price_txt"
+        android:textColor="@color/dark"
+        android:textStyle="bold"
+        android:textSize="18sp"
+        app:layout_constraintTop_toBottomOf="@id/item_name" />
+
+    <TextView
+        android:id="@+id/rating"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:background="@drawable/rating_background"
+        android:drawablePadding="4dp"
+        android:paddingStart="7dp"
+        android:paddingTop="5dp"
+        android:paddingEnd="11dp"
+        android:paddingBottom="3dp"
+        android:text="4.5"
+        android:textColor="@color/dark"
+        android:textSize="10sp"
+        android:textAlignment="center"
+        android:gravity="center"
+        app:drawableStartCompat="@drawable/baseline_star_24"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/item_price" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/item_section_horizontal.xml b/app/src/main/res/layout/item_section_horizontal.xml
new file mode 100644
index 0000000..41fd5e3
--- /dev/null
+++ b/app/src/main/res/layout/item_section_horizontal.xml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_marginVertical="20dp">
+
+    <TextView
+        android:id="@+id/title"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="32dp"
+        android:textColor="@color/dark"
+        android:text="All grocery"
+        android:textSize="22sp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/showAll"
+        style="@style/Widget.MaterialComponents.Button.TextButton"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginEnd="32dp"
+        android:text="@string/show_all"
+        android:textAllCaps="false"
+        android:textColor="@color/blue1"
+        android:textSize="16sp"
+        app:layout_constraintBaseline_toBaselineOf="@id/title"
+        app:layout_constraintEnd_toEndOf="parent" />
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/products"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:paddingHorizontal="23dp"
+        android:clipToPadding="false"
+        android:clipChildren="false"
+        app:layout_constraintTop_toBottomOf="@id/title"
+        android:layout_marginTop="16dp"
+        android:orientation="horizontal"
+        tools:listitem="@layout/item_product_horizontal"
+        app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"/>
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/item_section_vertical.xml b/app/src/main/res/layout/item_section_vertical.xml
new file mode 100644
index 0000000..fe2883b
--- /dev/null
+++ b/app/src/main/res/layout/item_section_vertical.xml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_marginVertical="20dp"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <TextView
+        android:id="@+id/title"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="32dp"
+        android:textColor="@color/dark"
+        android:text="All grocery"
+        android:textSize="22sp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/showAll"
+        style="@style/Widget.MaterialComponents.Button.TextButton"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginEnd="32dp"
+        android:text="@string/show_all"
+        android:textAllCaps="false"
+        android:textColor="@color/blue1"
+        android:textSize="16sp"
+        app:layout_constraintBaseline_toBaselineOf="@id/title"
+        app:layout_constraintEnd_toEndOf="parent" />
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/products"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:clipChildren="false"
+        android:clipToPadding="false"
+        android:orientation="vertical"
+        android:paddingVertical="25dp"
+        app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
+        app:layout_constraintTop_toBottomOf="@id/title"
+        tools:itemCount="5"
+        tools:layout_editor_absoluteX="16dp"
+        tools:listitem="@layout/item_product_horizontal" />
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/view_error.xml b/app/src/main/res/layout/view_error.xml
new file mode 100644
index 0000000..971a5e9
--- /dev/null
+++ b/app/src/main/res/layout/view_error.xml
@@ -0,0 +1,31 @@
+<?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:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:visibility="gone">
+
+    <TextView
+        android:id="@+id/errorMessage"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:textAlignment="center"
+        android:textSize="16sp"
+        app:layout_constraintBottom_toTopOf="@+id/retryButton"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintVertical_chainStyle="packed" />
+
+    <Button
+        android:id="@+id/retryButton"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="16dp"
+        android:text="Retry"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/errorMessage" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/view_loading.xml b/app/src/main/res/layout/view_loading.xml
new file mode 100644
index 0000000..77d9ef6
--- /dev/null
+++ b/app/src/main/res/layout/view_loading.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/view_search.xml b/app/src/main/res/layout/view_search.xml
new file mode 100644
index 0000000..9e75d20
--- /dev/null
+++ b/app/src/main/res/layout/view_search.xml
@@ -0,0 +1,49 @@
+<?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:layout_width="match_parent"
+    android:layout_height="wrap_content">
+
+    <EditText
+        android:id="@+id/search"
+        android:layout_width="0dp"
+        android:layout_height="48dp"
+        android:background="@drawable/search_background"
+        android:hint="@string/fragment_home_search"
+        android:textColor="@color/soft_gray"
+        android:textSize="16sp"
+        android:layout_marginStart="16dp"
+        android:drawablePadding="8dp"
+        android:paddingHorizontal="25dp"
+        android:imeOptions="actionSearch"
+        android:inputType="text"
+        app:layout_constraintEnd_toStartOf="@id/btn_notification"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:drawableStart="@drawable/baseline_search_24" />
+
+    <ImageButton
+        android:id="@+id/btn_notification"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        android:backgroundTint="@color/white"
+        android:src="@drawable/outline_notifications_24"
+        app:layout_constraintDimensionRatio="1:1"
+        app:layout_constraintBottom_toBottomOf="@id/search"
+        app:layout_constraintEnd_toStartOf="@id/btn_cart"
+        app:layout_constraintTop_toTopOf="@id/search"/>
+
+    <ImageButton
+        android:id="@+id/btn_cart"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        android:layout_marginEnd="16dp"
+        android:padding="8dp"
+        android:backgroundTint="@color/white"
+        android:src="@drawable/outline_shopping_cart_24"
+        app:layout_constraintDimensionRatio="1:1"
+        app:layout_constraintBottom_toBottomOf="@id/search"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="@id/search"/>
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/menu/bottom_navigation_menu.xml b/app/src/main/res/menu/bottom_navigation_menu.xml
index c49220d..eca7241 100644
--- a/app/src/main/res/menu/bottom_navigation_menu.xml
+++ b/app/src/main/res/menu/bottom_navigation_menu.xml
@@ -1,18 +1,18 @@
 <?xml version="1.0" encoding="utf-8"?>
 <menu xmlns:android="http://schemas.android.com/apk/res/android">
     <item
-        android:id="@+id/page_1"
+        android:id="@+id/home_item_fragment"
         android:enabled="true"
-        android:icon="@drawable/outline_home_24"
+        android:icon="@drawable/selector_home"
         android:title="Beranda" />
     <item
-        android:id="@+id/page_2"
+        android:id="@+id/chat_item_fragment"
         android:enabled="true"
-        android:icon="@drawable/outline_chat_24"
+        android:icon="@drawable/selector_chat"
         android:title="Pesan" />
     <item
-        android:id="@+id/page_3"
+        android:id="@+id/profile_item_fragment"
         android:enabled="true"
-        android:icon="@drawable/outline_account_circle_24"
+        android:icon="@drawable/selector_account"
         android:title="Profil" />
 </menu>
\ No newline at end of file
diff --git a/app/src/main/res/navigation/nav_graph.xml b/app/src/main/res/navigation/nav_graph.xml
new file mode 100644
index 0000000..245ec4e
--- /dev/null
+++ b/app/src/main/res/navigation/nav_graph.xml
@@ -0,0 +1,23 @@
+<?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/nav_graph"
+    app:startDestination="@id/homeFragment">
+
+    <fragment
+        android:id="@+id/homeFragment"
+        android:name="com.alya.ecommerce_serang.ui.home.HomeFragment"
+        android:label="fragment_home"
+        tools:layout="@layout/fragment_home" />
+    <fragment
+        android:id="@+id/profileFragment"
+        android:name="com.alya.ecommerce_serang.ui.profile.ProfileFragment"
+        android:label="fragment_profile"
+        tools:layout="@layout/fragment_profile" />
+    <fragment
+        android:id="@+id/chatFragment"
+        android:name="com.alya.ecommerce_serang.ui.chat.ChatFragment"
+        android:label="fragment_chat"
+        tools:layout="@layout/fragment_chat" />
+</navigation>
\ 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 c8524cd..a0d6d78 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -2,4 +2,8 @@
 <resources>
     <color name="black">#FF000000</color>
     <color name="white">#FFFFFFFF</color>
+    <color name="gray_1">#E8ECF2</color>
+    <color name="soft_gray">#7D8FAB</color>
+    <color name="dark">#303733</color>
+    <color name="blue1">#489EC6</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..384454c
--- /dev/null
+++ b/app/src/main/res/values/dimens.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <dimen name="viewpager_current_item_horizontal_margin">32dp</dimen>
+    <dimen name="viewpager_next_item_visible">16dp</dimen>
+</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 2a045f7..007a5f4 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -1,3 +1,14 @@
 <resources>
     <string name="app_name">ecommerce_serang</string>
+
+
+    <!--Placeholder-->
+    <string name="fragment_home_search">Cari produk</string>
+    <string name="fragment_home_categories">Kategori Produk</string>
+    <string name="fragment_home_item_categories">Makanan Ringan</string>
+    <string name="show_all">Lainnya</string>
+
+    <string name="item_price_txt">Rp%.1f</string>
+    <string name="retry">Coba lagi\n</string>
+    <string name="error_loading">Terdapat error...</string>
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/xml/network_security_config.xml b/app/src/main/res/xml/network_security_config.xml
new file mode 100644
index 0000000..f9cb96f
--- /dev/null
+++ b/app/src/main/res/xml/network_security_config.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<network-security-config>
+    <base-config cleartextTrafficPermitted="true">
+        <trust-anchors>
+            <certificates src="system" />
+            <certificates src="user" />
+        </trust-anchors>
+    </base-config>
+    <domain-config cleartextTrafficPermitted="true">
+        <domain includeSubdomains="true">192.168.1.13</domain>
+        <domain includeSubdomains="true">localhost</domain>
+    </domain-config>
+</network-security-config>
\ No newline at end of file
diff --git a/build.gradle.kts b/build.gradle.kts
index f74b04b..1bd531d 100644
--- a/build.gradle.kts
+++ b/build.gradle.kts
@@ -1,4 +1,11 @@
 // Top-level build file where you can add configuration options common to all sub-projects/modules.
+buildscript {
+    dependencies {
+        classpath ("androidx.navigation:navigation-safe-args-gradle-plugin:2.5.1")
+//        classpath("com.google.dagger:hilt-android-gradle-plugin:2.55")
+    }
+}
+
 plugins {
     alias(libs.plugins.android.application) apply false
     alias(libs.plugins.jetbrains.kotlin.android) apply false
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
index da02889..9a7ecd6 100644
--- a/gradle/libs.versions.toml
+++ b/gradle/libs.versions.toml
@@ -1,5 +1,7 @@
 [versions]
 agp = "8.5.2"
+hiltAndroid = "2.51"
+hiltLifecycleViewmodel = "1.0.0-alpha03"
 kotlin = "1.9.0"
 coreKtx = "1.10.1"
 junit = "4.13.2"
@@ -9,9 +11,17 @@ appcompat = "1.7.0"
 material = "1.12.0"
 activity = "1.9.2"
 constraintlayout = "2.1.4"
+legacySupportV4 = "1.0.0"
+lifecycleLivedataKtx = "2.8.7"
+lifecycleViewmodelKtx = "2.8.7"
+fragmentKtx = "1.5.6"
+navigationFragmentKtx = "2.8.5"
+navigationUiKtx = "2.8.5"
 
 [libraries]
 androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
+androidx-hilt-lifecycle-viewmodel = { module = "androidx.hilt:hilt-lifecycle-viewmodel", version.ref = "hiltLifecycleViewmodel" }
+hilt-android = { module = "com.google.dagger:hilt-android", version.ref = "hiltAndroid" }
 junit = { group = "junit", name = "junit", version.ref = "junit" }
 androidx-junit = { group = "androidx.test.ext", name = "junit", version.ref = "junitVersion" }
 androidx-espresso-core = { group = "androidx.test.espresso", name = "espresso-core", version.ref = "espressoCore" }
@@ -19,6 +29,12 @@ androidx-appcompat = { group = "androidx.appcompat", name = "appcompat", version
 material = { group = "com.google.android.material", name = "material", version.ref = "material" }
 androidx-activity = { group = "androidx.activity", name = "activity", version.ref = "activity" }
 androidx-constraintlayout = { group = "androidx.constraintlayout", name = "constraintlayout", version.ref = "constraintlayout" }
+androidx-legacy-support-v4 = { group = "androidx.legacy", name = "legacy-support-v4", version.ref = "legacySupportV4" }
+androidx-lifecycle-livedata-ktx = { group = "androidx.lifecycle", name = "lifecycle-livedata-ktx", version.ref = "lifecycleLivedataKtx" }
+androidx-lifecycle-viewmodel-ktx = { group = "androidx.lifecycle", name = "lifecycle-viewmodel-ktx", version.ref = "lifecycleViewmodelKtx" }
+androidx-fragment-ktx = { group = "androidx.fragment", name = "fragment-ktx", version.ref = "fragmentKtx" }
+androidx-navigation-fragment-ktx = { group = "androidx.navigation", name = "navigation-fragment-ktx", version.ref = "navigationFragmentKtx" }
+androidx-navigation-ui-ktx = { group = "androidx.navigation", name = "navigation-ui-ktx", version.ref = "navigationUiKtx" }
 
 [plugins]
 android-application = { id = "com.android.application", version.ref = "agp" }