diff --git a/app/build.gradle.kts b/app/build.gradle.kts
index 1b48d072a0277af6c3a5bb5d06026a9edf06a8fb..50b7aba200fb672329fb4a183e5b5c837d32f3f5 100644
--- a/app/build.gradle.kts
+++ b/app/build.gradle.kts
@@ -1,6 +1,7 @@
 plugins {
     id("com.android.application")
     id("org.jetbrains.kotlin.android")
+    id("com.google.devtools.ksp")
 }
 
 android {
@@ -33,9 +34,17 @@ android {
     buildFeatures {
         viewBinding = true
     }
+
+    packaging {
+        resources.excludes.add("META-INF/DEPENDENCIES")
+    }
 }
 
+
+
 dependencies {
+    implementation("com.google.android.gms:play-services-location:21.2.0")
+    val roomVersion = "2.6.1"
 
     implementation("androidx.core:core-ktx:1.8.0")
     implementation("androidx.appcompat:appcompat:1.5.1")
@@ -64,10 +73,23 @@ dependencies {
     implementation("com.squareup.retrofit2:converter-moshi:2.9.0")
     implementation("androidx.preference:preference:1.2.1")
 
+    implementation("io.github.evanrupert:excelkt:1.0.2")
+
+    implementation("androidx.room:room-ktx:$roomVersion")
+    ksp("androidx.room:room-compiler:$roomVersion")
+
     implementation("com.github.PhilJay:MPAndroidChart:v3.1.0")
 
     testImplementation("junit:junit:4.13.2")
     androidTestImplementation("androidx.test.ext:junit:1.1.5")
     androidTestImplementation("androidx.test.espresso:espresso-core:3.5.1")
 
+    implementation("androidx.camera:camera-camera2:1.3.2")
+    implementation("androidx.camera:camera-view:1.3.2")
+    implementation("androidx.camera:camera-lifecycle:1.3.2")
+
+    implementation("androidx.activity:activity-ktx:1.8.2")
+
+
+
 }
\ No newline at end of file
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index f1ec3ca3962e81c27a5cfc2d2f70cc2cf38411e2..da074f987b24fe43136886688495d221b55d74a9 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -2,9 +2,21 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools">
 
+
+    <uses-feature
+        android:name="android.hardware.camera"
+        android:required="false" />
+
+    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
+    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
     <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.CAMERA" />
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
+
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
 
     <application
+        android:name=".ui.transactions.TransactionsApplication"
         android:allowBackup="true"
         android:dataExtractionRules="@xml/data_extraction_rules"
         android:fullBackupContent="@xml/backup_rules"
@@ -22,6 +34,12 @@
             android:permission="android.permission.INTERNET">
         </service>
 
+        <receiver
+            android:name=".ui.transactions.TransactionsBroadcastReceiver"
+            android:enabled="true"
+            android:exported="false">
+        </receiver>
+
         <activity
             android:name=".ui.login.LoginActivity"
             android:screenOrientation="portrait"
@@ -40,4 +58,15 @@
 
     </application>
 
+    <queries>
+        <intent>
+            <action android:name="android.intent.action.VIEW" />
+            <data android:scheme="geo" />
+        </intent>
+        <intent>
+            <action android:name="android.intent.action.VIEW" />
+            <data android:scheme="https" />
+        </intent>
+    </queries>
+
 </manifest>
\ No newline at end of file
diff --git a/app/src/main/java/com/example/bondoyap/MainActivity.kt b/app/src/main/java/com/example/bondoyap/MainActivity.kt
index bb0a8bfb7024ffb846255ee25e928a26a381d598..f99a955ca06223a0f5dc78aba72f6cc75a909984 100644
--- a/app/src/main/java/com/example/bondoyap/MainActivity.kt
+++ b/app/src/main/java/com/example/bondoyap/MainActivity.kt
@@ -2,23 +2,38 @@ package com.example.bondoyap
 
 import android.content.Context
 import android.content.Intent
+import android.content.IntentFilter
 import android.content.SharedPreferences
 import android.os.Bundle
+import androidx.activity.viewModels
 import com.google.android.material.bottomnavigation.BottomNavigationView
 import androidx.appcompat.app.AppCompatActivity
+import androidx.core.content.ContentProviderCompat.requireContext
+import androidx.fragment.app.viewModels
+import androidx.localbroadcastmanager.content.LocalBroadcastManager
 import androidx.navigation.findNavController
 import androidx.navigation.ui.AppBarConfiguration
 import androidx.navigation.ui.setupActionBarWithNavController
 import androidx.navigation.ui.setupWithNavController
 import com.example.bondoyap.service.api.Constants.SHARED_PREFS_NAME
 import com.example.bondoyap.databinding.ActivityMainBinding
+import com.example.bondoyap.service.api.Constants
 import com.example.bondoyap.service.jwt.JwtService
 import com.example.bondoyap.ui.login.LoginActivity
+import com.example.bondoyap.ui.transactions.TransactionsApplication
+import com.example.bondoyap.ui.transactions.TransactionsBroadcastReceiver
+import com.example.bondoyap.ui.transactions.TransactionsViewModel
+import com.example.bondoyap.ui.transactions.TransactionsViewModelFactory
 
 class MainActivity : AppCompatActivity() {
 
     private lateinit var binding: ActivityMainBinding
     private lateinit var sharedPreferences: SharedPreferences
+    private lateinit var transactionsBroadcastReceiver: TransactionsBroadcastReceiver
+
+    private val transactionsViewModel: TransactionsViewModel by viewModels {
+        TransactionsViewModelFactory((applicationContext as TransactionsApplication).repository)
+    }
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
@@ -48,8 +63,22 @@ class MainActivity : AppCompatActivity() {
         setupActionBarWithNavController(navController, appBarConfiguration)
 
         navView.setupWithNavController(navController)
+
+        transactionsBroadcastReceiver = TransactionsBroadcastReceiver(transactionsViewModel)
+        val filter = IntentFilter(Constants.ACTION_RANDOMIZE_TRANSACTIONS)
+        LocalBroadcastManager.getInstance(this).registerReceiver(transactionsBroadcastReceiver, filter)
+    }
+
+    override fun onSupportNavigateUp(): Boolean {
+        val navController = findNavController(R.id.nav_host_fragment_activity_main)
+        return navController.navigateUp() || super.onSupportNavigateUp()
     }
     private fun isLoggedIn(): Boolean {
         return sharedPreferences.getBoolean("isLoggedIn", false)
     }
+
+    override fun onDestroy() {
+        super.onDestroy()
+        LocalBroadcastManager.getInstance(this).unregisterReceiver(transactionsBroadcastReceiver)
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/example/bondoyap/service/LocationManager.kt b/app/src/main/java/com/example/bondoyap/service/LocationManager.kt
new file mode 100644
index 0000000000000000000000000000000000000000..3196f9aa9dbadf66b1e00ea7082b75c1a8e45cbf
--- /dev/null
+++ b/app/src/main/java/com/example/bondoyap/service/LocationManager.kt
@@ -0,0 +1,61 @@
+package com.example.bondoyap.service
+
+import android.annotation.SuppressLint
+import android.content.Context
+import android.content.pm.PackageManager
+import android.location.Location
+import android.util.Log
+import androidx.core.app.ActivityCompat
+import androidx.fragment.app.FragmentActivity
+import com.google.android.gms.location.LocationServices
+
+class LocationManager {
+    companion object {
+        fun haveLocationPermission(context: Context): Boolean {
+            return (ActivityCompat.checkSelfPermission(
+                context, android.Manifest.permission.ACCESS_FINE_LOCATION
+            ) == PackageManager.PERMISSION_GRANTED && ActivityCompat.checkSelfPermission(
+                context, android.Manifest.permission.ACCESS_COARSE_LOCATION
+            ) == PackageManager.PERMISSION_GRANTED)
+        }
+
+        fun askLocationPermission(context: Context, activity: FragmentActivity) {
+            if (!haveLocationPermission(context)) {
+                ActivityCompat.requestPermissions(
+                    activity, arrayOf(android.Manifest.permission.ACCESS_FINE_LOCATION), 100
+                )
+            }
+        }
+
+        @SuppressLint("MissingPermission")
+        fun getLocation(context: Context): Location? {
+            var location: Location? = null
+            if (haveLocationPermission(context)) {
+                val fusedLocationProviderClient =
+                    LocationServices.getFusedLocationProviderClient(context)
+                Log.d("LocationManager", "Getting last location")
+                @SuppressLint("MissingPermission")
+                val locationProvider = fusedLocationProviderClient.lastLocation
+                locationProvider.addOnSuccessListener {
+                    if (it != null) {
+                        Log.d(
+                            "LocationManager",
+                            "Updating location to latitude: ${it.latitude} and longitude: ${it.longitude}"
+                        )
+                        location = it
+                    }
+                }
+            }
+
+            if (location == null) {
+                Log.d("LocationManager", "Location is null")
+            } else {
+                Log.d(
+                    "LocationManager",
+                    "Get location at latitude: ${location?.latitude} and longitude: ${location?.longitude}"
+                )
+            }
+            return location
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/bondoyap/service/api/ApiService.kt b/app/src/main/java/com/example/bondoyap/service/api/ApiService.kt
index a7bf474abba94624133338ce218ad87295d7e584..803015586a080eda094a614661e240d63a0eebe1 100644
--- a/app/src/main/java/com/example/bondoyap/service/api/ApiService.kt
+++ b/app/src/main/java/com/example/bondoyap/service/api/ApiService.kt
@@ -1,11 +1,15 @@
 package com.example.bondoyap.service.api
 
+import com.example.bondoyap.service.api.data.BillResponse
 import com.example.bondoyap.service.api.data.LoginRequest
 import com.example.bondoyap.service.api.data.LoginResponse
 import com.example.bondoyap.service.api.data.TokenResponse
+import okhttp3.MultipartBody
 import retrofit2.Call
 import retrofit2.http.Body
+import retrofit2.http.Multipart
 import retrofit2.http.POST
+import retrofit2.http.Part
 
 interface ApiService {
     @POST("auth/login")
@@ -19,6 +23,8 @@ interface ApiService {
     ): Call<TokenResponse>
 
     @POST("bill/upload")
-    fun uploadPicture(
-    )
+    @Multipart
+    fun getBill(
+        @Part photoPart : MultipartBody.Part
+    ) : Call<BillResponse>
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/example/bondoyap/service/api/Constants.kt b/app/src/main/java/com/example/bondoyap/service/api/Constants.kt
index 76fb345217e505ad47427a35808c9e2a256b86ef..897daedea631dae9a33ff6c0eca3671394eb39df 100644
--- a/app/src/main/java/com/example/bondoyap/service/api/Constants.kt
+++ b/app/src/main/java/com/example/bondoyap/service/api/Constants.kt
@@ -3,4 +3,5 @@ package com.example.bondoyap.service.api
 object Constants {
     const val BASE_URL: String = "https://pbd-backend-2024.vercel.app/api/"
     const val SHARED_PREFS_NAME = "BondoYap"
+    const val ACTION_RANDOMIZE_TRANSACTIONS = "com.BondoYap.transactions.randomize"
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/example/bondoyap/service/api/data/BillResponse.kt b/app/src/main/java/com/example/bondoyap/service/api/data/BillResponse.kt
new file mode 100644
index 0000000000000000000000000000000000000000..098c5e658bc2c42e7acb89deea7e3ff7514ea188
--- /dev/null
+++ b/app/src/main/java/com/example/bondoyap/service/api/data/BillResponse.kt
@@ -0,0 +1,5 @@
+package com.example.bondoyap.service.api.data
+
+data class BillResponse(
+    val items : Items
+)
diff --git a/app/src/main/java/com/example/bondoyap/service/api/data/Item.kt b/app/src/main/java/com/example/bondoyap/service/api/data/Item.kt
new file mode 100644
index 0000000000000000000000000000000000000000..cd01390409cf0b82f1638f536e0d814e988817be
--- /dev/null
+++ b/app/src/main/java/com/example/bondoyap/service/api/data/Item.kt
@@ -0,0 +1,9 @@
+package com.example.bondoyap.service.api.data
+import com.squareup.moshi.Json
+
+data class Item(
+    val name : String,
+    @Json(name = "qty")
+    val quantity : Int,
+    val price : Double
+)
diff --git a/app/src/main/java/com/example/bondoyap/service/api/data/Items.kt b/app/src/main/java/com/example/bondoyap/service/api/data/Items.kt
new file mode 100644
index 0000000000000000000000000000000000000000..6c779b17b1baebb2337f106ad94a51398ea47458
--- /dev/null
+++ b/app/src/main/java/com/example/bondoyap/service/api/data/Items.kt
@@ -0,0 +1,6 @@
+package com.example.bondoyap.service.api.data
+import com.squareup.moshi.Json
+
+data class Items(
+    val items : List<Item>
+)
diff --git a/app/src/main/java/com/example/bondoyap/ui/login/LoginActivity.kt b/app/src/main/java/com/example/bondoyap/ui/login/LoginActivity.kt
index e64b43e08ad5bb67e76fc8892e9ef61387d0e9ee..e21b23e4fa0c8c171cb0f1e56f67f635e6dae6b2 100644
--- a/app/src/main/java/com/example/bondoyap/ui/login/LoginActivity.kt
+++ b/app/src/main/java/com/example/bondoyap/ui/login/LoginActivity.kt
@@ -49,6 +49,14 @@ class LoginActivity : AppCompatActivity() {
             loginViewModel = ViewModelProvider(this, factory)[LoginViewModel::class.java]
 
             // skip login
+            loginViewModel.login(
+                "13521xxx@std.stei.itb.ac.id",
+                "password_13521xxx"
+            )
+            if (isLoggedIn()) {
+                navigateToMainActivity()
+                finish()
+            }
 
             loginViewModel.loginFormState.observe(this@LoginActivity, Observer {
                 val loginState = it ?: return@Observer
diff --git a/app/src/main/java/com/example/bondoyap/ui/scanner/ScanResultFragment.kt b/app/src/main/java/com/example/bondoyap/ui/scanner/ScanResultFragment.kt
new file mode 100644
index 0000000000000000000000000000000000000000..0c7913390e762e7536716cb0e985dda5702e0357
--- /dev/null
+++ b/app/src/main/java/com/example/bondoyap/ui/scanner/ScanResultFragment.kt
@@ -0,0 +1,139 @@
+package com.example.bondoyap.ui.scanner
+
+import android.annotation.SuppressLint
+import android.os.Bundle
+import android.util.Log
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.Toast
+import androidx.fragment.app.Fragment
+import androidx.fragment.app.activityViewModels
+import androidx.fragment.app.viewModels
+import androidx.navigation.NavController
+import androidx.navigation.fragment.findNavController
+import androidx.recyclerview.widget.LinearLayoutManager
+import com.example.bondoyap.databinding.FragmentScanResultBinding
+import com.example.bondoyap.service.LocationManager
+import com.example.bondoyap.service.api.data.Item
+import com.example.bondoyap.ui.scanner.listAdapter.ScanResultListAdapter
+import com.example.bondoyap.ui.transactions.TransactionsApplication
+import com.example.bondoyap.ui.transactions.TransactionsViewModel
+import com.example.bondoyap.ui.transactions.TransactionsViewModelFactory
+import com.example.bondoyap.ui.transactions.data.Transactions
+import com.google.android.gms.location.LocationServices
+import java.text.SimpleDateFormat
+import java.util.Date
+import java.util.Locale
+
+
+class ScanResultFragment : Fragment() {
+    // This property is only valid between onCreateView and
+    // onDestroyView.
+    private var _binding: FragmentScanResultBinding? = null
+    private val binding get() = _binding!!
+    private lateinit var navController: NavController
+
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View {
+        _binding = FragmentScanResultBinding.inflate(inflater, container, false)
+        val root: View = binding.root
+
+        navController = findNavController()
+        val scannerViewModel: ScannerViewModel by activityViewModels()
+        val items = scannerViewModel.items ?: throw Exception("Scan Result is null")
+        Log.d("ScanResult", "Result Received: $items")
+
+        val recyclerView = binding.recyclerView
+        val adapter = ScanResultListAdapter()
+        recyclerView.adapter = adapter
+        recyclerView.layoutManager = LinearLayoutManager(requireContext())
+        adapter.submitList(items)
+
+        binding.cancelButton.setOnClickListener {
+            navController.popBackStack()
+        }
+
+        binding.saveButton.setOnClickListener {
+            saveNota(items)
+        }
+
+        return root
+    }
+
+    override fun onDestroyView() {
+        super.onDestroyView()
+        _binding = null
+    }
+
+    private fun saveNota(items: List<Item>) {
+        try {
+            Log.d("ScanResult", "Saving note: $items")
+            saveNotaRepository(items)
+            Toast.makeText(requireContext(), "Nota berhasil disimpan", Toast.LENGTH_SHORT).show()
+            navController.popBackStack()
+        } catch (e: Exception) {
+            Toast.makeText(requireContext(), "Nota gagal disimpan", Toast.LENGTH_SHORT).show()
+            Log.e("ScanResult", "Saving note failed:", e)
+        }
+    }
+
+    private fun saveNotaRepository(items: List<Item>) {
+        val dateDateFormat = SimpleDateFormat("dd/MM/yyyy", Locale.getDefault())
+        val titleDateFormat = SimpleDateFormat("dd_MM_yyyy_HH_mm_ss", Locale.getDefault())
+        val currentTime = Date()
+        val currentDate = dateDateFormat.format(currentTime)
+        val title = titleDateFormat.format(currentTime)
+
+        val value = items.sumOf { it.quantity * it.price }
+
+        val transactionsViewModel: TransactionsViewModel by viewModels {
+            TransactionsViewModelFactory((requireContext().applicationContext as TransactionsApplication).repository)
+        }
+
+        LocationManager.askLocationPermission(requireContext(), requireActivity())
+        Log.d("ScanResult", "Getting location")
+
+        if (LocationManager.haveLocationPermission(requireContext())) {
+            Log.d("ScanResult", "Saving note on database")
+            Log.d("LocationManager", "Getting last location")
+            val fusedLocationProviderClient =
+                LocationServices.getFusedLocationProviderClient(requireContext())
+
+            @SuppressLint("MissingPermission")
+            val locationProvider = fusedLocationProviderClient.lastLocation
+            locationProvider.addOnSuccessListener {
+                if (it != null) {
+                    Log.d(
+                        "LocationManager",
+                        "Updating location to latitude: ${it.latitude} and longitude: ${it.longitude}"
+                    )
+                    val transaction = Transactions(
+                        judul = "Scanner_${title}",
+                        nominal = value,
+                        isPemasukan = false,
+                        tanggal = currentDate,
+                        longitude = it.longitude.toString(),
+                        latitude = it.latitude.toString()
+                    )
+                    transactionsViewModel.upsert(transaction)
+                }
+            }
+        } else {
+            Log.d("ScanResult", "Saving note on database")
+            val transaction = Transactions(
+                judul = "Scanner_${title}",
+                nominal = value,
+                isPemasukan = false,
+                tanggal = currentDate,
+                longitude = "",
+                latitude = ""
+            )
+            transactionsViewModel.upsert(transaction)
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/bondoyap/ui/scanner/ScannerFragment.kt b/app/src/main/java/com/example/bondoyap/ui/scanner/ScannerFragment.kt
index 0996dc927745fd359a7ac320a90b845d8ffb9083..9d0ede0700d3679aa34b33f69bcffb9d5aa516fb 100644
--- a/app/src/main/java/com/example/bondoyap/ui/scanner/ScannerFragment.kt
+++ b/app/src/main/java/com/example/bondoyap/ui/scanner/ScannerFragment.kt
@@ -1,37 +1,145 @@
 package com.example.bondoyap.ui.scanner
 
+import android.Manifest
+import android.app.Activity
+import android.content.ContentResolver
+import android.content.Intent
+import android.net.Uri
 import android.os.Bundle
+import android.provider.MediaStore
+import android.util.Log
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
-import android.widget.TextView
+import androidx.activity.result.ActivityResultLauncher
+import androidx.activity.result.contract.ActivityResultContracts
+import androidx.camera.core.CameraSelector
+import androidx.camera.core.ImageCapture
+import androidx.camera.core.ImageCaptureException
+import androidx.camera.core.Preview
+import androidx.camera.lifecycle.ProcessCameraProvider
+import androidx.core.content.ContextCompat
 import androidx.fragment.app.Fragment
-import androidx.lifecycle.ViewModelProvider
+import androidx.fragment.app.activityViewModels
+import androidx.navigation.NavController
+import androidx.navigation.fragment.findNavController
+import com.example.bondoyap.R
 import com.example.bondoyap.databinding.FragmentScannerBinding
+import com.example.bondoyap.service.api.ApiClient
+import com.example.bondoyap.service.api.data.BillResponse
+import com.example.bondoyap.service.api.data.Items
+import okhttp3.MediaType.Companion.toMediaTypeOrNull
+import okhttp3.MultipartBody
+import okhttp3.RequestBody.Companion.asRequestBody
+import retrofit2.Call
+import retrofit2.Callback
+import retrofit2.Response
+import java.io.File
+import java.io.FileOutputStream
 
-class ScannerFragment : Fragment() {
-
-    private var _binding: FragmentScannerBinding? = null
 
+class ScannerFragment : Fragment() {
     // This property is only valid between onCreateView and
     // onDestroyView.
+    private var _binding: FragmentScannerBinding? = null
     private val binding get() = _binding!!
+    private lateinit var navController: NavController
+
+    // Camera
+    private var isBackCamera = true
+    private var frozenPreview: Boolean = false
+    private var cameraImageFile: File? = null
+    private lateinit var imageCapture: ImageCapture
+    private lateinit var cameraLauncher: ActivityResultLauncher<String>
+
+    // Gallery
+    private lateinit var changeImage: ActivityResultLauncher<Intent>
+    private lateinit var pickImageLauncher: ActivityResultLauncher<String>
+
+    // Upload
+    private lateinit var cacheDir: File
+    private lateinit var contentResolver: ContentResolver
+    private lateinit var apiClient: ApiClient
+
 
     override fun onCreateView(
-            inflater: LayoutInflater,
-            container: ViewGroup?,
-            savedInstanceState: Bundle?
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
     ): View {
-        val scannerViewModel =
-                ViewModelProvider(this).get(ScannerViewModel::class.java)
-
         _binding = FragmentScannerBinding.inflate(inflater, container, false)
         val root: View = binding.root
 
-        val textView: TextView = binding.textScanner
-        scannerViewModel.text.observe(viewLifecycleOwner) {
-            textView.text = it
+        navController = findNavController()
+        cacheDir = requireContext().cacheDir
+        contentResolver = requireContext().contentResolver
+        apiClient = ApiClient()
+
+        cameraLauncher = registerForActivityResult(
+            ActivityResultContracts.RequestPermission()
+        ) { isGranted ->
+            if (isGranted) {
+                startCamera()
+            }
+        }
+
+        changeImage = registerForActivityResult(
+            ActivityResultContracts.StartActivityForResult()
+        ) {
+            if (it.resultCode == Activity.RESULT_OK) {
+                try {
+                    val data = it.data
+                    val imgUri = data?.data ?: throw Exception("Image Uri is null")
+                    Log.d("ImageInput", "Image Selected with URI: $imgUri")
+
+                    // Copying image from external directory to cache
+                    val tempFile = File.createTempFile("Gallery_Image", ".jpg", cacheDir)
+                    val inputStream = contentResolver.openInputStream(imgUri)
+                    val outputStream = FileOutputStream(tempFile)
+                    inputStream?.use { input ->
+                        outputStream.use { output ->
+                            input.copyTo(output)
+                        }
+                    }
+
+                    uploadPhoto(tempFile)
+
+                } catch (e: Exception) {
+                    Log.e("ImageInput", "Image Input Failed:", e)
+                }
+            }
+        }
+
+        val pickImageIntent =
+            Intent(Intent.ACTION_PICK, MediaStore.Images.Media.INTERNAL_CONTENT_URI)
+        pickImageLauncher = registerForActivityResult(
+            ActivityResultContracts.RequestPermission()
+        ) { isGranted ->
+            if (isGranted) {
+                changeImage.launch(pickImageIntent)
+            }
+        }
+
+        imageCapture = ImageCapture.Builder().build()
+        cameraLauncher.launch(Manifest.permission.CAMERA)
+
+        binding.switchCameraButton.setOnClickListener {
+            toggleCamera()
+        }
+
+        binding.captureButton.setOnClickListener {
+            freezePreview()
+        }
+
+        binding.galleryButton.setOnClickListener {
+            pickImageLauncher.launch(Manifest.permission.READ_EXTERNAL_STORAGE)
         }
+
+        binding.uploadButton.isClickable = false
+        binding.uploadButton.setOnClickListener {
+            cameraImageFile?.let { it1 -> uploadPhoto(it1) }
+        }
+
         return root
     }
 
@@ -39,4 +147,113 @@ class ScannerFragment : Fragment() {
         super.onDestroyView()
         _binding = null
     }
+
+    private fun startCamera() {
+        val cameraProviderFuture = ProcessCameraProvider.getInstance(requireContext())
+        cameraProviderFuture.addListener({
+            val cameraProvider = cameraProviderFuture.get()
+
+            val preview = Preview.Builder().build().also { mPreview ->
+                if (!frozenPreview) {
+                    mPreview.setSurfaceProvider(binding.previewView.surfaceProvider)
+                } else {
+                    mPreview.setSurfaceProvider(null)
+                }
+            }
+
+            val imageCapture = ImageCapture.Builder()
+                .setCaptureMode(ImageCapture.CAPTURE_MODE_MINIMIZE_LATENCY)
+                .build()
+
+            val cameraSelector = if (isBackCamera) {
+                CameraSelector.DEFAULT_BACK_CAMERA
+            } else {
+                CameraSelector.DEFAULT_FRONT_CAMERA
+            }
+
+            try {
+                cameraProvider?.unbindAll()
+                cameraProvider?.bindToLifecycle(this, cameraSelector, preview, imageCapture)
+
+                val tempFile = File.createTempFile("Camera_Image", ".jpg", cacheDir)
+                val outputOptions = ImageCapture.OutputFileOptions.Builder(tempFile).build()
+                imageCapture.takePicture(outputOptions,
+                    ContextCompat.getMainExecutor(requireContext()),
+                    object : ImageCapture.OnImageSavedCallback {
+                        override fun onImageSaved(outputFileResults: ImageCapture.OutputFileResults) {
+                            val uriImg = Uri.fromFile(tempFile)
+                            cameraImageFile = tempFile
+                            Log.d("CameraX", "Image captured: $uriImg")
+                        }
+
+                        override fun onError(exception: ImageCaptureException) {
+                            Log.e(
+                                "CameraX",
+                                "Error capturing image: ${exception.message}",
+                                exception
+                            )
+                        }
+                    }
+                )
+            } catch (e: Exception) {
+                Log.e("CameraX", "Starting Camera Failed:", e)
+            }
+        }, ContextCompat.getMainExecutor(requireContext()))
+    }
+
+    private fun toggleCamera() {
+        isBackCamera = !isBackCamera
+        cameraLauncher.launch(Manifest.permission.CAMERA)
+    }
+
+    private fun freezePreview() {
+        frozenPreview = !frozenPreview
+        if (!frozenPreview) {
+            binding.captureButton.text = "Capture"
+            binding.uploadButton.isClickable = false
+        } else {
+            binding.captureButton.text = "Retake"
+            binding.uploadButton.isClickable = true
+        }
+        cameraLauncher.launch(Manifest.permission.CAMERA)
+    }
+
+    private fun uploadPhoto(photo: File) {
+        try {
+            val progressBar = binding.loading
+            progressBar.visibility = View.VISIBLE
+
+            val requestFile = photo.asRequestBody("image/*".toMediaTypeOrNull())
+            val requestBody = MultipartBody.Part.createFormData("file", photo.name, requestFile)
+            val apiCall = apiClient.getApiService(requireContext()).getBill(requestBody)
+            apiCall.enqueue(object : Callback<BillResponse> {
+                override fun onResponse(
+                    call: Call<BillResponse>, response: Response<BillResponse>
+                ) {
+                    if (response.isSuccessful) {
+                        progressBar.visibility = View.GONE
+
+                        val billResponse =
+                            response.body() ?: throw Exception("Bill Response is Empty")
+                        Log.d("BillUpload", "Server Response: $billResponse")
+                        navigateScanResult(billResponse.items)
+                    } else {
+                        Log.e("BillUpload", "Error: ${response.code()}")
+                    }
+                }
+
+                override fun onFailure(call: Call<BillResponse>, t: Throwable) {
+                    Log.e("BillUpload", "Failed to upload bill", t)
+                }
+            })
+        } catch (e: Exception) {
+            Log.e("BillUpload", "Bill Upload Failed:", e)
+        }
+    }
+
+    private fun navigateScanResult(items: Items) {
+        val scannerViewModel: ScannerViewModel by activityViewModels()
+        scannerViewModel.items = items.items
+        navController.navigate(R.id.action_to_scanResultFragment)
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/example/bondoyap/ui/scanner/ScannerViewModel.kt b/app/src/main/java/com/example/bondoyap/ui/scanner/ScannerViewModel.kt
index ba02a0bc2a2ac16f37abfefc81ad9afdc7cd6a0f..3e659568fd7e9ca0d091f8b24e1c7703777b3dc6 100644
--- a/app/src/main/java/com/example/bondoyap/ui/scanner/ScannerViewModel.kt
+++ b/app/src/main/java/com/example/bondoyap/ui/scanner/ScannerViewModel.kt
@@ -3,11 +3,14 @@ package com.example.bondoyap.ui.scanner
 import androidx.lifecycle.LiveData
 import androidx.lifecycle.MutableLiveData
 import androidx.lifecycle.ViewModel
+import com.example.bondoyap.service.api.data.Item
 
 class ScannerViewModel : ViewModel() {
+    var items: List<Item>? = null
 
     private val _text = MutableLiveData<String>().apply {
         value = "This is Scanner Fragment"
     }
     val text: LiveData<String> = _text
+
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/example/bondoyap/ui/scanner/listAdapter/ItemDiffCallback.kt b/app/src/main/java/com/example/bondoyap/ui/scanner/listAdapter/ItemDiffCallback.kt
new file mode 100644
index 0000000000000000000000000000000000000000..15e214aa61d0894a9bc13b086ea6c9845571a7de
--- /dev/null
+++ b/app/src/main/java/com/example/bondoyap/ui/scanner/listAdapter/ItemDiffCallback.kt
@@ -0,0 +1,17 @@
+package com.example.bondoyap.ui.scanner.listAdapter
+
+import androidx.recyclerview.widget.DiffUtil
+import com.example.bondoyap.service.api.data.Item
+
+class ItemDiffCallback : DiffUtil.ItemCallback<Item>() {
+    override fun areItemsTheSame(oldItem: Item, newItem: Item): Boolean {
+        val isNameSame = oldItem.name == newItem.name
+        val isQuantitySame = oldItem.quantity == newItem.quantity
+        val isPriceSame = oldItem.price == newItem.price
+        return isNameSame && isQuantitySame && isPriceSame
+    }
+
+    override fun areContentsTheSame(oldItem: Item, newItem: Item): Boolean {
+        return oldItem == newItem
+    }
+}
diff --git a/app/src/main/java/com/example/bondoyap/ui/scanner/listAdapter/ItemViewHolder.kt b/app/src/main/java/com/example/bondoyap/ui/scanner/listAdapter/ItemViewHolder.kt
new file mode 100644
index 0000000000000000000000000000000000000000..3c751de3299b6cb36e794fe7c31cf07999f5943c
--- /dev/null
+++ b/app/src/main/java/com/example/bondoyap/ui/scanner/listAdapter/ItemViewHolder.kt
@@ -0,0 +1,29 @@
+package com.example.bondoyap.ui.scanner.listAdapter
+
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.TextView
+import androidx.recyclerview.widget.RecyclerView
+import com.example.bondoyap.R
+import com.example.bondoyap.service.api.data.Item
+
+class ItemViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
+    fun bind(item: Item) {
+        val itemName: TextView = itemView.findViewById(R.id.item_name)
+        val itemQuantity: TextView = itemView.findViewById(R.id.item_quantity)
+        val itemPrice: TextView = itemView.findViewById(R.id.item_price)
+
+        itemName.text = "Nama: ${item.name}"
+        itemQuantity.text = "Jumlah: ${item.quantity}"
+        itemPrice.text = "Harga: ${item.price}"
+    }
+
+    companion object {
+        fun create(parent: ViewGroup): ItemViewHolder {
+            val view: View = LayoutInflater.from(parent.context)
+                .inflate(R.layout.recyclerview_scan_result, parent, false)
+            return ItemViewHolder(view)
+        }
+    }
+}
diff --git a/app/src/main/java/com/example/bondoyap/ui/scanner/listAdapter/ScanResultListAdapter.kt b/app/src/main/java/com/example/bondoyap/ui/scanner/listAdapter/ScanResultListAdapter.kt
new file mode 100644
index 0000000000000000000000000000000000000000..d60897087cbdcf1d42dc7263bc9495e249317a7e
--- /dev/null
+++ b/app/src/main/java/com/example/bondoyap/ui/scanner/listAdapter/ScanResultListAdapter.kt
@@ -0,0 +1,17 @@
+package com.example.bondoyap.ui.scanner.listAdapter
+
+import android.view.ViewGroup
+import androidx.recyclerview.widget.ListAdapter
+import com.example.bondoyap.service.api.data.Item
+
+class ScanResultListAdapter :
+    ListAdapter<Item, ItemViewHolder>(ItemDiffCallback()) {
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ItemViewHolder {
+        return ItemViewHolder.create(parent)
+    }
+
+    override fun onBindViewHolder(holder: ItemViewHolder, position: Int) {
+        val currentItem = getItem(position)
+        holder.bind(currentItem)
+    }
+}
diff --git a/app/src/main/java/com/example/bondoyap/ui/settings/SettingsFragment.kt b/app/src/main/java/com/example/bondoyap/ui/settings/SettingsFragment.kt
index 8018684cc1dabee268479d5c16e1e2029ee1dba6..52b63050d563695799b81b4d3222b160e68f6526 100644
--- a/app/src/main/java/com/example/bondoyap/ui/settings/SettingsFragment.kt
+++ b/app/src/main/java/com/example/bondoyap/ui/settings/SettingsFragment.kt
@@ -1,15 +1,28 @@
 package com.example.bondoyap.ui.settings
 
+import android.app.AlertDialog
+import android.content.DialogInterface
 import android.content.Intent
+import android.content.pm.PackageManager
 import android.os.Bundle
+import android.util.Log
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
 import android.widget.Toast
+import androidx.core.app.ActivityCompat
+import androidx.core.content.ContextCompat
 import androidx.fragment.app.Fragment
+import androidx.fragment.app.viewModels
 import androidx.lifecycle.ViewModelProvider
+import androidx.localbroadcastmanager.content.LocalBroadcastManager
 import com.example.bondoyap.databinding.FragmentSettingsBinding
+import com.example.bondoyap.service.api.Constants.ACTION_RANDOMIZE_TRANSACTIONS
 import com.example.bondoyap.ui.login.LoginActivity
+import com.example.bondoyap.ui.transactions.TransactionsApplication
+import com.example.bondoyap.ui.transactions.TransactionsViewModel
+import com.example.bondoyap.ui.transactions.TransactionsViewModelFactory
+import android.Manifest
 
 class SettingsFragment : Fragment() {
 
@@ -17,14 +30,24 @@ class SettingsFragment : Fragment() {
     private val binding get() = _binding!!
     private lateinit var settingsViewModel: SettingsViewModel
 
+    private val transactionsViewModel: TransactionsViewModel by viewModels {
+        TransactionsViewModelFactory((requireContext().applicationContext as TransactionsApplication).repository)
+    }
+
     override fun onCreateView(
         inflater: LayoutInflater,
         container: ViewGroup?,
         savedInstanceState: Bundle?
     ): View {
         _binding = FragmentSettingsBinding.inflate(inflater, container, false)
+
+        if (ContextCompat.checkSelfPermission(requireContext(), Manifest.permission.WRITE_EXTERNAL_STORAGE) != PackageManager.PERMISSION_GRANTED) {
+            ActivityCompat.requestPermissions(requireActivity(), arrayOf(Manifest.permission.WRITE_EXTERNAL_STORAGE), PERMISSION_REQUEST_CODE)
+        }
+
         return binding.root
     }
+
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
         super.onViewCreated(view, savedInstanceState)
 
@@ -39,6 +62,7 @@ class SettingsFragment : Fragment() {
         val randomButton = binding.randomTransactions
         val saveButton = binding.saveTransactions
         val sendButton = binding.sendTransactions
+        val resetButton = binding.resetButton
 
         settingsViewModel.getUser()?.let { user ->
             val loggedInUserText = "Masuk dengan akun:\n ${user.email}"
@@ -47,32 +71,88 @@ class SettingsFragment : Fragment() {
         val appContext = context?.applicationContext
 
         logoutButton.setOnClickListener {
-            settingsViewModel.getUser()
-            settingsViewModel.logout()
-//            findNavController().navigate(R.id.navigation_login)
-
-            val activity = requireActivity()
-            val intent = Intent(activity, LoginActivity::class.java)
-            Toast.makeText(appContext, "Logout Sukses!", Toast.LENGTH_SHORT).show()
-            activity.startActivity(intent)
-            activity.finish()
+            showConfirmationDialog("Logout", "Apakah Anda yakin logout dari aplikasi?") {
+                settingsViewModel.getUser()
+                settingsViewModel.logout()
+
+                val activity = requireActivity()
+                val intent = Intent(activity, LoginActivity::class.java)
+                Toast.makeText(appContext, "Logout Sukses!", Toast.LENGTH_SHORT).show()
+                activity.startActivity(intent)
+                activity.finish()
+            }
+
         }
 
         randomButton.setOnClickListener {
             Toast.makeText(appContext, "Membuat transaksi random ...", Toast.LENGTH_SHORT).show()
-            //todo
+
+            val intent = Intent(ACTION_RANDOMIZE_TRANSACTIONS)
+            intent.putExtra("message", "Randomize from setting!")
+            LocalBroadcastManager.getInstance(requireContext()).sendBroadcast(intent)
+
+            Log.d("BroadcastDebug", "Sending broadcast from SettingsFragment")
         }
 
-        saveButton.setOnClickListener{
-            Toast.makeText(appContext, "Menyimpan transaksi...", Toast.LENGTH_SHORT).show()
-            //todo
+        val exporter = TransactionsExporter(transactionsViewModel, requireContext())
+
+        saveButton.setOnClickListener {
+            if (ContextCompat.checkSelfPermission(requireContext(), Manifest.permission.WRITE_EXTERNAL_STORAGE) != PackageManager.PERMISSION_GRANTED) {
+                Toast.makeText(appContext, "Allow storage permission untuk menyimpan transaksi ke file xls/xlsx", Toast.LENGTH_SHORT).show()
+            } else {
+                val formats = arrayOf("XLS", "XLSX")
+                val builder = AlertDialog.Builder(requireContext())
+                builder.setTitle("Pilih Format File")
+                builder.setItems(formats) { dialog: DialogInterface, which: Int ->
+                    when (which) {
+                        0 -> {
+                            Toast.makeText(appContext, "Menyimpan transaksi ke xls...", Toast.LENGTH_SHORT).show()
+                            exporter.exportToXLS()
+                            Toast.makeText(appContext, "Penyimpanan xls pada folder Documents berhasil...", Toast.LENGTH_SHORT).show()
+                        }
+                        1 -> {
+                            Toast.makeText(appContext, "Menyimpan transaksi ke xlsx...", Toast.LENGTH_SHORT).show()
+                            exporter.exportToXLSX()
+                            Toast.makeText(appContext, "Penyimpanan xlsx pada folder Documents berhasil...", Toast.LENGTH_SHORT).show()
+                        }
+                    }
+                    dialog.dismiss()
+                }
+                builder.create().show()
+            }
         }
 
-        sendButton.setOnClickListener{
+        sendButton.setOnClickListener {
             Toast.makeText(appContext, "Mengirimkan transaksi ...", Toast.LENGTH_SHORT).show()
             //todo
         }
 
+        resetButton.setOnClickListener{
+            Toast.makeText(appContext, "Transaksi di-reset ...", Toast.LENGTH_SHORT).show()
+            showConfirmationDialog("Reset", "Apakah Anda yakin ingin me-reset data transaksi?") {
+                transactionsViewModel.deleteAllTransactions()
+                Toast.makeText(appContext, "Transaksi berhasil di-reset ...", Toast.LENGTH_SHORT).show()
+            }
+        }
+
+    }
+
+    private fun showConfirmationDialog(title: String, message: String, action: () -> Unit) {
+        val builder = AlertDialog.Builder(requireContext())
+        builder.setTitle(title)
+        builder.setMessage(message)
+        builder.setPositiveButton("Ya") { _, _ ->
+            action.invoke()
+        }
+        builder.setNegativeButton("Tidak") { dialog, _ ->
+            dialog.dismiss()
+        }
+        val dialog = builder.create()
+        dialog.show()
+    }
+
+    companion object {
+        private const val PERMISSION_REQUEST_CODE = 1001
     }
 
     override fun onDestroyView() {
diff --git a/app/src/main/java/com/example/bondoyap/ui/settings/SettingsViewModel.kt b/app/src/main/java/com/example/bondoyap/ui/settings/SettingsViewModel.kt
index 6038adcbe40a12ade0663f68d32d295401f2690a..126d2f8867aa68b32386f7eb25275f64d1044596 100644
--- a/app/src/main/java/com/example/bondoyap/ui/settings/SettingsViewModel.kt
+++ b/app/src/main/java/com/example/bondoyap/ui/settings/SettingsViewModel.kt
@@ -16,7 +16,6 @@ class SettingsViewModel(private val loginRepository: LoginRepository) : ViewMode
     fun logout(){
         loginRepository.logout()
     }
-
     fun getUser(): LoggedInUser? {
         return loginRepository.getUser()
     }
diff --git a/app/src/main/java/com/example/bondoyap/ui/settings/TransactionsExporter.kt b/app/src/main/java/com/example/bondoyap/ui/settings/TransactionsExporter.kt
new file mode 100644
index 0000000000000000000000000000000000000000..05c76159446de6ac39e1ac0589deff017b8bfe8c
--- /dev/null
+++ b/app/src/main/java/com/example/bondoyap/ui/settings/TransactionsExporter.kt
@@ -0,0 +1,98 @@
+package com.example.bondoyap.ui.settings
+
+import android.content.Context
+import android.location.Address
+import android.location.Geocoder
+import android.os.Environment
+import android.os.Handler
+import android.os.Looper
+import android.util.Log
+import androidx.lifecycle.viewModelScope
+import com.example.bondoyap.ui.transactions.TransactionsViewModel
+import com.example.bondoyap.ui.transactions.data.Transactions
+import io.github.evanrupert.excelkt.Sheet
+import io.github.evanrupert.excelkt.workbook
+import kotlinx.coroutines.launch
+import org.apache.poi.ss.usermodel.FillPatternType
+import org.apache.poi.ss.usermodel.IndexedColors
+import java.io.File
+import java.util.Locale
+
+class TransactionsExporter(private val transactionsViewModel: TransactionsViewModel, val context: Context) {
+    fun exportToXLS() {
+        transactionsViewModel.viewModelScope.launch {
+            val transactions = transactionsViewModel.getAllTransactionsList()
+            Log.d("SaveDebug", "xls function")
+            writeToExcel("transactions.xls", transactions)
+        }
+    }
+
+    fun exportToXLSX() {
+        transactionsViewModel.viewModelScope.launch {
+            val transactions = transactionsViewModel.getAllTransactionsList()
+            Log.d("SaveDebug", "xlsx function")
+            writeToExcel("transactions.xlsx", transactions)
+        }
+    }
+
+    private fun writeToExcel(fileName: String, transactions: List<Transactions>) {
+        val downloadsDir = Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_DOCUMENTS)
+        val file = File(downloadsDir, fileName)
+
+        workbook {
+            sheet("Transactions") {
+                transactionsHeader()
+
+                for (transaction in transactions) {
+                    row {
+                        cell(transaction.tanggal)
+                        cell(
+                            if (transaction.isPemasukan) {
+                                "Pemasukan"
+                            } else {
+                                "Pengeluaran"
+                            }
+                        )
+                        cell(transaction.nominal)
+                        cell(transaction.judul)
+                        cell(if (transaction.longitude.isEmpty() || transaction.latitude.isEmpty()) {
+                            "Unavailable"
+                        } else {
+                            val addresses: List<Address> =
+                                Geocoder(context, Locale.getDefault()).getFromLocation(
+                                    transaction.latitude.toDouble(),
+                                    transaction.longitude.toDouble(),
+                                    1
+                                ) ?: emptyList()
+                            if (addresses.isNotEmpty()) {
+                                val locationName = addresses[0].getAddressLine(0)
+                                locationName
+                            } else {
+                                "Unavailable"
+                            }
+                        })
+                    }
+                }
+            }
+        }.write(file.absolutePath)
+    }
+
+
+    private fun Sheet.transactionsHeader() {
+        val headings = listOf("Tanggal", "Kategori Transaksi", "Nominal Transaksi", "Nama Transaksi", "Lokasi")
+
+        val headingStyle = createCellStyle {
+            setFont(createFont {
+                fontName = "IMPACT"
+                color = IndexedColors.BLACK.index
+            })
+
+            fillPattern = FillPatternType.SOLID_FOREGROUND
+            fillForegroundColor = IndexedColors.YELLOW.index
+        }
+
+        row(headingStyle) {
+            headings.forEach { cell(it) }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/bondoyap/ui/transactions/AddTransactionsFragment.kt b/app/src/main/java/com/example/bondoyap/ui/transactions/AddTransactionsFragment.kt
new file mode 100644
index 0000000000000000000000000000000000000000..3179e81a058d04067bf17a8fb0807344e3d502bc
--- /dev/null
+++ b/app/src/main/java/com/example/bondoyap/ui/transactions/AddTransactionsFragment.kt
@@ -0,0 +1,128 @@
+package com.example.bondoyap.ui.transactions
+
+import android.R
+import android.annotation.SuppressLint
+import android.os.Bundle
+import android.util.Log
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ArrayAdapter
+import android.widget.Toast
+import androidx.fragment.app.Fragment
+import androidx.fragment.app.viewModels
+import com.example.bondoyap.databinding.FragmentAddTransactionsBinding
+import com.example.bondoyap.service.LocationManager
+import com.example.bondoyap.ui.transactions.data.Transactions
+import com.google.android.gms.location.LocationServices
+import java.text.SimpleDateFormat
+import java.util.Date
+import java.util.Locale
+
+class AddTransactionsFragment : Fragment() {
+
+    private var _binding: FragmentAddTransactionsBinding? = null
+
+    // This property is only valid between onCreateView and
+    // onDestroyView.
+    private val binding get() = _binding!!
+
+    private val transactionsViewModel: TransactionsViewModel by viewModels {
+        TransactionsViewModelFactory((requireContext().applicationContext as TransactionsApplication).repository)
+    }
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View {
+        _binding = FragmentAddTransactionsBinding.inflate(inflater, container, false)
+
+        val pemasukan = "Pemasukan"
+        val pengeluaran = "Pengeluaran"
+
+        val categories = arrayOf(pemasukan, pengeluaran)
+        val adapter = ArrayAdapter(requireContext(), R.layout.simple_spinner_item, categories)
+
+        adapter.setDropDownViewResource(R.layout.simple_spinner_dropdown_item)
+        binding.spinnerKategori.adapter = adapter
+
+        LocationManager.askLocationPermission(requireContext(), requireActivity())
+
+        binding.buttonSimpan.setOnClickListener {
+            val isPemasukan: Boolean = when (binding.spinnerKategori.selectedItem.toString()) {
+                pemasukan -> true
+                else -> false
+            }
+
+            val dateFormat = SimpleDateFormat("dd/MM/yyyy", Locale.getDefault())
+            val currentDate = dateFormat.format(Date())
+
+            val judul = if (binding.editTextJudul.text.toString().trim().isNotEmpty()) {
+                binding.editTextJudul.text.toString()
+            } else {
+                "Untitled"
+            }
+
+            val nominal = if (binding.editTextNominal.text.toString().trim().isNotEmpty()) {
+                binding.editTextNominal.text.toString().toDouble()
+            } else {
+                0.0
+            }
+
+            LocationManager.askLocationPermission(requireContext(), requireActivity())
+
+            if (LocationManager.haveLocationPermission(requireContext())) {
+                Log.d("ScanResult", "Saving note on database")
+                Log.d("LocationManager", "Getting last location")
+                val fusedLocationProviderClient =
+                    LocationServices.getFusedLocationProviderClient(requireContext())
+
+                @SuppressLint("MissingPermission")
+                val locationProvider = fusedLocationProviderClient.lastLocation
+                locationProvider.addOnSuccessListener {
+                    if (it != null) {
+                        Log.d(
+                            "LocationManager",
+                            "Updating location to latitude: ${it.latitude} and longitude: ${it.longitude}"
+                        )
+                        val transaction = Transactions(
+                            judul = judul,
+                            nominal = nominal,
+                            isPemasukan = isPemasukan,
+                            tanggal = currentDate,
+                            longitude = it.longitude.toString(),
+                            latitude = it.latitude.toString()
+                        )
+                        transactionsViewModel.upsert(transaction)
+                    }
+                }
+            } else {
+                Log.d("ScanResult", "Saving note on database")
+                val transaction = Transactions(
+                    judul = judul,
+                    nominal = nominal,
+                    isPemasukan = isPemasukan,
+                    tanggal = currentDate,
+                    longitude = "",
+                    latitude = ""
+                )
+                transactionsViewModel.upsert(transaction)
+            }
+
+            Toast.makeText(requireContext(), "Transaksi berhasil disimpan", Toast.LENGTH_SHORT)
+                .show()
+
+            binding.editTextJudul.text.clear()
+            binding.editTextNominal.text.clear()
+            binding.spinnerKategori.setSelection(0)
+        }
+
+        return binding.root
+    }
+
+    override fun onDestroyView() {
+        super.onDestroyView()
+        _binding = null
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/bondoyap/ui/transactions/EditTransactionsFragment.kt b/app/src/main/java/com/example/bondoyap/ui/transactions/EditTransactionsFragment.kt
new file mode 100644
index 0000000000000000000000000000000000000000..d0b9e61cd7c193ba3e5f41a0b3fb821c180a4094
--- /dev/null
+++ b/app/src/main/java/com/example/bondoyap/ui/transactions/EditTransactionsFragment.kt
@@ -0,0 +1,236 @@
+package com.example.bondoyap.ui.transactions
+
+import android.R
+import android.annotation.SuppressLint
+import android.app.AlertDialog
+import android.location.Address
+import android.location.Geocoder
+import android.os.Bundle
+import android.os.Handler
+import android.os.Looper
+import android.text.SpannableStringBuilder
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ArrayAdapter
+import android.widget.Toast
+import androidx.fragment.app.Fragment
+import androidx.fragment.app.viewModels
+import androidx.navigation.fragment.findNavController
+import com.example.bondoyap.databinding.FragmentEditTransactionsBinding
+import com.example.bondoyap.service.LocationManager
+import com.example.bondoyap.ui.transactions.data.Transactions
+import com.google.android.gms.location.FusedLocationProviderClient
+import com.google.android.gms.location.LocationServices
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers.Main
+import kotlinx.coroutines.launch
+import java.util.Locale
+
+class EditTransactionsFragment : Fragment() {
+
+    private var _binding: FragmentEditTransactionsBinding? = null
+
+    // This property is only valid between onCreateView and
+    // onDestroyView.
+    private val binding get() = _binding!!
+
+    private val transactionsViewModel: TransactionsViewModel by viewModels {
+        TransactionsViewModelFactory((requireContext().applicationContext as TransactionsApplication).repository)
+    }
+
+    private lateinit var fusedLocationProviderClient: FusedLocationProviderClient
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View {
+        _binding = FragmentEditTransactionsBinding.inflate(inflater, container, false)
+
+        var tanggal = ""
+        var latitude = ""
+        var longitude = ""
+
+        val pemasukan = "Pemasukan"
+        val pengeluaran = "Pengeluaran"
+
+        val categories = arrayOf(pemasukan, pengeluaran)
+        val adapter = ArrayAdapter(requireContext(), R.layout.simple_spinner_item, categories)
+
+        adapter.setDropDownViewResource(R.layout.simple_spinner_dropdown_item)
+        binding.spinnerKategori.adapter = adapter
+
+        binding.spinnerKategori.isEnabled = false
+        binding.editTextLokasi.isEnabled = false
+
+        val transactionId: Int = arguments?.getInt("transaction_id") ?: -1
+
+        CoroutineScope(Main).launch {
+
+            val originalTransaction: Transactions = transactionsViewModel.get(transactionId)
+
+            binding.editTextJudul.text = SpannableStringBuilder(originalTransaction.judul)
+            binding.editTextNominal.text =
+                SpannableStringBuilder(originalTransaction.nominal.toBigDecimal().toString())
+
+            if (originalTransaction.isPemasukan) {
+                binding.spinnerKategori.setSelection(categories.indexOf(pemasukan))
+            } else {
+                binding.spinnerKategori.setSelection(categories.indexOf(pengeluaran))
+            }
+
+            tanggal = originalTransaction.tanggal
+            longitude = originalTransaction.longitude
+            latitude = originalTransaction.latitude
+
+            if (originalTransaction.longitude.isEmpty() || originalTransaction.latitude.isEmpty()) {
+                binding.editTextLokasi.text = SpannableStringBuilder("Unavailable")
+            } else {
+                val addresses: List<Address> =
+                    Geocoder(requireContext(), Locale.getDefault()).getFromLocation(
+                        originalTransaction.latitude.toDouble(),
+                        originalTransaction.longitude.toDouble(),
+                        1
+                    ) ?: emptyList()
+                if (addresses.isNotEmpty()) {
+                    val locationName = addresses[0].getAddressLine(0)
+                    Handler(Looper.getMainLooper()).post {
+                        binding.editTextLokasi.text = SpannableStringBuilder(locationName)
+                    }
+                }
+            }
+        }
+
+        LocationManager.askLocationPermission(requireContext(), requireActivity())
+        fusedLocationProviderClient = LocationServices.getFusedLocationProviderClient(requireContext())
+
+        binding.checkboxUpdateLokasi.setOnCheckedChangeListener { _, isChecked ->
+            if (isChecked) {
+                if (!LocationManager.haveLocationPermission(requireContext())) {
+                    binding.checkboxUpdateLokasi.isChecked = false
+                    LocationManager.askLocationPermission(requireContext(), requireActivity())
+                }
+            }
+        }
+
+        binding.buttonUpdate.setOnClickListener {
+            val isPemasukan: Boolean = when (binding.spinnerKategori.selectedItem.toString()) {
+                pemasukan -> true
+                else -> false
+            }
+
+            val judul = if (binding.editTextJudul.text.toString().trim().isNotEmpty()) {
+                binding.editTextJudul.text.toString()
+            } else {
+                "Untitled"
+            }
+
+            val nominal = if (binding.editTextNominal.text.toString().trim().isNotEmpty()) {
+                binding.editTextNominal.text.toString().toDouble()
+            } else {
+                0.0
+            }
+
+            val transaction = Transactions(
+                judul = judul,
+                nominal = nominal,
+                isPemasukan = isPemasukan,
+                tanggal = tanggal,
+                longitude = longitude,
+                latitude = latitude,
+                id = transactionId
+            )
+
+            if (binding.checkboxUpdateLokasi.isChecked) {
+                @SuppressLint("MissingPermission")
+                val location = fusedLocationProviderClient.lastLocation
+                location.addOnSuccessListener { loc ->
+                    if (loc != null) {
+                        latitude = loc.latitude.toString()
+                        longitude = loc.longitude.toString()
+
+                        transaction.latitude = latitude
+                        transaction.longitude = longitude
+                    }
+                }
+            }
+
+            showConfirmationDialog("Update", "Apakah Anda yakin ingin memperbarui transaksi ini?") {
+                transactionsViewModel.upsert(transaction)
+
+                binding.editTextJudul.text = SpannableStringBuilder(transaction.judul)
+                binding.editTextNominal.text =
+                    SpannableStringBuilder(transaction.nominal.toBigDecimal().toString())
+
+                if (transaction.longitude.isEmpty() || transaction.latitude.isEmpty()) {
+                    binding.editTextLokasi.text = SpannableStringBuilder("Unavailable")
+                } else {
+                    val addresses: List<Address> =
+                        Geocoder(requireContext(), Locale.getDefault()).getFromLocation(
+                            transaction.latitude.toDouble(),
+                            transaction.longitude.toDouble(),
+                            1
+                        ) ?: emptyList()
+                    if (addresses.isNotEmpty()) {
+                        val locationName = addresses[0].getAddressLine(0)
+                        Handler(Looper.getMainLooper()).post {
+                            binding.editTextLokasi.text = SpannableStringBuilder(locationName)
+                        }
+                    }
+                }
+
+                if (transaction.isPemasukan) {
+                    binding.spinnerKategori.setSelection(categories.indexOf(pemasukan))
+                } else {
+                    binding.spinnerKategori.setSelection(categories.indexOf(pengeluaran))
+                }
+                Toast.makeText(
+                    requireContext(),
+                    "Transaksi berhasil diperbarui",
+                    Toast.LENGTH_SHORT
+                ).show()
+            }
+
+
+        }
+
+        binding.buttonHapus.setOnClickListener {
+            val transaction = Transactions(
+                judul = "",
+                nominal = 0.0,
+                isPemasukan = false,
+                tanggal = "",
+                id = transactionId
+            )
+
+            showConfirmationDialog("Hapus", "Apakah Anda yakin ingin menghapus transaksi ini?") {
+                transactionsViewModel.delete(transaction)
+                findNavController().navigate(com.example.bondoyap.R.id.navigation_transactions)
+                Toast.makeText(requireContext(), "Transaksi berhasil dihapus", Toast.LENGTH_SHORT)
+                    .show()
+            }
+        }
+
+        return binding.root
+    }
+
+    private fun showConfirmationDialog(title: String, message: String, action: () -> Unit) {
+        val builder = AlertDialog.Builder(requireContext())
+        builder.setTitle(title)
+        builder.setMessage(message)
+        builder.setPositiveButton("Ya") { _, _ ->
+            action.invoke()
+        }
+        builder.setNegativeButton("Tidak") { dialog, _ ->
+            dialog.dismiss()
+        }
+        val dialog = builder.create()
+        dialog.show()
+    }
+
+    override fun onDestroyView() {
+        super.onDestroyView()
+        _binding = null
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/bondoyap/ui/transactions/TransactionsApplication.kt b/app/src/main/java/com/example/bondoyap/ui/transactions/TransactionsApplication.kt
new file mode 100644
index 0000000000000000000000000000000000000000..0634b8129e6625beb80b829d449e8f6219f26988
--- /dev/null
+++ b/app/src/main/java/com/example/bondoyap/ui/transactions/TransactionsApplication.kt
@@ -0,0 +1,10 @@
+package com.example.bondoyap.ui.transactions
+
+import android.app.Application
+import com.example.bondoyap.ui.transactions.data.TransactionsRepository
+import com.example.bondoyap.ui.transactions.data.TransactionsRoomDatabase
+
+class TransactionsApplication: Application() {
+    val database by lazy { TransactionsRoomDatabase.getDatabase(this) }
+    val repository by lazy { TransactionsRepository(database.transactionsDao()) }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/bondoyap/ui/transactions/TransactionsBroadcastReceiver.kt b/app/src/main/java/com/example/bondoyap/ui/transactions/TransactionsBroadcastReceiver.kt
new file mode 100644
index 0000000000000000000000000000000000000000..fa5d8fc4bf947d2ee073ebd84544518b6c806e9a
--- /dev/null
+++ b/app/src/main/java/com/example/bondoyap/ui/transactions/TransactionsBroadcastReceiver.kt
@@ -0,0 +1,83 @@
+package com.example.bondoyap.ui.transactions
+
+import android.content.BroadcastReceiver
+import android.content.Context
+import android.content.Intent
+import android.content.pm.PackageManager
+import android.util.Log
+import android.widget.Toast
+import androidx.core.app.ActivityCompat
+import com.example.bondoyap.ui.transactions.data.Transactions
+import com.google.android.gms.location.FusedLocationProviderClient
+import com.google.android.gms.location.LocationServices
+import java.text.SimpleDateFormat
+import java.util.Date
+import java.util.Locale
+import kotlin.random.Random
+
+class TransactionsBroadcastReceiver(private val transactionsViewModel: TransactionsViewModel) : BroadcastReceiver() {
+    private lateinit var fusedLocationProviderClient: FusedLocationProviderClient
+    private lateinit var latitude: String
+    private lateinit var longitude: String
+
+    private val listJudulTransaksi = listOf(
+        "Belanja Bulanan", "Gajian", "THR", "Tagihan Listrik", "Tagihan Air", "Tagihan Internet", "Kebutuhan Dapur", "Pakaian", "Elektronik", "Makanan",
+        "Bahan Bakar", "Cicilan", "Asuransi", "Pajak", "Angsuran Kredit", "Tiket Transportasi", "Tiket Konser", "Biaya Pendidikan", "Sewa Rumah", "Tagihan Kartu Kredit",
+        "Gaji Bonus", "Infaq", "Zakat", "Donasi", "Uang Saku", "Tabungan", "Investasi", "Liburan", "Rekreasi", "Hadiah",
+        "Hutang Lunas", "Pinjaman Lunas", "Pensiun", "Bonus Tahunan", "Uang Jajan", "Royalti", "Hadiah Ulang Tahun", "Bayar Utang", "Refund", "Uang Lebaran",
+        "Uang Jalan", "Uang Makan", "Uang Sakit", "Uang Pemberian", "Uang Saku Anak", "Pensiun Dini", "Komisi", "Tunai Back"
+    )
+
+    override fun onReceive(context: Context?, intent: Intent?) {
+        Log.d("BroadcastDebug", "Broadcast received in AddTransactionsFragment")
+
+        context ?: return
+
+        val randomJudul = listJudulTransaksi[Random.nextInt(listJudulTransaksi.size)]
+        val randomNominal = Random.nextDouble(1000000000000000.0)
+        val randomIsPemasukan = Random.nextBoolean()
+        val dateFormat = SimpleDateFormat("dd/MM/yyyy", Locale.getDefault())
+        val currentDate = dateFormat.format(Date())
+
+        fusedLocationProviderClient = LocationServices.getFusedLocationProviderClient(context)
+        val location = fusedLocationProviderClient.lastLocation
+        location.addOnSuccessListener {
+            if(it != null) {
+                latitude = it.latitude.toString()
+                longitude = it.longitude.toString()
+
+                val transaction: Transactions = Transactions(
+                    judul = randomJudul,
+                    nominal = randomNominal,
+                    isPemasukan = randomIsPemasukan,
+                    tanggal = currentDate,
+                    longitude = longitude,
+                    latitude = latitude
+                )
+                transactionsViewModel.upsert(transaction)
+            }
+        }
+
+        if(
+            ActivityCompat.checkSelfPermission(context, android.Manifest.permission.ACCESS_FINE_LOCATION)
+            != PackageManager.PERMISSION_GRANTED
+            && ActivityCompat.checkSelfPermission(context, android.Manifest.permission.ACCESS_COARSE_LOCATION)
+            != PackageManager.PERMISSION_GRANTED
+        ) {
+            val transaction: Transactions = Transactions(
+                judul = randomJudul,
+                nominal = randomNominal,
+                isPemasukan = randomIsPemasukan,
+                tanggal = currentDate,
+                longitude = "",
+                latitude = ""
+            )
+            transactionsViewModel.upsert(transaction)
+            Toast.makeText(context.applicationContext,
+                "Izinkan location permission untuk membuat transaksi random dengan lokasi",
+                Toast.LENGTH_SHORT).show()
+        }
+
+        Toast.makeText(context.applicationContext, "Transaksi random telah dibuat", Toast.LENGTH_SHORT).show()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/bondoyap/ui/transactions/TransactionsFragment.kt b/app/src/main/java/com/example/bondoyap/ui/transactions/TransactionsFragment.kt
index b8cbc5f6ddde72493ea3dc5d9e81c53015e6557e..f928b30d81367d99044359eca8ad4d5c8754020a 100644
--- a/app/src/main/java/com/example/bondoyap/ui/transactions/TransactionsFragment.kt
+++ b/app/src/main/java/com/example/bondoyap/ui/transactions/TransactionsFragment.kt
@@ -1,42 +1,61 @@
 package com.example.bondoyap.ui.transactions
 
+import android.content.pm.PackageManager
 import android.os.Bundle
+import android.util.Log
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
-import android.widget.TextView
+import androidx.core.app.ActivityCompat
 import androidx.fragment.app.Fragment
+import androidx.fragment.app.viewModels
+import androidx.lifecycle.Observer
 import androidx.lifecycle.ViewModelProvider
+import androidx.navigation.fragment.findNavController
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import com.example.bondoyap.R
 import com.example.bondoyap.databinding.FragmentTransactionsBinding
+import com.example.bondoyap.service.api.Constants.ACTION_RANDOMIZE_TRANSACTIONS
 
-class TransactionsFragment : Fragment() {
-
+class TransactionsFragment: Fragment() {
     private var _binding: FragmentTransactionsBinding? = null
 
-    // This property is only valid between onCreateView and
-    // onDestroyView.
     private val binding get() = _binding!!
 
+    private val transactionsViewModel: TransactionsViewModel by viewModels {
+        TransactionsViewModelFactory((requireContext().applicationContext as TransactionsApplication).repository)
+    }
+
+    private val requestcode: Int = 1
+
     override fun onCreateView(
-            inflater: LayoutInflater,
-            container: ViewGroup?,
-            savedInstanceState: Bundle?
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
     ): View {
-        val transactionsViewModel =
-                ViewModelProvider(this).get(TransactionsViewModel::class.java)
-
         _binding = FragmentTransactionsBinding.inflate(inflater, container, false)
-        val root: View = binding.root
 
-        val textView: TextView = binding.textTransactions
-        transactionsViewModel.text.observe(viewLifecycleOwner) {
-            textView.text = it
+        val recyclerView = binding.root.findViewById<RecyclerView>(R.id.recyclerViewTransactions)
+        val adapter = TransactionsListAdapter(context = requireContext())
+        recyclerView.adapter = adapter
+        recyclerView.layoutManager = LinearLayoutManager(requireContext())
+
+        transactionsViewModel.allTransactions.observe(viewLifecycleOwner, Observer { transactions ->
+            transactions?.let { adapter.submitList(it) }
+        })
+
+        binding.buttonAddTransaction.setOnClickListener {
+            findNavController().navigate(R.id.navigation_add_transactions)
         }
-        return root
+
+        return binding.root
     }
 
+
     override fun onDestroyView() {
         super.onDestroyView()
         _binding = null
     }
+
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/example/bondoyap/ui/transactions/TransactionsListAdapter.kt b/app/src/main/java/com/example/bondoyap/ui/transactions/TransactionsListAdapter.kt
new file mode 100644
index 0000000000000000000000000000000000000000..6c5dce13bf504632c030d4a57aa4b6fc47b3991e
--- /dev/null
+++ b/app/src/main/java/com/example/bondoyap/ui/transactions/TransactionsListAdapter.kt
@@ -0,0 +1,147 @@
+package com.example.bondoyap.ui.transactions
+
+import android.content.Context
+import android.content.Intent
+import android.location.Address
+import android.location.Geocoder
+import android.net.Uri
+import android.os.Bundle
+import android.os.Handler
+import android.os.Looper
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.TextView
+import android.widget.Toast
+import androidx.cardview.widget.CardView
+import androidx.core.content.ContextCompat.startActivity
+import androidx.navigation.Navigation
+import androidx.recyclerview.widget.DiffUtil
+import androidx.recyclerview.widget.ListAdapter
+import androidx.recyclerview.widget.RecyclerView
+import com.example.bondoyap.R
+import com.example.bondoyap.ui.transactions.data.Transactions
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.launch
+import java.io.IOException
+import java.util.Locale
+
+class TransactionsListAdapter(private val context: Context) :
+    ListAdapter<Transactions, TransactionsViewHolder>(TransactionsDiffCallback()) {
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): TransactionsViewHolder {
+        return TransactionsViewHolder.create(parent, context)
+    }
+
+    override fun onBindViewHolder(holder: TransactionsViewHolder, position: Int) {
+        val currentTransaction = getItem(position)
+        holder.bind(currentTransaction)
+    }
+
+}
+
+class TransactionsViewHolder(itemView: View, private val context: Context) : RecyclerView.ViewHolder(itemView) {
+    private val cardView: CardView = itemView.findViewById(R.id.cardViewTransaction)
+    private val transactionTitle: TextView = itemView.findViewById(R.id.transactionTitle)
+    private val transactionAmount: TextView = itemView.findViewById(R.id.transactionAmount)
+    private val transactionCategory: TextView = itemView.findViewById(R.id.transactionCategory)
+    private val transactionDate: TextView = itemView.findViewById(R.id.transactionDate)
+    private val transactionLocation: TextView = itemView.findViewById(R.id.transactionLocation)
+    private val geocoder: Geocoder = Geocoder(context, Locale.getDefault())
+
+    fun bind(transaction: Transactions) {
+        val maxAmountLength = 12
+        val maxTitleLength = 16
+        val maxLocationLength = 9
+
+        val amountText = if (transaction.nominal.toBigDecimal().toString().length > maxAmountLength) {
+            "IDR " + transaction.nominal.toBigDecimal().toString().substring(0, maxAmountLength) + "..."
+        } else {
+            "IDR " + transaction.nominal.toBigDecimal().toString()
+        }
+
+        val titleText = if (transaction.judul.length > maxTitleLength) {
+            transaction.judul.substring(0, maxTitleLength) + "..."
+        } else {
+            transaction.judul
+        }
+
+        transactionTitle.text = titleText
+        transactionAmount.text = amountText
+        transactionCategory.text = when (transaction.isPemasukan) {
+            true -> "Pemasukan"
+            else -> "Pengeluaran"
+        }
+
+        transactionDate.text = transaction.tanggal
+
+        if (transaction.latitude.isNotEmpty() && transaction.longitude.isNotEmpty()) {
+            CoroutineScope(Dispatchers.IO).launch {
+                try {
+                    val addresses: List<Address> = geocoder.getFromLocation(
+                        transaction.latitude.toDouble(),
+                        transaction.longitude.toDouble(),
+                        1
+                    ) ?: emptyList()
+                    if (addresses.isNotEmpty()) {
+                        val locationName = addresses[0].getAddressLine(0)
+                        Handler(Looper.getMainLooper()).post {
+                            transactionLocation.text = if (locationName.length > maxLocationLength) {
+                                locationName.substring(0, maxLocationLength) + "..."
+                            } else {
+                                locationName
+                            }
+                        }
+                    }
+                } catch (e: IOException) {
+                    e.printStackTrace()
+                }
+            }
+        } else {
+            transactionLocation.text = "Unavailable"
+        }
+
+        transactionLocation.setOnClickListener {
+            if (transactionLocation.text != "Unavailable") {
+                val mapUri = Uri.parse("https://maps.google.com/maps/search/?api=1&query=${transaction.latitude},${transaction.longitude}")
+                val intent = Intent(Intent.ACTION_VIEW, mapUri)
+                intent.setPackage("com.google.android.apps.maps")
+                if (intent.resolveActivity(context.packageManager) != null) {
+                    startActivity(context, intent, null)
+                } else {
+                    val webIntent = Intent(Intent.ACTION_VIEW, Uri.parse("https://www.google.com/maps/search/?api=1&query=${transaction.latitude},${transaction.longitude}"))
+                    if (webIntent.resolveActivity(context.packageManager) != null) {
+                        startActivity(context, webIntent, null)
+                    } else {
+                        Toast.makeText(context, "Tidak ada app yang dapat menghandle maps", Toast.LENGTH_SHORT).show()
+                    }
+                }
+            }
+        }
+
+        cardView.setOnClickListener {
+            val bundle: Bundle = Bundle()
+            bundle.putInt("transaction_id", transaction.id)
+            Navigation.findNavController(itemView).navigate(R.id.navigation_edit_transactions, bundle)
+        }
+    }
+
+    companion object {
+        fun create(parent: ViewGroup, context: Context): TransactionsViewHolder {
+            val view: View = LayoutInflater.from(parent.context)
+                .inflate(R.layout.recyclerview_transactions, parent, false)
+            return TransactionsViewHolder(view, context)
+        }
+    }
+}
+
+class TransactionsDiffCallback : DiffUtil.ItemCallback<Transactions>() {
+    override fun areItemsTheSame(oldItem: Transactions, newItem: Transactions): Boolean {
+        return oldItem.id == newItem.id
+    }
+
+    override fun areContentsTheSame(oldItem: Transactions, newItem: Transactions): Boolean {
+        return oldItem == newItem
+    }
+}
diff --git a/app/src/main/java/com/example/bondoyap/ui/transactions/TransactionsViewModel.kt b/app/src/main/java/com/example/bondoyap/ui/transactions/TransactionsViewModel.kt
index 1a790c6f8709dc3c2f42d091b860cde6389501c3..e5d26b61b11d09aaef1e41fdfcbbf6cb3f35bbd0 100644
--- a/app/src/main/java/com/example/bondoyap/ui/transactions/TransactionsViewModel.kt
+++ b/app/src/main/java/com/example/bondoyap/ui/transactions/TransactionsViewModel.kt
@@ -1,13 +1,49 @@
 package com.example.bondoyap.ui.transactions
 
 import androidx.lifecycle.LiveData
-import androidx.lifecycle.MutableLiveData
 import androidx.lifecycle.ViewModel
+import androidx.lifecycle.ViewModelProvider
+import androidx.lifecycle.asLiveData
+import androidx.lifecycle.viewModelScope
+import com.example.bondoyap.ui.transactions.data.Transactions
+import com.example.bondoyap.ui.transactions.data.TransactionsRepository
+import kotlinx.coroutines.Deferred
+import kotlinx.coroutines.async
+import kotlinx.coroutines.launch
 
-class TransactionsViewModel : ViewModel() {
+class TransactionsViewModel(
+    private val repository: TransactionsRepository
+): ViewModel() {
+    val allTransactions: LiveData<List<Transactions>> = repository.allTransactions.asLiveData()
 
-    private val _text = MutableLiveData<String>().apply {
-        value = "This is Transactions Fragment"
+    fun upsert(transactions: Transactions) = viewModelScope.launch {
+        repository.upsert(transactions)
+    }
+    fun delete(transactions: Transactions) = viewModelScope.launch {
+        repository.delete(transactions)
+    }
+    suspend fun get(transactionId: Int?): Transactions {
+        val deferred: Deferred<Transactions> = viewModelScope.async {
+            repository.get(transactionId)
+        }
+        return deferred.await()
+    }
+
+    suspend fun getAllTransactionsList(): List<Transactions> {
+        return repository.getAllTransactionsList()
+    }
+
+    fun deleteAllTransactions() = viewModelScope.launch {
+        repository.deleteAllTransactions()
+    }
+}
+
+class TransactionsViewModelFactory(private val repository: TransactionsRepository): ViewModelProvider.Factory {
+    override fun<T: ViewModel> create(modelClass: Class<T>): T {
+        if (modelClass.isAssignableFrom(TransactionsViewModel::class.java)) {
+            @Suppress("UNCHECKED_CAST")
+            return TransactionsViewModel(repository) as T
+        }
+        throw IllegalArgumentException("Unknown ViewModel class")
     }
-    val text: LiveData<String> = _text
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/example/bondoyap/ui/transactions/data/Transactions.kt b/app/src/main/java/com/example/bondoyap/ui/transactions/data/Transactions.kt
new file mode 100644
index 0000000000000000000000000000000000000000..a5bddbd9edcc1d9bc8323ad08c4ae69d6949e37d
--- /dev/null
+++ b/app/src/main/java/com/example/bondoyap/ui/transactions/data/Transactions.kt
@@ -0,0 +1,30 @@
+package com.example.bondoyap.ui.transactions.data
+
+import androidx.room.ColumnInfo
+import androidx.room.Entity
+import androidx.room.PrimaryKey
+
+@Entity(tableName = "transactions")
+data class Transactions(
+    @ColumnInfo(name = "judul")
+    val judul: String,
+
+    @ColumnInfo(name = "nominal")
+    val nominal: Double,
+
+    @ColumnInfo(name = "is_pemasukan")
+    val isPemasukan: Boolean,
+
+    @ColumnInfo(name = "tanggal")
+    val tanggal: String,
+
+    @ColumnInfo(name = "longitude")
+    var longitude: String = "",
+
+    @ColumnInfo(name = "latitude")
+    var latitude: String = "",
+
+    @PrimaryKey(autoGenerate = true)
+    @ColumnInfo(name = "id")
+    val id: Int = 0
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/example/bondoyap/ui/transactions/data/TransactionsDao.kt b/app/src/main/java/com/example/bondoyap/ui/transactions/data/TransactionsDao.kt
new file mode 100644
index 0000000000000000000000000000000000000000..a6701873192e576ebe17d6f2b8ed31706c7cac85
--- /dev/null
+++ b/app/src/main/java/com/example/bondoyap/ui/transactions/data/TransactionsDao.kt
@@ -0,0 +1,29 @@
+package com.example.bondoyap.ui.transactions.data
+
+import androidx.room.Dao
+import androidx.room.Delete
+import androidx.room.Query
+import androidx.room.Upsert
+import kotlinx.coroutines.flow.Flow
+
+@Dao
+interface TransactionsDao {
+
+    @Upsert
+    suspend fun upsertTransaction(transaksi: Transactions)
+
+    @Delete
+    suspend fun deleteTransaction(transaksi: Transactions)
+
+    @Query("SELECT * FROM transactions")
+    fun getTransactions(): Flow<List<Transactions>>
+
+    @Query("SELECT * FROM transactions")
+    suspend fun getTransactionsList(): List<Transactions>
+
+    @Query("SELECT * FROM transactions WHERE transactions.id == :transactionsId")
+    suspend fun getTransactionById(transactionsId: Int?): Transactions
+
+    @Query("DELETE FROM transactions")
+    suspend fun deleteAllTransactions()
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/bondoyap/ui/transactions/data/TransactionsRepository.kt b/app/src/main/java/com/example/bondoyap/ui/transactions/data/TransactionsRepository.kt
new file mode 100644
index 0000000000000000000000000000000000000000..752e4e908bbf87e6eb62ca6ad7551a7ff0071359
--- /dev/null
+++ b/app/src/main/java/com/example/bondoyap/ui/transactions/data/TransactionsRepository.kt
@@ -0,0 +1,31 @@
+package com.example.bondoyap.ui.transactions.data
+
+import androidx.annotation.WorkerThread
+import kotlinx.coroutines.flow.Flow
+
+class TransactionsRepository(private val transactionsDao: TransactionsDao) {
+    val allTransactions: Flow<List<Transactions>> = transactionsDao.getTransactions()
+
+    @WorkerThread
+    suspend fun upsert(transactions: Transactions) {
+        transactionsDao.upsertTransaction(transactions)
+    }
+
+    @WorkerThread
+    suspend fun delete(transactions: Transactions) {
+        transactionsDao.deleteTransaction(transactions)
+    }
+
+    suspend fun get(transactionId: Int?): Transactions {
+        return transactionsDao.getTransactionById(transactionId)
+    }
+
+    suspend fun getAllTransactionsList(): List<Transactions> {
+        return transactionsDao.getTransactionsList()
+    }
+
+    @WorkerThread
+    suspend fun deleteAllTransactions() {
+        transactionsDao.deleteAllTransactions()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/bondoyap/ui/transactions/data/TransactionsRoomDatabase.kt b/app/src/main/java/com/example/bondoyap/ui/transactions/data/TransactionsRoomDatabase.kt
new file mode 100644
index 0000000000000000000000000000000000000000..ada79cee07b3f11afee9b2a627791b737ab9c644
--- /dev/null
+++ b/app/src/main/java/com/example/bondoyap/ui/transactions/data/TransactionsRoomDatabase.kt
@@ -0,0 +1,70 @@
+package com.example.bondoyap.ui.transactions.data
+
+import android.content.Context
+import androidx.room.Database
+import androidx.room.Room
+import androidx.room.RoomDatabase
+import androidx.room.migration.Migration
+import androidx.sqlite.db.SupportSQLiteDatabase
+
+@Database(
+    entities = [Transactions::class],
+    version = 3,
+    exportSchema = false
+)
+public abstract class TransactionsRoomDatabase: RoomDatabase() {
+
+    abstract fun transactionsDao(): TransactionsDao
+
+    companion object {
+        @Volatile
+        private var INSTANCE: TransactionsRoomDatabase? = null
+
+        fun getDatabase(context: Context): TransactionsRoomDatabase {
+            return INSTANCE ?: synchronized(this) {
+                val instance = Room.databaseBuilder(
+                    context.applicationContext,
+                    TransactionsRoomDatabase::class.java,
+                    "transactions_database"
+                ).addMigrations(MIGRATION_2_3).
+                build()
+                INSTANCE = instance
+                instance
+            }
+        }
+        private val MIGRATION_1_2: Migration = object : Migration(1, 2) {
+            override fun migrate(db: SupportSQLiteDatabase) {
+                db.execSQL("CREATE TABLE IF NOT EXISTS `transactions_new` " +
+                        "(`id` INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL, " +
+                        "`judul` TEXT NOT NULL, " +
+                        "`nominal` REAL NOT NULL, " +
+                        "`is_pemasukan` INTEGER NOT NULL, " +
+                        "`tanggal` TEXT NOT NULL, " +
+                        "`lokasi` TEXT NOT NULL)")
+
+                db.execSQL("INSERT INTO transactions_new (id, judul, nominal, is_pemasukan) " +
+                        "SELECT id, judul, nominal, is_pemasukan FROM transactions")
+
+                db.execSQL("DROP TABLE transactions")
+
+                db.execSQL("ALTER TABLE transactions_new RENAME TO transactions")
+            }
+        }
+        private val MIGRATION_2_3: Migration = object : Migration(2, 3) {
+            override fun migrate(db: SupportSQLiteDatabase) {
+                db.execSQL("CREATE TABLE IF NOT EXISTS `transactions_new` " +
+                        "(`id` INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL, " +
+                        "`judul` TEXT NOT NULL, " +
+                        "`nominal` REAL NOT NULL, " +
+                        "`is_pemasukan` INTEGER NOT NULL, " +
+                        "`tanggal` TEXT NOT NULL, " +
+                        "`longitude` TEXT NOT NULL, " +
+                        "`latitude` TEXT NOT NULL)")
+
+                db.execSQL("DROP TABLE transactions")
+
+                db.execSQL("ALTER TABLE transactions_new RENAME TO transactions")
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/res/drawable/ic_pin.xml b/app/src/main/res/drawable/ic_pin.xml
new file mode 100644
index 0000000000000000000000000000000000000000..4304772446917f94787245ca25f0020e4a904ccd
--- /dev/null
+++ b/app/src/main/res/drawable/ic_pin.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24.0"
+    android:viewportHeight="24.0">
+
+    <path
+        android:fillColor="#FF000000"
+        android:pathData="M12,2C8.13,2 5,5.13 5,9c0,5.25 7,13 7,13s7,-7.75 7,-13c0,-3.87 -3.13,-7 -7,-7zM12,11.5c-1.38,0 -2.5,-1.12 -2.5,-2.5s1.12,-2.5 2.5,-2.5s2.5,1.12 2.5,2.5s-1.12,2.5 -2.5,2.5z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_plus.xml b/app/src/main/res/drawable/ic_plus.xml
new file mode 100644
index 0000000000000000000000000000000000000000..eb0f40356c67383e0760d86a3ad14bcd11220a7d
--- /dev/null
+++ b/app/src/main/res/drawable/ic_plus.xml
@@ -0,0 +1,11 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24.0"
+    android:viewportHeight="24.0">
+
+    <path
+        android:fillColor="#000"
+        android:pathData="M19,13H13v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
+
+</vector>
\ 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 b12ccb0da844387368336a0eb6e22e5e60c954c5..bad97d63dc8bac143e499f7ff3a349305c72700f 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -3,8 +3,7 @@
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:id="@+id/container"
     android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    >
+    android:layout_height="match_parent">
 
     <com.google.android.material.bottomnavigation.BottomNavigationView
         android:id="@+id/nav_view"
diff --git a/app/src/main/res/layout/fragment_add_transactions.xml b/app/src/main/res/layout/fragment_add_transactions.xml
new file mode 100644
index 0000000000000000000000000000000000000000..c7bc521ef2c2912a1614877a151b223a7d326f98
--- /dev/null
+++ b/app/src/main/res/layout/fragment_add_transactions.xml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="16dp"
+    android:orientation="vertical">
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="@string/textfield_label_judul" />
+    <EditText
+        android:id="@+id/editText_judul"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:autofillHints="judul"
+        android:hint="@string/hint_judul"
+        android:inputType="text"
+        android:maxLength="150"
+        android:layout_marginBottom="16dp" />
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="@string/textfield_label_nominal" />
+    <EditText
+        android:id="@+id/editText_nominal"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:autofillHints="nominal"
+        android:hint="@string/hint_nominal"
+        android:inputType="numberDecimal"
+        android:maxLength="18"
+        android:layout_marginBottom="16dp" />
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="@string/textfield_label_kategori" />
+    <Spinner
+        android:id="@+id/spinner_kategori"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginBottom="16dp" />
+
+    <Button
+        android:id="@+id/button_simpan"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:text="@string/button_simpan" />
+
+</LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_edit_transactions.xml b/app/src/main/res/layout/fragment_edit_transactions.xml
new file mode 100644
index 0000000000000000000000000000000000000000..ea202d0be3584d842892ba196c00dd45967f3216
--- /dev/null
+++ b/app/src/main/res/layout/fragment_edit_transactions.xml
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:padding="16dp"
+    android:orientation="vertical">
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="@string/textfield_label_judul" />
+    <EditText
+        android:id="@+id/editText_judul"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:autofillHints="judul"
+        android:hint="@string/hint_judul"
+        android:inputType="text"
+        android:maxLength="150"
+        android:layout_marginBottom="16dp" />
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="@string/textfield_label_nominal" />
+    <EditText
+        android:id="@+id/editText_nominal"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:autofillHints="nominal"
+        android:hint="@string/hint_nominal"
+        android:inputType="numberDecimal"
+        android:maxLength="18"
+        android:layout_marginBottom="16dp" />
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="@string/textfield_label_kategori" />
+    <Spinner
+        android:id="@+id/spinner_kategori"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginBottom="16dp" />
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="@string/textfield_label_lokasi" />
+    <EditText
+        android:id="@+id/editText_lokasi"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:inputType="text|textMultiLine"
+        android:gravity="top"/>
+
+    <CheckBox android:id="@+id/checkbox_update_lokasi"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Perbarui lokasi" />
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal">
+
+        <Button
+            android:id="@+id/button_hapus"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_weight="1"
+            android:layout_marginEnd="8dp"
+            android:text="@string/button_hapus"
+            android:backgroundTint="@color/red"/>
+
+        <Button
+            android:id="@+id/button_update"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_weight="1"
+            android:text="@string/button_update" />
+
+    </LinearLayout>
+
+
+
+</LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_scan_result.xml b/app/src/main/res/layout/fragment_scan_result.xml
new file mode 100644
index 0000000000000000000000000000000000000000..972c342f9703685caafa1ddf6265ee9e7d1cc188
--- /dev/null
+++ b/app/src/main/res/layout/fragment_scan_result.xml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical"
+    tools:context=".ui.scanner.ScanResultFragment">
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/recycler_view"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="1" />
+
+    <!-- TODO: fix relative to bottom nav bar -->
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginBottom="72dp"
+        android:orientation="horizontal">
+
+        <Button
+            android:id="@+id/cancel_button"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_weight="1"
+            android:text="@string/cancel_button" />
+
+        <Button
+            android:id="@+id/save_button"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_weight="1"
+            android:text="@string/save_button" />
+
+    </LinearLayout>
+
+</LinearLayout>
diff --git a/app/src/main/res/layout/fragment_scanner.xml b/app/src/main/res/layout/fragment_scanner.xml
index 883e701ac332ec99a2870cc89a74d2e6a979e81f..9c7aedd02503c2b8be8fe3c80b6d315da59d9e26 100644
--- a/app/src/main/res/layout/fragment_scanner.xml
+++ b/app/src/main/res/layout/fragment_scanner.xml
@@ -6,17 +6,58 @@
     android:layout_height="match_parent"
     tools:context=".ui.scanner.ScannerFragment">
 
-    <TextView
-        android:id="@+id/text_scanner"
+
+    <androidx.camera.view.PreviewView
+        android:id="@+id/preview_view"
         android:layout_width="match_parent"
+        android:layout_height="400dp"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <Button
+        android:id="@+id/switch_camera_button"
+        android:layout_width="0dp"
         android:layout_height="wrap_content"
-        android:layout_marginStart="8dp"
-        android:layout_marginTop="8dp"
-        android:layout_marginEnd="8dp"
-        android:textAlignment="center"
-        android:textSize="20sp"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
+        android:text="@string/switch_camera_button"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintTop_toBottomOf="@id/preview_view" />
+
+    <Button
+        android:id="@+id/capture_button"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:text="@string/capture_button"
+        app:layout_constraintStart_toEndOf="@+id/switch_camera_button"
+        app:layout_constraintTop_toBottomOf="@id/preview_view" />
+
+    <Button
+        android:id="@+id/gallery_button"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:text="@string/gallery_button"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toEndOf="@+id/capture_button"
+        app:layout_constraintTop_toBottomOf="@id/preview_view" />
+
+
+    <Button
+        android:id="@+id/upload_button"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:text="@string/upload_button"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/capture_button" />
+
+    <ProgressBar
+        android:id="@+id/loading"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_gravity="center"
+        android:visibility="gone"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="@+id/upload_button"
+        app:layout_constraintHorizontal_bias="0.498"
+        app:layout_constraintStart_toStartOf="@+id/upload_button"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintVertical_bias="0.775" />
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_settings.xml b/app/src/main/res/layout/fragment_settings.xml
index 61209ef2bcd9cd0308c8511663ffedf81705ba89..ad6375efde862a889190acda6d565aedd3559b67 100644
--- a/app/src/main/res/layout/fragment_settings.xml
+++ b/app/src/main/res/layout/fragment_settings.xml
@@ -54,14 +54,26 @@
         android:layout_marginTop="16dp"
         />
 
+    <Button
+        android:id="@+id/reset_button"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="@string/reset"
+        app:layout_constraintTop_toBottomOf="@+id/send_transactions"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        android:layout_marginTop="16dp"
+        android:backgroundTint="@color/red"/>
+
     <Button
         android:id="@+id/logout_button"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="@string/logout"
-        app:layout_constraintTop_toBottomOf="@+id/send_transactions"
+        app:layout_constraintTop_toBottomOf="@+id/reset_button"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
-        android:layout_marginTop="16dp"/>
+        android:layout_marginTop="16dp"
+        android:backgroundTint="@color/red"/>
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_transactions.xml b/app/src/main/res/layout/fragment_transactions.xml
index 45fe32c51b6329dc85f34563c32e86ecd2491f52..ad4fddd01c2a89be080305241b2b70399ef56d7a 100644
--- a/app/src/main/res/layout/fragment_transactions.xml
+++ b/app/src/main/res/layout/fragment_transactions.xml
@@ -1,22 +1,23 @@
-<?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:app="http://schemas.android.com/apk/res-auto"
-    xmlns:tools="http://schemas.android.com/tools"
+<RelativeLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    tools:context=".ui.transactions.TransactionsFragment">
+    android:layout_marginTop="16dp">
 
-    <TextView
-        android:id="@+id/text_transactions"
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/recyclerViewTransactions"
         android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_marginBottom="60dp"/>
+
+    <com.google.android.material.floatingactionbutton.FloatingActionButton
+        android:id="@+id/button_addTransaction"
+        android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginStart="8dp"
-        android:layout_marginTop="8dp"
-        android:layout_marginEnd="8dp"
-        android:textAlignment="center"
-        android:textSize="20sp"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
-</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
+        android:layout_alignParentEnd="true"
+        android:layout_alignParentBottom="true"
+        android:layout_marginEnd="24dp"
+        android:layout_marginBottom="72dp"
+        android:src="@drawable/ic_plus"/>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/recyclerview_scan_result.xml b/app/src/main/res/layout/recyclerview_scan_result.xml
new file mode 100644
index 0000000000000000000000000000000000000000..c172e9daa24a17d34ac12b0e3de9263d366866c3
--- /dev/null
+++ b/app/src/main/res/layout/recyclerview_scan_result.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/card_view"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_margin="8dp"
+    app:cardBackgroundColor="#af5eff"
+    app:cardCornerRadius="8dp"
+    app:cardElevation="4dp">
+
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="vertical"
+        android:padding="16dp">
+
+        <TextView
+            android:id="@+id/item_name"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:textSize="16sp" />
+
+        <TextView
+            android:id="@+id/item_quantity"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:textSize="16sp" />
+
+        <TextView
+            android:id="@+id/item_price"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:textSize="16sp" />
+    </LinearLayout>
+
+</androidx.cardview.widget.CardView>
diff --git a/app/src/main/res/layout/recyclerview_transactions.xml b/app/src/main/res/layout/recyclerview_transactions.xml
new file mode 100644
index 0000000000000000000000000000000000000000..03524715210c6a87729033adc340fe07537e8e47
--- /dev/null
+++ b/app/src/main/res/layout/recyclerview_transactions.xml
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/cardViewTransaction"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_margin="8dp"
+    app:cardCornerRadius="8dp"
+    app:cardElevation="4dp"
+    android:clickable="true"
+    android:focusable="true"
+    app:cardBackgroundColor="#af5eff">
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        android:padding="16dp">
+
+        <LinearLayout
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_weight="1"
+            android:orientation="vertical">
+
+            <TextView
+                android:id="@+id/transactionDate"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:textSize="16sp"
+                android:text="Tanggal" />
+
+            <TextView
+                android:id="@+id/transactionTitle"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:textSize="20sp"
+                android:textStyle="bold"
+                android:layout_marginTop="5dp"
+                android:layout_marginBottom="5dp"
+                android:text="Judul" />
+
+            <TextView
+                android:id="@+id/transactionAmount"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:textSize="16sp"
+                android:text="Nominal" />
+
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="vertical">
+
+            <TextView
+                android:id="@+id/transactionCategory"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:textSize="16sp"
+                android:text="Kategori" />
+
+            <TextView
+                android:id="@+id/transactionLocation"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:textSize="16sp"
+                android:text="Lokasi"
+                android:layout_marginTop="36dp"
+                app:drawableLeftCompat="@drawable/ic_pin" />
+
+        </LinearLayout>
+
+    </LinearLayout>
+
+</androidx.cardview.widget.CardView>
diff --git a/app/src/main/res/navigation/mobile_navigation.xml b/app/src/main/res/navigation/mobile_navigation.xml
index 4412b02a53bd550175ae936468dceed611158b3d..983df0358bc32b2943927cbc28b36223c5fe0927 100644
--- a/app/src/main/res/navigation/mobile_navigation.xml
+++ b/app/src/main/res/navigation/mobile_navigation.xml
@@ -5,11 +5,11 @@
     android:id="@+id/mobile_navigation"
     app:startDestination="@+id/navigation_transactions">
 
-<!--    <fragment-->
-<!--        android:id="@+id/navigation_login"-->
-<!--        android:name="com.example.bondoyap.ui.login.LoginActivity"-->
-<!--        android:label="@string/title_login"-->
-<!--        tools:layout="@layout/fragment_transactions" />-->
+    <!--    <fragment-->
+    <!--        android:id="@+id/navigation_login"-->
+    <!--        android:name="com.example.bondoyap.ui.login.LoginActivity"-->
+    <!--        android:label="@string/title_login"-->
+    <!--        tools:layout="@layout/fragment_transactions" />-->
 
     <fragment
         android:id="@+id/navigation_transactions"
@@ -17,11 +17,35 @@
         android:label="@string/title_transactions"
         tools:layout="@layout/fragment_transactions" />
 
+    <fragment
+        android:id="@+id/navigation_add_transactions"
+        android:name="com.example.bondoyap.ui.transactions.AddTransactionsFragment"
+        android:label="@string/title_transactions"
+        tools:layout="@layout/fragment_add_transactions" />
+
+    <fragment
+        android:id="@+id/navigation_edit_transactions"
+        android:name="com.example.bondoyap.ui.transactions.EditTransactionsFragment"
+        android:label="@string/title_transactions"
+        tools:layout="@layout/fragment_edit_transactions" />
+
     <fragment
         android:id="@+id/navigation_scanner"
         android:name="com.example.bondoyap.ui.scanner.ScannerFragment"
         android:label="@string/title_scanner"
-        tools:layout="@layout/fragment_scanner" />
+        tools:layout="@layout/fragment_scanner">
+
+        <action
+            android:id="@+id/action_to_scanResultFragment"
+            app:destination="@id/navigation_scan_result" />
+
+    </fragment>
+
+    <fragment
+        android:id="@+id/navigation_scan_result"
+        android:name="com.example.bondoyap.ui.scanner.ScanResultFragment"
+        android:label="@string/title_scan_result"
+        tools:layout="@layout/fragment_scan_result" />
 
     <fragment
         android:id="@+id/navigation_graph"
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 09b8661f01111e613262986d67f2d021709e896c..45465ed1ce1cdf5cd57462a1abec42f9c6cf77c8 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -4,6 +4,7 @@
     <string name="title_scanner">Scanner</string>
     <string name="title_graph">Graph</string>
     <string name="title_settings">Pengaturan</string>
+    <string name="title_scan_result">Scan Result</string>
 
     <string name="title_login">Login</string>
     <string name="prompt_email">Email</string>
@@ -21,4 +22,29 @@
     <string name="random_transactions">Membuat transaksi random</string>
     <string name="save_transactions">Simpan daftar transaksi</string>
     <string name="send_transactions">Kirim daftar transaksi</string>
+
+    <string name="textfield_label_judul">Judul</string>
+    <string name="textfield_label_nominal">Nominal</string>
+    <string name="textfield_label_kategori">Kategori</string>
+    <string name="textfield_label_lokasi">Lokasi</string>
+    <string name="button_simpan">Simpan</string>
+    <string name="button_hapus">Hapus</string>
+    <string name="button_update">Update</string>
+    <string name="hint_judul">Enter Judul</string>
+    <string name="hint_nominal">Enter Nominal</string>
+    <string name="hint_kategori">Enter Kategori</string>
+    <string name="hint_lokasi">Enter Lokasi</string>
+    <string name="pemasukan">Pemasukan</string>
+    <string name="pengeluaran">Pengeluaran</string>
+
+
+    <string name="capture_button">Capture</string>
+    <string name="retake_button">Retake</string>
+    <string name="switch_camera_button">switch camera</string>
+    <string name="gallery_button">gallery</string>
+    <string name="upload_button">upload</string>
+
+    <string name="cancel_button">cancel</string>
+    <string name="save_button">save</string>
+    <string name="reset">Reset Transaksi</string>
 </resources>
\ No newline at end of file
diff --git a/build.gradle.kts b/build.gradle.kts
index 31ed43cc99341f5b95f5b15fd54f84d14a585002..96e26d4e6b245ef5a2d5b0bba7d68c7d716a61d4 100644
--- a/build.gradle.kts
+++ b/build.gradle.kts
@@ -2,4 +2,5 @@
 plugins {
     id("com.android.application") version "8.3.0" apply false
     id("org.jetbrains.kotlin.android") version "1.9.22" apply false
+    id("com.google.devtools.ksp") version "1.9.22-1.0.17" apply false
 }
\ No newline at end of file