diff --git a/.gradle/8.2/checksums/checksums.lock b/.gradle/8.2/checksums/checksums.lock
index 284d256..4a246f4 100644
Binary files a/.gradle/8.2/checksums/checksums.lock and b/.gradle/8.2/checksums/checksums.lock differ
diff --git a/.gradle/8.2/checksums/md5-checksums.bin b/.gradle/8.2/checksums/md5-checksums.bin
index 5ca34ee..4c5c8cb 100644
Binary files a/.gradle/8.2/checksums/md5-checksums.bin and b/.gradle/8.2/checksums/md5-checksums.bin differ
diff --git a/.gradle/8.2/checksums/sha1-checksums.bin b/.gradle/8.2/checksums/sha1-checksums.bin
index 2c02e3f..e1f4a78 100644
Binary files a/.gradle/8.2/checksums/sha1-checksums.bin and b/.gradle/8.2/checksums/sha1-checksums.bin differ
diff --git a/.gradle/8.2/executionHistory/executionHistory.bin b/.gradle/8.2/executionHistory/executionHistory.bin
index 19b4cdb..7af2412 100644
Binary files a/.gradle/8.2/executionHistory/executionHistory.bin and b/.gradle/8.2/executionHistory/executionHistory.bin differ
diff --git a/.gradle/8.2/executionHistory/executionHistory.lock b/.gradle/8.2/executionHistory/executionHistory.lock
index 456d0ce..bd9fed9 100644
Binary files a/.gradle/8.2/executionHistory/executionHistory.lock and b/.gradle/8.2/executionHistory/executionHistory.lock differ
diff --git a/.gradle/8.2/fileHashes/fileHashes.bin b/.gradle/8.2/fileHashes/fileHashes.bin
index 19c7f91..e843cdf 100644
Binary files a/.gradle/8.2/fileHashes/fileHashes.bin and b/.gradle/8.2/fileHashes/fileHashes.bin differ
diff --git a/.gradle/8.2/fileHashes/fileHashes.lock b/.gradle/8.2/fileHashes/fileHashes.lock
index da056ff..10336c1 100644
Binary files a/.gradle/8.2/fileHashes/fileHashes.lock and b/.gradle/8.2/fileHashes/fileHashes.lock differ
diff --git a/.gradle/8.2/fileHashes/resourceHashesCache.bin b/.gradle/8.2/fileHashes/resourceHashesCache.bin
index fd086b2..ad3c434 100644
Binary files a/.gradle/8.2/fileHashes/resourceHashesCache.bin and b/.gradle/8.2/fileHashes/resourceHashesCache.bin differ
diff --git a/.gradle/buildOutputCleanup/buildOutputCleanup.lock b/.gradle/buildOutputCleanup/buildOutputCleanup.lock
index fa1403c..df039ce 100644
Binary files a/.gradle/buildOutputCleanup/buildOutputCleanup.lock and b/.gradle/buildOutputCleanup/buildOutputCleanup.lock differ
diff --git a/.gradle/buildOutputCleanup/cache.properties b/.gradle/buildOutputCleanup/cache.properties
index f80f085..931196a 100644
--- a/.gradle/buildOutputCleanup/cache.properties
+++ b/.gradle/buildOutputCleanup/cache.properties
@@ -1,2 +1,2 @@
-#Tue Jan 30 17:45:40 CET 2024
+#Tue Jul 16 14:29:56 CEST 2024
 gradle.version=8.2
diff --git a/.gradle/buildOutputCleanup/outputFiles.bin b/.gradle/buildOutputCleanup/outputFiles.bin
index b7e8fde..8bf9b1e 100644
Binary files a/.gradle/buildOutputCleanup/outputFiles.bin and b/.gradle/buildOutputCleanup/outputFiles.bin differ
diff --git a/.gradle/config.properties b/.gradle/config.properties
index 107e404..8bdd50e 100644
--- a/.gradle/config.properties
+++ b/.gradle/config.properties
@@ -1,2 +1,2 @@
-#Tue Jan 30 17:44:56 CET 2024
+#Thu Aug 29 09:52:32 CEST 2024
 java.home=C\:\\Users\\benek\\Desktop\\Android\\Android Studio\\jbr
diff --git a/.gradle/file-system.probe b/.gradle/file-system.probe
index b716029..9f7fae1 100644
Binary files a/.gradle/file-system.probe and b/.gradle/file-system.probe differ
diff --git a/app/build.gradle b/app/build.gradle
index 59265a4..85b7588 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -53,6 +53,7 @@ dependencies {
     implementation 'androidx.navigation:navigation-fragment-ktx:2.7.7'
     implementation 'androidx.navigation:navigation-ui-ktx:2.7.7'
     implementation 'androidx.lifecycle:lifecycle-process:2.7.0'
+    implementation 'androidx.recyclerview:recyclerview:1.3.2'
     testImplementation 'junit:junit:4.13.2'
     androidTestImplementation 'androidx.test.ext:junit:1.1.5'
     androidTestImplementation 'androidx.test.espresso:espresso-core:3.5.1'
@@ -93,7 +94,7 @@ dependencies {
     //it.jsoup
     implementation "org.jsoup:jsoup:1.14.3"
 
-    //GPT
-    implementation "com.aallam.openai:openai-client:3.7.2"
-    implementation "io.ktor:ktor-client-android:2.2.4"
+    //viewpager
+    implementation 'androidx.viewpager2:viewpager2:1.1.0'
+
 }
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 7c0efa5..e269454 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -1,16 +1,20 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools">
+
     <uses-permission android:name="android.permission.RECORD_AUDIO" />
     <uses-permission android:name="android.permission.INTERNET" />
-    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
-    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
-    <uses-permission android:name="android.permission.ACCESS_BACKGROUND_LOCATION"/>
+    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
+    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
+    <uses-permission android:name="android.permission.ACCESS_BACKGROUND_LOCATION" />
     <uses-permission android:name="android.permission.VIBRATE" />
+
     <uses-feature
         android:name="android.hardware.camera"
         android:required="false" />
+
     <uses-permission android:name="android.permission.CAMERA" />
+
     <application
         android:allowBackup="true"
         android:dataExtractionRules="@xml/data_extraction_rules"
@@ -41,20 +45,18 @@
                 android:name="android.app.lib_name"
                 android:value="" />
         </activity>
-        <activity
-            android:name=".activities.GroceryListActivity" />
-        <activity
-            android:name=".activities.PlaceDetailsActivity" />
-        <activity
-            android:name=".activities.SettingsActivity"/>
-        <activity
-            android:name=".activities.ClassificationActivity"/>
-        <activity
-            android:name=".activities.BarcodeSettingsActivity"/>
+        <activity android:name=".activities.GroceryListActivity" />
+        <activity android:name=".activities.PlaceDetailsActivity" />
+        <activity android:name=".activities.SettingsActivity" />
+        <activity android:name=".activities.ClassificationActivity" />
+        <activity android:name=".activities.BarcodeSettingsActivity" />
+        <activity android:name=".activities.VoiceOnlyActivity" />
+
         <service
             android:name=".viewmodels.ConstantScanning"
             android:exported="false" />
         <service android:name=".utility.LocationGetter" />
+
     </application>
 
-</manifest>
+</manifest>
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/activities/BarcodeSettingsActivity.kt b/app/src/main/java/com/nlinterface/activities/BarcodeSettingsActivity.kt
index 5e97352..1575e5c 100644
--- a/app/src/main/java/com/nlinterface/activities/BarcodeSettingsActivity.kt
+++ b/app/src/main/java/com/nlinterface/activities/BarcodeSettingsActivity.kt
@@ -3,38 +3,41 @@ package com.nlinterface.activities
 import android.content.Context
 import android.content.Intent
 import android.os.Bundle
-import android.view.View
 import android.widget.Button
-import android.widget.ImageButton
 import androidx.appcompat.app.AppCompatActivity
 import androidx.lifecycle.Observer
 import androidx.lifecycle.ViewModelProvider
+import androidx.recyclerview.widget.RecyclerView
+import androidx.viewpager2.widget.ViewPager2
 import com.nlinterface.R
+import com.nlinterface.adapters.BarcodeSettingsFragmentAdapter
 import com.nlinterface.databinding.ActivityBarcodeSettingsBinding
+import com.nlinterface.fragments.BarcodeScannerScreen
+import com.nlinterface.fragments.BarcodeSettingsScreen1
+import com.nlinterface.fragments.BarcodeSettingsScreen2
+import com.nlinterface.fragments.BarcodeSettingsScreen3
 import com.nlinterface.utility.ActivityType
 import com.nlinterface.utility.GlobalParameters
-import com.nlinterface.utility.STTInputType
+import com.nlinterface.utility.OnSwipeTouchInterceptor
+import com.nlinterface.utility.SwipeAction
 import com.nlinterface.utility.navToActivity
-import com.nlinterface.utility.setViewRelativeSize
 import com.nlinterface.viewmodels.BarcodeSettingsViewModel
 
 
 /**
- * The SettingsActivity handles user interaction in Settings Menu.
+ * The BarcodeSettingsActivity handles user interaction in Barcode Settings Menu.
  *
- * The Settings Menu comprises the Voice Activation Buttons and a button for each settings
- * functionality. Each click on a settings button will cycle through the available settings,
- * narrating each action. The settings are applied once the MainActivity is selected. Current
- * setting options are:
+ * The Barcode Settings Menu comprises of several screens of which each displays two
+ * possible settings. Those settings set what information about the scanned product are retrieved
+ * and given to the user.
+ * Scrolling left an right navigates trough the different screens. A swipe up and down
+ * activates/deactivates the specific information retrieval.
  *
- * 1- Screen Always On/Dim Screen after some time
- * 2- Device Theme/Dark Theme/Light Theme
- *
- * Possible Voice Commands:
- * - 'Read Screen Settings'
- * - 'Read Theme Settings'
- * - 'Set Screen Settings' --> Always On or Dim? --> X
- * - 'Set Theme Settings' --> Default, Light or Dark? --> X
+ * 1- Name and Volume on/off
+ * 2- Labels on/off
+ * 3- Country of Origin on/off
+ * 4- Ingredients and Allergies on/off
+ * 5- Compromised nutritional values on/off
  *
  * TODO: Add TTS Speed Settings
  */
@@ -59,16 +62,17 @@ class BarcodeSettingsActivity : AppCompatActivity() {
     private lateinit var shortNutritionalValuesOptions: MutableList<String>
     private lateinit var shortNutritionalValuesButton: Button
 
-    private lateinit var voiceActivationButton: ImageButton
-
     private lateinit var lastCommand: String
 
     private val globalParameters = GlobalParameters.instance!!
 
+    private lateinit var viewPager: ViewPager2
+    lateinit var fragmentAdapter: BarcodeSettingsFragmentAdapter
+
     /**
      * The onCreate Function initializes the view by binding the Activity and the Layout,
-     * retrieving the ViewModel, loading the options for each preference type, configuring the UI
-     * and configuring the TTS/STT systems.
+     * retrieving the ViewModel, loading the options for each preference type, configuring the
+     * viewpager and configuring the TTS/STT systems.
      */
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
@@ -103,134 +107,16 @@ class BarcodeSettingsActivity : AppCompatActivity() {
             shortNutritionalValuesOptions.add(option)
         }
 
-
-        configureUI()
+        viewPagerSetUp()
         configureTTS()
         configureSTT()
     }
 
     /**
-     * Sets up all UI elements, i.e. the voiceActivation/theme/keepScreenOn buttons and their
-     * respective onClickListeners
-     */
-    private fun configureUI() {
-
-        voiceActivationButton = findViewById<View>(R.id.voice_activation_bt) as ImageButton
-        voiceActivationButton.setOnClickListener { onVoiceActivationButtonClick() }
-
-        setViewRelativeSize(voiceActivationButton, 1.0, 0.33)
-
-        nameAndVolumeButton = findViewById<Button>(R.id.settings_name_and_volume)
-        nameAndVolumeButton.setOnClickListener { onProductNameAndVolumeButtonClick() }
-        nameAndVolumeButton.text =
-            nameAndVolumeOptions[globalParameters.navState.ordinal]
-
-        labelsButton = findViewById<Button>(R.id.settings_labels)
-        labelsButton.setOnClickListener { onLabelsClick() }
-        labelsButton.text = labelsOptions[globalParameters.labelsState.ordinal]
-
-        countryOfOriginButton = findViewById<Button>(R.id.settings_country_of_origin)
-        countryOfOriginButton.setOnClickListener { onCountryOfOriginButtonClick() }
-        countryOfOriginButton.text =
-            countryOfOriginOptions[globalParameters.cooState.ordinal]
-
-        ingredientsAndAllergiesButton = findViewById<Button>(R.id.settings_ingredients_and_allergies)
-        ingredientsAndAllergiesButton.setOnClickListener { onIngredientsAndAllergiesButtonClick() }
-        ingredientsAndAllergiesButton.text =
-            ingredientsAndAllergiesOptions[globalParameters.iaaState.ordinal]
-
-        shortNutritionalValuesButton = findViewById<Button>(R.id.settings_short_nutritional_values)
-        shortNutritionalValuesButton.setOnClickListener { onShortNutritionalValuesButtonClick() }
-        shortNutritionalValuesButton.text =
-            shortNutritionalValuesOptions[globalParameters.snvState.ordinal]
-    }
-
-    /**
-     * Turn the option to get information about the products volume and name on or off.
-     * todo:
-     */
-    private fun onProductNameAndVolumeButtonClick() {
-        if (globalParameters.navState.ordinal == GlobalParameters.NavState.values().size - 1) {
-            globalParameters.navState = GlobalParameters.NavState.values()[0]
-        } else {
-            globalParameters.navState =
-                GlobalParameters.NavState.values()[globalParameters.navState.ordinal + 1]
-        }
-
-        changeAndReadButtonName()
-    }
-
-    /**
-     * Turn the option to get information about the products labels on or off.
-     */
-    private fun onLabelsClick() {
-        if (globalParameters.labelsState.ordinal == GlobalParameters.LabelsState.values().size - 1) {
-            globalParameters.labelsState = GlobalParameters.LabelsState.values()[0]
-        } else {
-            globalParameters.labelsState =
-                GlobalParameters.LabelsState.values()[globalParameters.labelsState.ordinal + 1]
-        }
-
-        changeAndReadButtonLabels()
-    }
-
-    /**
-     * Turn the option to get information about the products and name on or off.
-     */
-    private fun onCountryOfOriginButtonClick() {
-        if (globalParameters.cooState.ordinal == GlobalParameters.CooState.values().size - 1) {
-            globalParameters.cooState = GlobalParameters.CooState.values()[0]
-        } else {
-            globalParameters.cooState =
-                GlobalParameters.CooState.values()[globalParameters.cooState.ordinal + 1]
-        }
-
-        changeAndReadButtonCountry()
-    }
-
-    /**
-     * Turn the option to get information about the products and name on or off.
-     */
-    private fun onIngredientsAndAllergiesButtonClick() {
-        if (globalParameters.iaaState.ordinal == GlobalParameters.IaaState.values().size - 1) {
-            globalParameters.iaaState = GlobalParameters.IaaState.values()[0]
-        } else {
-            globalParameters.iaaState =
-                GlobalParameters.IaaState.values()[globalParameters.iaaState.ordinal + 1]
-        }
-
-        changeAndReadButtonIngredients()
-    }
-
-    /**
-     * Turn the option to get information about the products and name on or off.
-     */
-    private fun onShortNutritionalValuesButtonClick() {
-        if (globalParameters.snvState.ordinal == GlobalParameters.SnvState.values().size - 1) {
-            globalParameters.snvState = GlobalParameters.SnvState.values()[0]
-        } else {
-            globalParameters.snvState =
-                GlobalParameters.SnvState.values()[globalParameters.snvState.ordinal + 1]
-        }
-
-        changeAndReadButtonNutritionalValues()
-    }
-
-
-    /**
-     * Called when voiceActivationButton is clicked and handles the result. If clicked while the
-     * STT system is listening, call to viewModel to cancel listening. Else, call viewModel to begin
-     * listening.
+     * On pause the current state of the settings is saved, so it can be retrieved when the
+     * barcode settings activity is started again.
+     *
      */
-    private fun onVoiceActivationButtonClick() {
-        if (viewModel.isListening.value == false) {
-            viewModel.setSTTSpeechRecognitionListener(STTInputType.COMMAND)
-            viewModel.handleSTTSpeechBegin()
-        } else {
-            viewModel.cancelSTTListening()
-        }
-    }
-
     override fun onPause() {
         super.onPause()
 
@@ -297,12 +183,8 @@ class BarcodeSettingsActivity : AppCompatActivity() {
         viewModel.initSTT()
 
         // if listening: microphone color green, else microphone color white
-        val sttIsListeningObserver = Observer<Boolean> { isListening ->
-            if (isListening) {
-                voiceActivationButton.setImageResource(R.drawable.ic_mic_green)
-            } else {
-                voiceActivationButton.setImageResource(R.drawable.ic_mic_white)
-            }
+        val sttIsListeningObserver = Observer<Boolean> {
+
         }
 
         // observe LiveData change to be notified when the STT system is active(ly listening)
@@ -335,38 +217,38 @@ class BarcodeSettingsActivity : AppCompatActivity() {
         }
 
         else if (command == resources.getString(R.string.product_name_on)){
-            globalParameters.navState = GlobalParameters.NavState.values()[0]
+            globalParameters.navState = GlobalParameters.NavState.entries.toTypedArray()[0]
             changeAndReadButtonName()
         } else if (command == resources.getString(R.string.product_name_off)){
-            globalParameters.navState = GlobalParameters.NavState.values()[1]
+            globalParameters.navState = GlobalParameters.NavState.entries.toTypedArray()[1]
             changeAndReadButtonName()
         }
         else if (command == resources.getString(R.string.labels_on)){
-            globalParameters.labelsState = GlobalParameters.LabelsState.values()[0]
+            globalParameters.labelsState = GlobalParameters.LabelsState.entries.toTypedArray()[0]
             changeAndReadButtonLabels()
         } else if (command == resources.getString(R.string.labels_off)){
-            globalParameters.labelsState = GlobalParameters.LabelsState.values()[1]
+            globalParameters.labelsState = GlobalParameters.LabelsState.entries.toTypedArray()[1]
             changeAndReadButtonLabels()
         }
         else if (command == resources.getString(R.string.country_of_origin_on)){
-            globalParameters.cooState = GlobalParameters.CooState.values()[0]
+            globalParameters.cooState = GlobalParameters.CooState.entries.toTypedArray()[0]
             changeAndReadButtonCountry()
         } else if (command == resources.getString(R.string.country_of_origin_off)){
-            globalParameters.cooState = GlobalParameters.CooState.values()[1]
+            globalParameters.cooState = GlobalParameters.CooState.entries.toTypedArray()[1]
             changeAndReadButtonCountry()
         }
         else if (command == resources.getString(R.string.ingredients_and_allergies_on)){
-            globalParameters.iaaState = GlobalParameters.IaaState.values()[0]
+            globalParameters.iaaState = GlobalParameters.IaaState.entries.toTypedArray()[0]
             changeAndReadButtonIngredients()
         } else if (command == resources.getString(R.string.ingredients_and_allergies_off)){
-            globalParameters.iaaState = GlobalParameters.IaaState.values()[1]
+            globalParameters.iaaState = GlobalParameters.IaaState.entries.toTypedArray()[1]
             changeAndReadButtonIngredients()
         }
         else if (command == resources.getString(R.string.nutritional_values_on)){
-            globalParameters.snvState = GlobalParameters.SnvState.values()[0]
+            globalParameters.snvState = GlobalParameters.SnvState.entries.toTypedArray()[0]
             changeAndReadButtonNutritionalValues()
         } else if (command == resources.getString(R.string.nutritional_values_off)){
-            globalParameters.snvState = GlobalParameters.SnvState.values()[1]
+            globalParameters.snvState = GlobalParameters.SnvState.entries.toTypedArray()[1]
             changeAndReadButtonNutritionalValues()
         }
 
@@ -430,6 +312,10 @@ class BarcodeSettingsActivity : AppCompatActivity() {
         }
     }
 
+    /**
+     * The following five functions encode the visual button change on setting change.
+     */
+
     private fun changeAndReadButtonName(){
         nameAndVolumeButton.text =
             nameAndVolumeOptions[globalParameters.navState.ordinal]
@@ -460,4 +346,77 @@ class BarcodeSettingsActivity : AppCompatActivity() {
 
         viewModel.say(resources.getString(R.string.new_barcode_setting, shortNutritionalValuesButton.text))
     }
+
+    /**
+     * Function that sets and configures the viewPager2. ViewPager2 is a tool that can take multiple
+     * fragments in a list and allows navigation between those fragments by swiping left and right.
+     * To achieve this the groceryListFragmentAdapter is set as the viewpagers adapter.
+     */
+
+    private fun viewPagerSetUp(){
+        viewPager = findViewById(R.id.view_pager)
+        fragmentAdapter = BarcodeSettingsFragmentAdapter(this)
+        viewPager.adapter = fragmentAdapter
+
+        /**
+         * The swipe interceptor makes sure that vertical swipes are recognized more reliably.
+         * In a default state a swipe to the top or bottom with the slightest movement left
+         * or right will be recognized as a horizontal swipe. With the interceptor the app checks
+         * first for a vertical swipe, which makes it more reliable and better to navigate.
+         *
+         * Overriding the onSwipeUp and onSwipeDown functions in the way it is done, is necessary
+         * to assure the correct fragments onSwipe functions are referenced, since the activity is
+         * shared among all the activities Fragment.
+         *
+         */
+
+        val swipeInterceptor = OnSwipeTouchInterceptor(object : SwipeAction {
+            override fun onSwipeLeft(){}
+            override fun onSwipeRight(){}
+            override fun onSwipeUp(){
+                val currentPosition = viewPager.currentItem
+                val currentFragment = fragmentAdapter.getCurrentFragment(currentPosition)
+                when (currentPosition) {
+                    0 -> {
+                        (currentFragment as BarcodeScannerScreen).onSwipeUp()
+                    }
+                    1 -> {
+                        (currentFragment as BarcodeSettingsScreen1).onSwipeUp()
+                    }
+                    2 -> {
+                        (currentFragment as BarcodeSettingsScreen2).onSwipeUp()
+                    }
+                    3 -> {
+                        (currentFragment as BarcodeSettingsScreen3).onSwipeUp()
+                    }
+                }
+            }
+            override fun onSwipeDown(){
+                val currentPosition = viewPager.currentItem
+                val currentFragment = fragmentAdapter.getCurrentFragment(currentPosition)
+                when (currentPosition) {
+                    0 -> {
+                        (currentFragment as BarcodeScannerScreen).onSwipeUp()
+                    }
+                    1 -> {
+                        (currentFragment as BarcodeSettingsScreen1).onSwipeUp()
+                    }
+                    2 -> {
+                        (currentFragment as BarcodeSettingsScreen2).onSwipeUp()
+                    }
+                    3 -> {
+                        (currentFragment as BarcodeSettingsScreen3).onSwipeUp()
+                    }
+                }
+            }
+            override fun onLongPress(){}
+            override fun onDoubleTap() {}
+        })
+
+        viewPager.getChildAt(0).let { recyclerView ->
+            if (recyclerView is RecyclerView) {
+                recyclerView.addOnItemTouchListener(swipeInterceptor)
+            }
+        }
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/activities/ClassificationActivity.kt b/app/src/main/java/com/nlinterface/activities/ClassificationActivity.kt
index 9c4687b..f56cc28 100644
--- a/app/src/main/java/com/nlinterface/activities/ClassificationActivity.kt
+++ b/app/src/main/java/com/nlinterface/activities/ClassificationActivity.kt
@@ -1,21 +1,12 @@
 package com.nlinterface.activities
 
+import android.Manifest
 import android.content.pm.PackageManager
 import android.os.Bundle
 import androidx.appcompat.app.AppCompatActivity
-import androidx.core.content.ContextCompat
-import android.Manifest
-import android.content.ContentValues.TAG
-import android.util.Log
-import androidx.camera.core.AspectRatio
-import androidx.camera.core.CameraSelector
-import androidx.camera.core.ImageAnalysis
-import androidx.camera.core.Preview
-import androidx.camera.lifecycle.ProcessCameraProvider
 import androidx.core.app.ActivityCompat
+import androidx.core.content.ContextCompat
 import com.nlinterface.databinding.ActivityClassificationBinding
-import com.nlinterface.databinding.FragmentCameraBinding
-import com.nlinterface.utility.ObjectDetectorHelper
 
 class ClassificationActivity: AppCompatActivity() {
 
@@ -32,7 +23,8 @@ class ClassificationActivity: AppCompatActivity() {
         setContentView(viewBinding.root)
     }
 
-    private fun hasCameraPermission() = ContextCompat.checkSelfPermission(this, Manifest.permission.CAMERA) == PackageManager.PERMISSION_GRANTED
+    private fun hasCameraPermission() = ContextCompat.checkSelfPermission(
+        this, Manifest.permission.CAMERA) == PackageManager.PERMISSION_GRANTED
 
 
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/activities/GroceryListActivity.kt b/app/src/main/java/com/nlinterface/activities/GroceryListActivity.kt
index f74c1d7..b92b926 100644
--- a/app/src/main/java/com/nlinterface/activities/GroceryListActivity.kt
+++ b/app/src/main/java/com/nlinterface/activities/GroceryListActivity.kt
@@ -1,30 +1,40 @@
 package com.nlinterface.activities
 
+import android.content.Context
 import android.content.Intent
 import android.os.Bundle
+import android.os.Handler
+import android.os.Looper
 import android.speech.tts.TextToSpeech
-import android.view.View
+import android.util.Log
 import android.view.WindowManager
-import android.widget.Button
 import android.widget.EditText
-import android.widget.ImageButton
 import androidx.appcompat.app.AlertDialog
 import androidx.appcompat.app.AppCompatActivity
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
 import androidx.lifecycle.Observer
 import androidx.lifecycle.ViewModelProvider
-import androidx.recyclerview.widget.ItemTouchHelper
-import androidx.recyclerview.widget.LinearLayoutManager
 import androidx.recyclerview.widget.RecyclerView
+import androidx.viewpager2.widget.ViewPager2
 import com.google.android.material.dialog.MaterialAlertDialogBuilder
+import com.google.gson.Gson
+import com.google.gson.reflect.TypeToken
 import com.nlinterface.R
 import com.nlinterface.adapters.GroceryListAdapter
+import com.nlinterface.adapters.GroceryListFragmentAdapter
 import com.nlinterface.databinding.ActivityGroceryListBinding
 import com.nlinterface.dataclasses.GroceryItem
+import com.nlinterface.fragments.GroceryListScreen1
+import com.nlinterface.fragments.GroceryListScreen2
+import com.nlinterface.fragments.GroceryListScreenBase
+import com.nlinterface.fragments.GroceryListScreenListView
 import com.nlinterface.interfaces.GroceryListCallback
 import com.nlinterface.utility.ActivityType
+import com.nlinterface.utility.OnSwipeTouchInterceptor
 import com.nlinterface.utility.STTInputType
+import com.nlinterface.utility.SwipeAction
 import com.nlinterface.utility.navToActivity
-import com.nlinterface.utility.setViewRelativeSize
 import com.nlinterface.viewmodels.GroceryListViewModel
 import kotlinx.coroutines.CoroutineScope
 import kotlinx.coroutines.Dispatchers
@@ -35,6 +45,18 @@ import kotlinx.coroutines.launch
 /**
  * The GroceryListActivity handles user interaction for the GroceryList.
  *
+ * The Grocery lists are several screens, that can be navigated via scrolling left and right.
+ * Their are three fixed screens with different functionalities, of which one is a list view of
+ * all grocery items. Filling the grocery list is either possible by using the functionality to
+ * arbitrarily add an item to next free spot on the list. To assure a clean and reduced screen, to
+ * ease navigation, for vision impaired users, their is also a dynamic grocery list attached.
+ *
+ * Following the three fixed screens, their is a number of screens where items can be added. On
+ * first start up there is only one. The screen can encode two grocery items. One on the top and
+ * one on the bottom, that can be added by scrolling up and down. When both item slots are filled
+ * the app automatically attaches another screen with again two item slots.
+ *
+ *
  * The GroceryListActivity is the view of a GroceryList, which displays a list of items and their
  * status. If greyed out, item has been added to the 'shopping cart', else it is still open.
  * Items can be added via a TextEdit interface or removed from the list via a swipe motion, added or
@@ -58,21 +80,25 @@ import kotlinx.coroutines.launch
 class GroceryListActivity : AppCompatActivity(), GroceryListCallback {
 
     private lateinit var binding: ActivityGroceryListBinding
-    private lateinit var viewModel: GroceryListViewModel
+    lateinit var viewModel: GroceryListViewModel
 
-    private lateinit var groceryItemList: ArrayList<GroceryItem>
+    lateinit var groceryItemList: ArrayList<GroceryItem>
 
-    private lateinit var adapter: GroceryListAdapter
-
-    private lateinit var voiceActivationButton: ImageButton
+    private lateinit var groceryListAdapter: GroceryListAdapter
     
     private lateinit var lastCommand: String
     private lateinit var lastResponse: String
 
+    lateinit var groceryListViewPager: ViewPager2
+    lateinit var groceryListFragmentAdapter: GroceryListFragmentAdapter
+
+    val operationCompletedStatus = MutableLiveData<Boolean>()
+    val operationCompleted: LiveData<Boolean> get() = operationCompletedStatus
+
     /**
      * The onCreate function initializes the view by binding the Activity and the Layout and
-     * retrieving the ViewModel. After calling the viewModel to load the grocery list data, the UI
-     * elements and TTS and STT systems are configured.
+     * retrieving the ViewModel. After calling the viewModel to load the grocery list data,
+     * the groceryListViewPager and TTS and STT systems are configured.
      */
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
@@ -81,98 +107,28 @@ class GroceryListActivity : AppCompatActivity(), GroceryListCallback {
         setContentView(binding.root)
 
         viewModel = ViewModelProvider(this)[GroceryListViewModel::class.java]
-
         viewModel.fetchGroceryList()
         groceryItemList = viewModel.groceryList
+        groceryListAdapter = GroceryListAdapter(groceryItemList, this)
 
-        configureUI()
+        viewPagerSetUp()
         configureTTS()
         configureSTT()
     }
 
     /**
-     * Sets up all UI elements, i.e. the addItem and voiceActivation buttons, their respective
-     * onClick functionality and configures the recycler view.
+     * The Fragments in the Grocery List activity are created dynamically, on Pause their state
+     * is saved and on Resume they are restored.
      */
-    private fun configureUI() {
-
-        // set up add item button listener
-        val addItemButton: Button = findViewById<View>(R.id.add_item_bt) as Button
-        addItemButton.setOnClickListener {
-            onAddItemButtonClick()
-        }
-
-        // set up voice activation button listener
-        voiceActivationButton = findViewById<View>(R.id.voice_activation_bt) as ImageButton
-        voiceActivationButton.setOnClickListener {
-            onVoiceActivationButtonClick()
-        }
 
-        // resize Voice Activation Button to 1/3 of display size
-        setViewRelativeSize(voiceActivationButton, 1.0, 0.33)
-
-        configureRecyclerView()
+    override fun onPause() {
+        super.onPause()
+        saveFragmentsState()  // Save the fragment state when the activity is paused
     }
 
-    /**
-     * Initializes the GroceryListAdapter and fills the recyclerview with the GroceryItems on the
-     * GroceryList and configures the swipe to delete functionality in both directions utilizing
-     * ItemTouchHelper
-     */
-    private fun configureRecyclerView() {
-
-        adapter = GroceryListAdapter(groceryItemList, this)
-
-        val rvGroceryList = findViewById<View>(R.id.grocery_list_rv) as RecyclerView
-        rvGroceryList.adapter = adapter
-        rvGroceryList.layoutManager = LinearLayoutManager(this)
-
-        // implements swipe left to delete item functionality
-        ItemTouchHelper(object : ItemTouchHelper.SimpleCallback(
-            0, ItemTouchHelper.LEFT
-        ) {
-            override fun onMove(
-                recyclerView: RecyclerView,
-                viewHolder: RecyclerView.ViewHolder,
-                target: RecyclerView.ViewHolder
-            ): Boolean {
-                return false
-            }
-
-            override fun onSwiped(viewHolder: RecyclerView.ViewHolder, direction: Int) {
-                onSwipeToDelete(viewHolder)
-            }
-        }).attachToRecyclerView(rvGroceryList)
-
-        // implements swipe right to delete functionality
-        ItemTouchHelper(object : ItemTouchHelper.SimpleCallback(
-            0, ItemTouchHelper.RIGHT
-        ) {
-            override fun onMove(
-                recyclerView: RecyclerView,
-                viewHolder: RecyclerView.ViewHolder,
-                target: RecyclerView.ViewHolder
-            ): Boolean {
-                return false
-            }
-
-            override fun onSwiped(viewHolder: RecyclerView.ViewHolder, direction: Int) {
-                onSwipeToDelete(viewHolder)
-            }
-        }).attachToRecyclerView(rvGroceryList)
-    }
-
-    /**
-     * Called when user swipes left or right on an item in the recyclerview. The corresponding
-     * GroceryItem is then removed.
-     *
-     * @param viewHolder: the RecyclerView ViewHolder
-     */
-    private fun onSwipeToDelete(viewHolder: RecyclerView.ViewHolder) {
-        val groceryItem: GroceryItem =
-            groceryItemList[viewHolder.adapterPosition]
-
-        deleteGroceryItem(groceryItem, viewHolder.adapterPosition)
+    override fun onResume() {
+        super.onResume()
+        restoreFragmentsState()  // Restore the fragment state when the activity is resumed
     }
 
     /**
@@ -185,7 +141,7 @@ class GroceryListActivity : AppCompatActivity(), GroceryListCallback {
     private fun deleteGroceryItem(groceryItem: GroceryItem, index: Int) {
 
         viewModel.deleteGroceryItem(groceryItem)
-        adapter.notifyItemRemoved(index)
+        groceryListAdapter.notifyItemRemoved(index)
         viewModel.say(
             resources.getString(R.string.deleted_ITEMNAME_from_grocery_list, groceryItem.itemName)
         )
@@ -198,7 +154,7 @@ class GroceryListActivity : AppCompatActivity(), GroceryListCallback {
      *
      * @param groceryItemName: String, the name of the Grocery Item to be deleted.
      */
-    private fun deleteGroceryItem(groceryItemName: String) {
+    fun deleteGroceryItem(groceryItemName: String) {
         
         val groceryItem = findGroceryItemByName(groceryItemName)
         
@@ -218,7 +174,7 @@ class GroceryListActivity : AppCompatActivity(), GroceryListCallback {
      * @return the found Grocery Item or null if it does not exists
      */
     private fun findGroceryItemByName(groceryItemName: String): GroceryItem? {
-        return groceryItemList.find { it.itemName.lowercase() == groceryItemName }
+        return groceryItemList.find { it.itemName == groceryItemName }
     }
 
     /**
@@ -261,12 +217,7 @@ class GroceryListActivity : AppCompatActivity(), GroceryListCallback {
         viewModel.initSTT()
 
         // if listening: microphone color green, else microphone color white
-        val sttIsListeningObserver = Observer<Boolean> { isListening ->
-            if (isListening) {
-                voiceActivationButton.setImageResource(R.drawable.ic_mic_green)
-            } else {
-                voiceActivationButton.setImageResource(R.drawable.ic_mic_white)
-            }
+        val sttIsListeningObserver = Observer<Boolean> {
         }
 
         // observe LiveData change to be notified when the STT system is active(ly listening)
@@ -446,7 +397,7 @@ class GroceryListActivity : AppCompatActivity(), GroceryListCallback {
      *
      * @param itemName: String, the name of the item to be added to the cart
      */
-    private fun addItemToCart(itemName: String) {
+    fun addItemToCart(itemName: String) {
         
         val groceryItem = findGroceryItemByName(itemName)
         
@@ -456,7 +407,7 @@ class GroceryListActivity : AppCompatActivity(), GroceryListCallback {
                 viewModel.say(resources.getString(R.string.ITEMNAME_is_in_the_cart, itemName))
             } else {
                 viewModel.placeGroceryItemInCart(groceryItem)
-                adapter.notifyItemChanged(groceryItemList.indexOf(groceryItem))
+                groceryListAdapter.notifyItemChanged(groceryItemList.indexOf(groceryItem))
                 viewModel.say(resources.getString(R.string.placed_ITEMNAME_into_cart, itemName))
             }
             
@@ -482,7 +433,7 @@ class GroceryListActivity : AppCompatActivity(), GroceryListCallback {
                 viewModel.say(resources.getString(R.string.ITEMNAME_is_not_in_the_cart, itemName))
             } else {
                 viewModel.placeGroceryItemInCart(groceryItem)
-                adapter.notifyItemChanged(groceryItemList.indexOf(groceryItem))
+                groceryListAdapter.notifyItemChanged(groceryItemList.indexOf(groceryItem))
                 viewModel.say(resources.getString(R.string.removed_ITEMNAME_from_cart, itemName))
             }
         
@@ -497,7 +448,7 @@ class GroceryListActivity : AppCompatActivity(), GroceryListCallback {
      *
      * @param itemName: String, the item name to check the list for
      */
-    private fun checkItemOnList(itemName: String) {
+    private fun checkItemOnList(itemName: String){
     
         val groceryItem = findGroceryItemByName(itemName)
     
@@ -523,6 +474,14 @@ class GroceryListActivity : AppCompatActivity(), GroceryListCallback {
         }
     
     }
+
+    private fun checkItemOnListBoolean(itemName: String):Boolean{
+
+        val groceryItem = findGroceryItemByName(itemName)
+
+        return groceryItem != null
+
+    }
     
     /**
      * Handles Navigation commands of the format "go to X". If the command is valid, navigate to
@@ -553,28 +512,18 @@ class GroceryListActivity : AppCompatActivity(), GroceryListCallback {
         
     }
 
-    /**
-     * Called when voiceActivationButton is clicked and handles the result. If clicked while the
-     * STT system is listening, call to viewModel to cancel listening. Else, call viewModel to begin
-     * listening.
-     */
-    private fun onVoiceActivationButtonClick() {
-        if (viewModel.isListening.value == false) {
-            viewModel.setSpeechRecognitionListener(STTInputType.COMMAND)
-            viewModel.handleSpeechBegin()
-        } else {
-            viewModel.cancelListening()
-        }
-    }
-
     /**
      * Implements an alertDialog that opens when the addItemButton is clicked. The alertDialog
      * consists of an EditText, an 'Add' positive and a 'Cancel' negative button. If the positive
      * button is clicked, whatever string was entered into the EditText is added as a new
      * GroceryItem to the GroceryList. The alertDialog is closed either when the positive, negative
      * or the background activity is clicked. Every possible action is narrated to the user.
+     *
+     * The process of adding the entered string as a Grocery Item is wrapped in a Handler to make
+     * sure, that processes resulting from this, are only executed when all necessary prior steps
+     * are accurately completed.
      */
-    private fun onAddItemButtonClick() {
+    fun onAddItemButtonClick() {
 
         val alertDialog: AlertDialog = this.let {
             val builder = MaterialAlertDialogBuilder(
@@ -586,10 +535,10 @@ class GroceryListActivity : AppCompatActivity(), GroceryListCallback {
             builder.setView(view)
             builder.apply {
                 setPositiveButton(R.string.add) { _, _ ->
-
-                    val addItemEt = view.findViewById<EditText>(R.id.et)
-
-                    addGroceryItem(addItemEt.text.toString())
+                    Handler(Looper.getMainLooper()).postDelayed({
+                        val addItemEt = view.findViewById<EditText>(R.id.et)
+                        addGroceryItem(addItemEt.text.toString().trimEnd())
+                    }, 1000)
                 }
 
                 setNegativeButton(R.string.cancel_cap) { _, _ ->
@@ -614,11 +563,14 @@ class GroceryListActivity : AppCompatActivity(), GroceryListCallback {
      */
     private fun addGroceryItem(newItemName: String) {
 
-        viewModel.addGroceryItem(newItemName)
-        adapter.notifyItemInserted(groceryItemList.size - 1)
-
-        viewModel.say(resources.getString(R.string.added_ITEMNAME_to_list, newItemName))
-
+        if (!checkItemOnListBoolean(newItemName)) {
+            viewModel.addGroceryItem(newItemName)
+            viewModel.say(resources.getString(R.string.added_ITEMNAME_to_list, newItemName))
+            operationCompletedStatus.value = true
+        }
+        else{
+            viewModel.say(resources.getString(R.string.ITEMNAME_is_on_the_list, newItemName))
+        }
     }
 
     /**
@@ -631,7 +583,7 @@ class GroceryListActivity : AppCompatActivity(), GroceryListCallback {
         val index = groceryItemList.indexOf(item)
         val inCart = viewModel.placeGroceryItemInCart(item)
 
-        adapter.notifyItemChanged(index)
+        groceryListAdapter.notifyItemChanged(index)
 
         if (inCart) {
             viewModel.say(resources.getString(R.string.placed_ITEMNAME_into_cart, item.itemName))
@@ -648,5 +600,142 @@ class GroceryListActivity : AppCompatActivity(), GroceryListCallback {
     override fun onClick(item: GroceryItem) {
         viewModel.say(item.itemName)
     }
-    
+
+    /**
+     * Necessary functions for dynamic fragments.
+     */
+
+    /**
+     * Creates a new GroceryListScreenBase fragment and adds it to the fragment groceryListAdapter.
+     * Adjusts the viewPagers offScreenPageLimit to trigger the initialization of the new fragment,
+     * so its variables can be accessed and used.
+     */
+    fun addNewFragment(itemTop: String, itemBottom: String) {
+        groceryListViewPager.offscreenPageLimit = groceryListFragmentAdapter.itemCount -1
+        val newFragment = GroceryListScreenBase.newInstance(itemTop, itemBottom)
+        groceryListFragmentAdapter.addFragment(newFragment)
+    }
+
+    /**
+     * Saves the current state of the fragments. This is necessary to keep the newly created
+     * fragments. The fragments are saved with their itemTop and itemBottom variable mapped onto
+     * each-other. They are put into a json an d saved in the sharedPreferences.
+     */
+    private fun saveFragmentsState() {
+        val sharedPreferences = getSharedPreferences(
+            "grocery_list_fragment_state", Context.MODE_PRIVATE)
+        val editor = sharedPreferences.edit()
+        val fragmentData = groceryListFragmentAdapter.fragmentList
+            .filterIsInstance<GroceryListScreenBase>()
+            .map { fragment ->
+                fragment.itemTop to fragment.itemBottom
+            }
+        val gson = Gson()
+        val json = gson.toJson(fragmentData)
+        editor.putString("grocery_list_fragments", json)
+        editor.apply()
+        Log.i("Shared Preferences","FragmentState saved")
+    }
+
+    /**
+     * Restores the fragments with their variables saved in the sharedPreferences. If there are
+     * no saved Fragments a new one is created to makes sure, their is always at least one.
+     */
+    private fun restoreFragmentsState() {
+        val sharedPreferences = getSharedPreferences(
+            "grocery_list_fragment_state", Context.MODE_PRIVATE)
+        val gson = Gson()
+        val json = sharedPreferences.getString("grocery_list_fragments", null)
+
+        if (json != null) {
+            val fragmentData: List<Pair<String, String>> = gson.fromJson(json,
+                object : TypeToken<List<Pair<String, String>>>() {}.type)
+            fragmentData.forEach { (itemTop, itemBottom) ->
+                val fragment = GroceryListScreenBase.newInstance(itemTop, itemBottom)
+                groceryListFragmentAdapter.addFragment(fragment)
+            }
+        }
+        else{
+            addNewFragment(
+                resources.getString(R.string.add_an_item),
+                resources.getString(R.string.add_an_item)
+            )
+        }
+        Log.i("Shared Preferences","FragmentState restored")
+    }
+
+    /**
+     * Function that sets and configures the viewPager2. ViewPager2 is a tool that can take multiple
+     * fragments in a list and allows navigation between those fragments by swiping left and right.
+     * To achieve this the groceryListFragmentAdapter is set as the viewpagers groceryListAdapter.
+     */
+
+    private fun viewPagerSetUp(){
+        groceryListViewPager = findViewById(R.id.grocery_list_view_pager)
+        groceryListFragmentAdapter = GroceryListFragmentAdapter(this)
+        groceryListViewPager.adapter = groceryListFragmentAdapter
+        groceryListViewPager.setCurrentItem(1, false)
+
+        /**
+         * The swipe interceptor makes sure that vertical swipes are recognized more reliably.
+         * In a default state a swipe to the top or bottom with the slightest movement left
+         * or right will be recognized as a horizontal swipe. With the interceptor the app checks
+         * first for a vertical swipe, which makes it more reliable and better to navigate.
+         *
+         * Overriding the onSwipeUp and onSwipeDown functions in the way it is done, is necessary
+         * to assure the correct fragments onSwipe functions are referenced, since the activity is
+         * shared among all the activities Fragment.
+         *
+         */
+
+        val swipeInterceptor = OnSwipeTouchInterceptor(object : SwipeAction {
+            override fun onSwipeLeft(){}
+            override fun onSwipeRight(){}
+            override fun onSwipeUp(){
+                val currentPosition = groceryListViewPager.currentItem
+                val currentFragment = groceryListFragmentAdapter.getCurrentFragment(currentPosition)
+                when (currentPosition) {
+                    0 -> {
+                        (currentFragment as GroceryListScreenListView).onSwipeUp()
+                    }
+                    1 -> {
+                        (currentFragment as GroceryListScreen1).onSwipeUp()
+                    }
+                    2 -> {
+                        (currentFragment as GroceryListScreen2).onSwipeUp()
+                    }
+                    else -> {
+                        (currentFragment as GroceryListScreenBase).onSwipeUp()
+                    }
+                }
+            }
+            override fun onSwipeDown(){
+                val currentPosition = groceryListViewPager.currentItem
+                val currentFragment = groceryListFragmentAdapter.getCurrentFragment(currentPosition)
+                when (currentPosition) {
+                    0 -> {
+                        (currentFragment as GroceryListScreenListView).onSwipeUp()
+                    }
+                    1 -> {
+                        (currentFragment as GroceryListScreen1).onSwipeDown()
+                    }
+                    2 -> {
+                        (currentFragment as GroceryListScreen2).onSwipeDown()
+                    }
+                    else -> {
+                        (currentFragment as GroceryListScreenBase).onSwipeDown()
+                    }
+                }
+            }
+            override fun onLongPress(){}
+            override fun onDoubleTap() {}
+
+        })
+
+        groceryListViewPager.getChildAt(0).let { recyclerView ->
+            if (recyclerView is RecyclerView) {
+                recyclerView.addOnItemTouchListener(swipeInterceptor)
+            }
+        }
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/activities/MainActivity.kt b/app/src/main/java/com/nlinterface/activities/MainActivity.kt
index 156f4f1..19f6816 100644
--- a/app/src/main/java/com/nlinterface/activities/MainActivity.kt
+++ b/app/src/main/java/com/nlinterface/activities/MainActivity.kt
@@ -5,30 +5,30 @@ import android.content.Intent
 import android.content.pm.PackageManager
 import android.os.Bundle
 import android.util.Log
-import android.view.View
 import android.view.WindowManager
-import android.widget.Button
-import android.widget.ImageButton
 import android.widget.Toast
 import androidx.appcompat.app.AppCompatActivity
 import androidx.core.app.ActivityCompat
 import androidx.lifecycle.Observer
 import androidx.lifecycle.ViewModelProvider
+import androidx.navigation.NavController
+import androidx.navigation.fragment.NavHostFragment
 import com.nlinterface.R
 import com.nlinterface.databinding.ActivityMainBinding
 import com.nlinterface.utility.ActivityType
 import com.nlinterface.utility.GlobalParameters
 import com.nlinterface.utility.LocationGetter
 import com.nlinterface.utility.navToActivity
-import com.nlinterface.utility.setViewRelativeSize
-import com.nlinterface.viewmodels.ConstantScanning
 import com.nlinterface.viewmodels.MainViewModel
 
 /**
  * The MainActivity handles user interaction in the Main Screen / Main Menu.
  *
- * The Main Menu comprises of the Voice Activation Button and a button for each Menu Item (one for
- * each Activity / Feature. The focal task for the Main Menu is to handle navigation to the other
+ *
+ * The Main Menu comprises two screen. They can be navigated by swiping left and right in a
+ * scrolling manner. Both screens comprises three Activities / Features that can be started by
+ * swiping in the corresponding direction.
+ * The focal task for the Main Menu is to handle navigation to the other
  * features, either through touch interaction or voice commands.
  *
  * Possible Voice Commands:
@@ -40,18 +40,15 @@ class MainActivity : AppCompatActivity() {
     
     private lateinit var binding: ActivityMainBinding
     private lateinit var viewModel: MainViewModel
-    private lateinit var voiceActivationButton: ImageButton
     private val globalParameters = GlobalParameters.instance!!
-
-
-
+    private lateinit var navController: NavController
 
     /**
-     * Companion Object / Singleton implementation required to handle audio permissions
+     * Companion Object / Singleton implementation required to handle permissions
      */
     companion object {
-        // needed to verify the audio permission result
-        private const val STT_PERMISSION_REQUEST_CODE = 0
+        // needed to verify the audio, camera and location permission result
+        const val STT_PERMISSION_REQUEST_CODE = 0
         private const val CAMERA_PERMISSION_REQUEST_CODE = 1
         private const val LOCATION_PERMISSION_REQUEST_CODE = 2
     }
@@ -69,16 +66,27 @@ class MainActivity : AppCompatActivity() {
         setContentView(binding.root)
         
         viewModel = ViewModelProvider(this)[MainViewModel::class.java]
+
+        /**
+         * The supportFragmentManager is used to navigate between the fragments like it is defined
+         * in the corresponding navigation file.
+         */
+        val navHostFragment = supportFragmentManager
+            .findFragmentById(R.id.main_nav_host_fragment) as NavHostFragment
+        navController = navHostFragment.navController
         
         globalParameters.loadSettingsPreferences(this)
         globalParameters.loadBarcodePreferences(this)
 
         verifyAudioPermissions()
-        configureUI()
         configureTTS()
         configureSTT()
     }
-    
+
+    override fun onSupportNavigateUp(): Boolean {
+        return navController.navigateUp() || super.onSupportNavigateUp()
+    }
+
     /**
      * Called when the activity is started. It reads out the name of the activity and processes
      * the theme and keep screen on settings. It also starts the camera and location tracking if
@@ -106,21 +114,6 @@ class MainActivity : AppCompatActivity() {
             startService(locationService)
             Log.i("Location", "Service for location tracking started.")
         }
-
-        val barcodeService = Intent(this, ConstantScanning()::class.java)
-        if (globalParameters.barcodeServiceMode ==
-            GlobalParameters.BarcodeServiceMode.ON) {
-            verifyCameraPermissions()
-            if (checkCallingOrSelfPermission( Manifest.permission.CAMERA ) ==
-                PackageManager.PERMISSION_GRANTED) {
-                startService(barcodeService)
-        }
-        } else {
-            stopService(barcodeService)
-            Log.i("Scanner", "Stopping the Barcode Scanning Service")
-        }
-
-
     }
     
     /**
@@ -151,14 +144,10 @@ class MainActivity : AppCompatActivity() {
     private fun configureSTT() {
 
         viewModel.initSTT()
-        
+
         // if listening: microphone color green, else microphone color white
         val sttIsListeningObserver = Observer<Boolean> { isListening ->
-            if (isListening) {
-                voiceActivationButton.setImageResource(R.drawable.ic_mic_green)
-            } else {
-                voiceActivationButton.setImageResource(R.drawable.ic_mic_white)
-            }
+
         }
         
         // observe LiveData change to be notified when the STT system is active(ly listening)
@@ -211,7 +200,7 @@ class MainActivity : AppCompatActivity() {
         }
         
     }
-    
+
     /**
      * Handles Navigation commands of the format "go to X". If the command is valid, navigate to
      * the desired activity.
@@ -219,68 +208,26 @@ class MainActivity : AppCompatActivity() {
      * @param command: String, the command to be executed
      */
     private fun executeNavigationCommand(command: String) {
-    
+
         when (command) {
             resources.getString(R.string.navigate_to_grocery_list) ->
                 navToActivity(this, ActivityType.GROCERYLIST)
-        
+
             resources.getString(R.string.navigate_to_place_details) ->
                 navToActivity(this, ActivityType.PLACEDETAILS)
-        
+
             resources.getString(R.string.navigate_to_settings) ->
                 navToActivity(this, ActivityType.SETTINGS)
-        
+
             resources.getString(R.string.navigate_to_main_menu) ->
                 navToActivity(this, ActivityType.MAIN)
 
             resources.getString(R.string.navigate_to_barcode_scanner_settings) ->
                 navToActivity(this, ActivityType.BARCODESETTINGS)
-        
+
             else -> viewModel.say(resources.getString(R.string.invalid_command))
         }
-        
-    }
 
-
-    /**
-     * Sets up all UI elements, i.e. the groceryList/placeDetails/settingsActivity/voiceActivation
-     * buttons and their respective onClickListeners
-     */
-    private fun configureUI() {
-        
-        // set up button to navigate to GroceryListActivity
-        val groceryListButton: Button = findViewById<View>(R.id.grocery_list_bt) as Button
-        groceryListButton.setOnClickListener { _ ->
-            navToActivity(this, ActivityType.GROCERYLIST)
-        }
-        
-        // set up button to navigate to PlaceDetailsActivity
-        val placeDetailsButton: Button = findViewById<View>(R.id.place_details_bt) as Button
-        placeDetailsButton.setOnClickListener { _ ->
-            navToActivity(this, ActivityType.PLACEDETAILS)
-        }
-        
-        // set up button to navigate to ClassificationActivity
-        val classificationButton: Button = findViewById<View>(R.id.classification_bt) as Button
-        classificationButton.setOnClickListener { _ -> 
-            navToActivity(this, ActivityType.CLASSIFICATION)
-        }
-        
-        // set up button to navigate to SettingsActivity
-        val settingsActivityButton: Button = findViewById<View>(R.id.settings_bt) as Button
-        settingsActivityButton.setOnClickListener { _ ->
-            navToActivity(this, ActivityType.SETTINGS)
-        }
-        
-        // set up voice Activation Button listener
-        voiceActivationButton = findViewById<View>(R.id.voice_activation_bt) as ImageButton
-        voiceActivationButton.setOnClickListener {
-            onVoiceActivationButtonClick()
-        }
-        
-        // resize Voice Activation Button to 1/3 of display size
-        setViewRelativeSize(voiceActivationButton, 1.0, 0.33)
-        
     }
     
     /**
@@ -333,30 +280,10 @@ class MainActivity : AppCompatActivity() {
                 LOCATION_PERMISSION_REQUEST_CODE
             )
         }
+        else { verifyCameraPermissions()}
 
     }
 
-    /*
-    /**
-     * Request the user to grant access to current location permissions, if not already granted.
-     *
-     */
-    private fun verifyBackgroundLocationPermissions(){
-        if (checkCallingOrSelfPermission(
-                Manifest.permission.ACCESS_BACKGROUND_LOCATION
-            ) != PackageManager.PERMISSION_GRANTED
-        ) {
-            ActivityCompat.requestPermissions(
-                this,
-                arrayOf(Manifest.permission.ACCESS_BACKGROUND_LOCATION),
-                LOCATION_PERMISSION_REQUEST_CODE
-            )
-        }
-
-    }
-
-     */
-    
     /**
      * Called when the permissions request is answered by the user and processes the result. If
      * record audio permissions are granted, confirm that it was granted to the user. If not
@@ -394,6 +321,7 @@ class MainActivity : AppCompatActivity() {
                 Toast.makeText(
                     this, R.string.location_permission_granted, Toast.LENGTH_LONG
                 ).show()
+                verifyCameraPermissions()
             } else {
                 Toast.makeText(
                     this, R.string.location_permission_denied,
@@ -401,20 +329,17 @@ class MainActivity : AppCompatActivity() {
                 ).show()
             }
         }
-    }
-    
-    /**
-     * Called when voiceActivationButton is clicked and handles the result. If clicked while the
-     * STT system is listening, call to viewModel to cancel listening. Else, call viewModel to begin
-     * listening.
-     */
-    private fun onVoiceActivationButtonClick() {
-        if (viewModel.isListening.value == false) {
-            viewModel.handleSpeechBegin()
-        } else {
-            viewModel.cancelListening()
+        else if(requestCode == CAMERA_PERMISSION_REQUEST_CODE) {
+            if (requestCode == PackageManager.PERMISSION_GRANTED) {
+                Toast.makeText(
+                    this, R.string.camera_permission_granted, Toast.LENGTH_LONG
+                ).show()
+            } else {
+                Toast.makeText(
+                    this, R.string.camera_permission_denied,
+                    Toast.LENGTH_LONG
+                ).show()
+            }
         }
     }
-
-
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/activities/PlaceDetailsActivity.kt b/app/src/main/java/com/nlinterface/activities/PlaceDetailsActivity.kt
index b825fed..bdf6f7d 100644
--- a/app/src/main/java/com/nlinterface/activities/PlaceDetailsActivity.kt
+++ b/app/src/main/java/com/nlinterface/activities/PlaceDetailsActivity.kt
@@ -1,42 +1,43 @@
 package com.nlinterface.activities
 
-import android.content.Intent
+import android.content.Context
 import android.os.Bundle
 import android.speech.tts.TextToSpeech
 import android.util.Log
 import android.view.View
-import android.widget.ImageButton
 import androidx.appcompat.app.AppCompatActivity
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
 import androidx.lifecycle.Observer
 import androidx.lifecycle.ViewModelProvider
-import androidx.recyclerview.widget.ItemTouchHelper
-import androidx.recyclerview.widget.LinearLayoutManager
 import androidx.recyclerview.widget.RecyclerView
+import androidx.viewpager2.widget.ViewPager2
 import com.google.android.gms.common.api.Status
-import com.google.android.libraries.places.api.model.LocalTime
 import com.google.android.libraries.places.api.model.Place
 import com.google.android.libraries.places.widget.AutocompleteSupportFragment
 import com.google.android.libraries.places.widget.listener.PlaceSelectionListener
+import com.google.gson.Gson
+import com.google.gson.reflect.TypeToken
 import com.nlinterface.R
 import com.nlinterface.adapters.PlaceDetailsAdapter
+import com.nlinterface.adapters.PlaceDetailsFragmentAdapter
 import com.nlinterface.databinding.ActivityPlaceDetailsBinding
-import com.nlinterface.dataclasses.GroceryItem
 import com.nlinterface.dataclasses.PlaceDetailsItem
+import com.nlinterface.fragments.PlaceDetailsListOverview
+import com.nlinterface.fragments.PlaceDetailsScreen1
+import com.nlinterface.fragments.PlaceDetailsScreenBase
 import com.nlinterface.interfaces.PlaceDetailsItemCallback
 import com.nlinterface.utility.ActivityType
+import com.nlinterface.utility.OnSwipeTouchInterceptor
 import com.nlinterface.utility.STTInputType
+import com.nlinterface.utility.SwipeAction
 import com.nlinterface.utility.navToActivity
-import com.nlinterface.utility.setViewRelativeSize
 import com.nlinterface.viewmodels.PlaceDetailsViewModel
 import kotlinx.coroutines.CoroutineScope
 import kotlinx.coroutines.Dispatchers
 import kotlinx.coroutines.Job
 import kotlinx.coroutines.launch
-import java.text.SimpleDateFormat
-import java.time.LocalDateTime
 import java.util.Calendar
-import java.util.Date
-import java.util.Locale
 
 
 /**
@@ -69,17 +70,22 @@ import java.util.Locale
 class PlaceDetailsActivity : AppCompatActivity(), PlaceDetailsItemCallback {
     
     private lateinit var binding: ActivityPlaceDetailsBinding
-    private lateinit var viewModel: PlaceDetailsViewModel
+    lateinit var viewModel: PlaceDetailsViewModel
     
     private lateinit var placeDetailsItemList: ArrayList<PlaceDetailsItem>
-    
-    private lateinit var adapter: PlaceDetailsAdapter
-    
-    private lateinit var voiceActivationButton: ImageButton
+    private lateinit var placeDetailsAdapter: PlaceDetailsAdapter
     
     private lateinit var lastCommand: String
     private lateinit var lastResponse: String
-    
+
+    private lateinit var placeDetailsViewPager: ViewPager2
+    lateinit var placeDetailsFragmentAdapter: PlaceDetailsFragmentAdapter
+
+    val operationCompletedStatus = MutableLiveData<Boolean>()
+    val operationCompleted: LiveData<Boolean> get() = operationCompletedStatus
+
+    private lateinit var onResumeCheck:String
+
     /**
      * The onCreate function initializes the view by binding the Activity and the Layout and
      * retrieving the ViewModel. After calling the viewModel to load the place details list data and
@@ -87,23 +93,46 @@ class PlaceDetailsActivity : AppCompatActivity(), PlaceDetailsItemCallback {
      */
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
-        
+        onResumeCheck = "true"
+
         binding = ActivityPlaceDetailsBinding.inflate(layoutInflater)
         setContentView(binding.root)
-        
+
         viewModel = ViewModelProvider(this)[PlaceDetailsViewModel::class.java]
         viewModel.initPlaceClient(this)
-        
+
         viewModel.fetchPlaceDetailsItemList()
         placeDetailsItemList = viewModel.placeDetailsItemList
-        
-        configureUI()
+        placeDetailsAdapter = PlaceDetailsAdapter(placeDetailsItemList, this)
+
+
         configureAutocompleteFragment()
+        viewPagerSetUp()
         configureTTS()
         configureSTT()
-        
     }
-    
+
+
+    /**
+     * The Fragments in the Place Details activity are created dynamically, on Pause their state
+     * is saved and on Resume they are restored. The check is needed to assure the onResume
+     * functionality is only triggered, when it comes from a stoped state.
+     */
+    override fun onStop() {
+        super.onStop()
+        saveFragmentsState()  // Save the fragment state when the activity is paused
+        onResumeCheck = "true"
+    }
+
+    override fun onResume() {
+        super.onResume()
+        if (onResumeCheck == "true") {
+            restoreFragmentsState()  // Restore the fragment state when the activity is resumed
+        }
+        onResumeCheck = "false"
+    }
+
+
     /**
      * Called by the onCreate Function and calls upon the ViewModel to initialize the TTS system. On
      * successful initialization, the Activity name is read aloud.
@@ -134,12 +163,7 @@ class PlaceDetailsActivity : AppCompatActivity(), PlaceDetailsItemCallback {
         viewModel.initSTT()
         
         // if listening: microphone color green, else microphone color white
-        val sttIsListeningObserver = Observer<Boolean> { isListening ->
-            if (isListening) {
-                voiceActivationButton.setImageResource(R.drawable.ic_mic_green)
-            } else {
-                voiceActivationButton.setImageResource(R.drawable.ic_mic_white)
-            }
+        val sttIsListeningObserver = Observer<Boolean> {
         }
         
         // observe LiveData change to be notified when the STT system is active(ly listening)
@@ -232,7 +256,7 @@ class PlaceDetailsActivity : AppCompatActivity(), PlaceDetailsItemCallback {
     }
     
     /**
-     * Called when the user has given a response to an item quesion.Depending on the previous
+     * Called when the user has given a response to an item question.Depending on the previous
      * command and the given response, the action is executed.
      *
      * @param command: String, the command preceding the response
@@ -284,7 +308,7 @@ class PlaceDetailsActivity : AppCompatActivity(), PlaceDetailsItemCallback {
                 viewModel.say(resources.getString(R.string.STORENAME_is_a_favorite, storeName))
             } else {
                 viewModel.changeFavorite(placeDetailsItem)
-                adapter.notifyItemChanged(placeDetailsItemList.indexOf(placeDetailsItem))
+                placeDetailsAdapter.notifyItemChanged(placeDetailsItemList.indexOf(placeDetailsItem))
                 viewModel.say(resources.getString(R.string.added_STORENAME_to_favorites, storeName))
             }
         } else {
@@ -311,7 +335,7 @@ class PlaceDetailsActivity : AppCompatActivity(), PlaceDetailsItemCallback {
                 viewModel.say(resources.getString(R.string.STORENAME_is_not_a_favorite, storeName))
             } else {
                 viewModel.changeFavorite(placeDetailsItem)
-                adapter.notifyItemChanged(placeDetailsItemList.indexOf(placeDetailsItem))
+                placeDetailsAdapter.notifyItemChanged(placeDetailsItemList.indexOf(placeDetailsItem))
                 viewModel.say(
                     resources.getString(R.string.deleted_STORENAME_from_favorites, storeName)
                 )
@@ -347,7 +371,7 @@ class PlaceDetailsActivity : AppCompatActivity(), PlaceDetailsItemCallback {
             }
     
             resources.getString(R.string.list_my_favorite_places) -> {
-                for ((_, storeName, _, favorite) in placeDetailsItemList) {
+                for ((_, storeName, _, _, favorite) in placeDetailsItemList) {
                     if (favorite) {
                         viewModel.say(storeName, TextToSpeech.QUEUE_ADD)
                         exists = true
@@ -388,7 +412,7 @@ class PlaceDetailsActivity : AppCompatActivity(), PlaceDetailsItemCallback {
      * Reads today's Opening Hours for a given store name out loud. If the store name does not
      * correspond to a place details item on the list, state this.
      */
-    private fun stateOpeningHours(storeName: String) {
+    fun stateOpeningHours(storeName: String) {
     
         val placeDetailsItem = findPlaceByName(storeName)
     
@@ -399,7 +423,7 @@ class PlaceDetailsActivity : AppCompatActivity(), PlaceDetailsItemCallback {
             val regexCurrentOpeningHours = "(?<=: \\[?)(\\w:?–? ?ö?)+( ?–?\\d?:?)+".toRegex()
             val currentOpeningHours = regexCurrentOpeningHours.find(openingHours[dayOfWeek])?.value
             
-            viewModel.say(currentOpeningHours.toString())
+            viewModel.say(currentOpeningHours.toString(),TextToSpeech.QUEUE_ADD)
         } else {
             viewModel.say(
                 resources.getString(R.string.STORENAME_is_not_on_the_list, storeName)
@@ -407,7 +431,26 @@ class PlaceDetailsActivity : AppCompatActivity(), PlaceDetailsItemCallback {
         }
         
     }
-    
+
+    /**
+     * Reads the address for a given store name out loud. If the store name does not
+     * correspond to a place details item on the list, state this.
+     */
+
+    private fun stateAddress(storeName: String) {
+
+        val placeDetailsItem = findPlaceByName(storeName)
+
+        if (placeDetailsItem != null) {
+            viewModel.say(placeDetailsItem.address,TextToSpeech.QUEUE_ADD)
+        } else {
+            viewModel.say(
+                resources.getString(R.string.STORENAME_is_not_on_the_list, storeName)
+            )
+        }
+
+    }
+
     /**
      * Checks whether a store is currently open, based on its opening Hours and the current time.
      *
@@ -440,14 +483,11 @@ class PlaceDetailsActivity : AppCompatActivity(), PlaceDetailsItemCallback {
             val currentTime = hour * 100 + min
             val maxTime = 2360
             val minTime = 0
-    
-            if ((closeTime < openTime && (
-                        currentTime in openTime until maxTime
-                                || currentTime in minTime until closeTime
-                    )) || (currentTime in openTime until closeTime)){
-                return true
-            }
-            return false
+
+            return (closeTime < openTime && (
+                    currentTime in openTime until maxTime
+                            || currentTime in minTime until closeTime
+                    )) || (currentTime in openTime until closeTime)
         }
         
         return false
@@ -481,88 +521,7 @@ class PlaceDetailsActivity : AppCompatActivity(), PlaceDetailsItemCallback {
         }
         
     }
-    
-    /**
-     * Sets up all UI elements, i.e. the voiceActivation buttons, their respective
-     * onClick functionality and configures the recycler view.
-     */
-    private fun configureUI() {
-        
-        // set up voice activation button listener
-        voiceActivationButton = findViewById<View>(R.id.voice_activation_bt) as ImageButton
-        voiceActivationButton.setOnClickListener {
-            onVoiceActivationButtonClick()
-        }
-        
-        // resize Voice Activation Button to 1/3 of display size
-        setViewRelativeSize(voiceActivationButton, 1.0, 0.33)
-        
-        configureRecyclerView()
-    }
-    
-    /**
-     * Initializes the PlaceDetailsAdapter and fills the recyclerview with the PlaceDetailsItems on
-     * the Place Details List and configures the swipe to delete functionality in both directions
-     * utilizing ItemTouchHelper
-     */
-    private fun configureRecyclerView() {
-        
-        adapter = PlaceDetailsAdapter(placeDetailsItemList, this)
-        
-        val rvPlaceDetails = findViewById<View>(R.id.place_details_rv) as RecyclerView
-        rvPlaceDetails.adapter = adapter
-        rvPlaceDetails.layoutManager = LinearLayoutManager(this)
-        rvPlaceDetails.itemAnimator?.changeDuration = 0
-        
-        // implements swipe left to delete item functionality
-        ItemTouchHelper(object : ItemTouchHelper.SimpleCallback(
-            0, ItemTouchHelper.LEFT
-        ) {
-            override fun onMove(
-                recyclerView: RecyclerView,
-                viewHolder: RecyclerView.ViewHolder,
-                target: RecyclerView.ViewHolder
-            ): Boolean {
-                return false
-            }
-            
-            override fun onSwiped(viewHolder: RecyclerView.ViewHolder, direction: Int) {
-                onSwipeToDelete(viewHolder)
-            }
-        }).attachToRecyclerView(rvPlaceDetails)
-        
-        // implements swipe right to delete item functionality
-        ItemTouchHelper(object : ItemTouchHelper.SimpleCallback(
-            0, ItemTouchHelper.RIGHT
-        ) {
-            override fun onMove(
-                recyclerView: RecyclerView,
-                viewHolder: RecyclerView.ViewHolder,
-                target: RecyclerView.ViewHolder
-            ): Boolean {
-                return false
-            }
-            
-            override fun onSwiped(viewHolder: RecyclerView.ViewHolder, direction: Int) {
-                onSwipeToDelete(viewHolder)
-            }
-        }).attachToRecyclerView(rvPlaceDetails)
-        
-    }
-    
-    /**
-     * Called when user swipes left or right on an item in the recyclerview. The corresponding
-     * PlaceDetailsItem is then removed.
-     *
-     * @param viewHolder: the RecyclerView ViewHolder
-     */
-    private fun onSwipeToDelete(viewHolder: RecyclerView.ViewHolder) {
-        val placeDetailsItem: PlaceDetailsItem =
-            placeDetailsItemList[viewHolder.adapterPosition]
-        
-        deletePlaceDetailsItem(placeDetailsItem, viewHolder.adapterPosition)
-    }
-    
+
     /**
      * Calls the ViewModel to delete a PlaceDetailsItem from the places list and then removes it
      * from the UI and narrates the performed action to the user.
@@ -571,15 +530,15 @@ class PlaceDetailsActivity : AppCompatActivity(), PlaceDetailsItemCallback {
      * @param index: the index of the PlaceDetailsItem to be deleted
      */
     private fun deletePlaceDetailsItem(placeDetailsItem: PlaceDetailsItem, index: Int) {
-        
+
         viewModel.deletePlaceDetailsItem(placeDetailsItem)
-        adapter.notifyItemRemoved(index)
+        placeDetailsAdapter.notifyItemRemoved(index)
         viewModel.say(
             resources.getString(
                 R.string.deleted_ITEMNAME_from_saved_places, placeDetailsItem.storeName
             )
         )
-        
+
     }
     
     /**
@@ -588,7 +547,7 @@ class PlaceDetailsActivity : AppCompatActivity(), PlaceDetailsItemCallback {
      *
      * @param itemName: name  to be deleted
      */
-    private fun deletePlaceDetailsItem(itemName: String) {
+    fun deletePlaceDetailsItem(itemName: String) {
     
         val placeDetailsItem = findPlaceByName(itemName)
     
@@ -603,39 +562,95 @@ class PlaceDetailsActivity : AppCompatActivity(), PlaceDetailsItemCallback {
     }
     
     /**
-     * Searches the list for a Place Detail Item by its name.
+     * Searches the list for a Place Detail Item by its name/id.
      *
      * @param storeName: String, the name of the place to be deleted
      *
      * @return The Place Details Item if it exists, else null
      */
-    private fun findPlaceByName(storeName: String): PlaceDetailsItem? {
-        return placeDetailsItemList.find { it.storeName.lowercase() == storeName }
+    fun findPlaceByName(storeName: String): PlaceDetailsItem? {
+        return placeDetailsItemList.find { it.storeName == storeName }
     }
-    
+
+    private fun findPlaceByID(placeID: String): PlaceDetailsItem? {
+        return placeDetailsItemList.find {it.placeID == placeID}
+    }
+
+    /**
+     * Three functions handling the google maps place search.
+     */
+    /**
+     * Just launches the intent. It is  wrapped in function to be called from the different fragments.
+     *
+     * TODO: Make country flexible
+     */
+    fun startPlaceSearch(){
+        val autocompleteFragment = supportFragmentManager
+            .findFragmentById(R.id.autocomplete_fragment) as AutocompleteSupportFragment
+        val searchInput = autocompleteFragment.view?.findViewById<View>(
+            resources.getIdentifier("places_autocomplete_search_input", "id", packageName)
+        )
+        searchInput?.requestFocus()
+        searchInput?.performClick()
+    }
+
+    /**
+     * Once a place is selected it calls on the viewmodel to proceed with the onPlaceSelected.
+     * Additionally it notifies the placeDetailsAdapter and gives feedback to the user.
+     */
+
+    private fun handlePlaceSelected(place: Place) {
+        if(findPlaceByID(place.id!!) == null) {
+            viewModel.onPlaceSelected(place) {
+                if (it) {
+                    placeDetailsAdapter.notifyItemInserted(placeDetailsItemList.size - 1)
+                    operationCompletedStatus.value = true
+                    val storeName = placeDetailsItemList.last().storeName
+                    val address = placeDetailsItemList.last().address
+                    viewModel.say(
+                        resources.getString(
+                            R.string.STORENAME_added_to_saved_places,
+                            storeName
+                        ), TextToSpeech.QUEUE_ADD
+                    )
+                    viewModel.say(
+                        resources.getString(
+                            R.string.STORENAME_address,
+                            address
+                        ), TextToSpeech.QUEUE_ADD
+                    )
+                }
+            }
+        }
+        else{
+            viewModel.say(resources.getString(R.string.place_on_list))
+        }
+    }
+
     /**
      * Sets up the AutocompleteFragment for the places search and sets a PlaceSelectionListener. The
      * search filters for supermarkets and returns the ID of a place. If a place is selected, it is
      * added to the saved places and the action is narrated.
      */
     private fun configureAutocompleteFragment() {
-        
+
         // Initialize the AutocompleteSupportFragment.
         val autocompleteFragment =
             supportFragmentManager.findFragmentById(R.id.autocomplete_fragment)
                     as AutocompleteSupportFragment
-        
+        autocompleteFragment.view?.visibility = View.GONE
         // Specify the types of place data to return.
         autocompleteFragment.setPlaceFields(listOf(Place.Field.ID))
         autocompleteFragment.setTypesFilter(listOf("supermarket"))
-        
+        autocompleteFragment.setCountries(listOf("DE"))
+
         // Set up a PlaceSelectionListener to handle the response.
         autocompleteFragment.setOnPlaceSelectedListener(object : PlaceSelectionListener {
-            
+
             override fun onError(status: Status) {
                 viewModel.onError(status)
             }
-            
+
             /**
              * When a place is selected, the ViewModel is called to handle fetching the place
              * details and adding a new PlaceDetailsItem to the list. On Success, the UI is updated
@@ -644,25 +659,13 @@ class PlaceDetailsActivity : AppCompatActivity(), PlaceDetailsItemCallback {
              * @param place: Place, the selected place
              */
             override fun onPlaceSelected(place: Place) {
-                viewModel.onPlaceSelected(place) {
-                    if (it) {
-                        
-                        adapter.notifyItemInserted(placeDetailsItemList.size - 1)
-                        
-                        val storeName = placeDetailsItemList.last().storeName
-                        viewModel.say(
-                            resources.getString(
-                                R.string.STORENAME_added_to_saved_places,
-                                storeName
-                            )
-                        )
-                    }
-                }
+                handlePlaceSelected(place)
             }
         })
-        
+
     }
-    
+
+
     /**
      * Called at the end of the activity lifecycle and saves the current PlaceDetailsItem list to
      * local storage.
@@ -671,26 +674,29 @@ class PlaceDetailsActivity : AppCompatActivity(), PlaceDetailsItemCallback {
         super.onDestroy()
         viewModel.storePlaceDetailsItemList()
     }
-    
+
     /**
      * Reads the respective store name out loud, if a card is clicked.
      *
      * @param item: PlaceDetailsItem, the item whose name is to be read out loud
      */
     override fun onCardClick(item: PlaceDetailsItem) {
+
         viewModel.say(item.storeName)
+        stateOpeningHours(item.storeName)
+        stateAddress(item.storeName)
     }
-    
+
     /**
      * When the favorite icon of a PlaceDetailsItem is clicked, it is added to or removed from the
      * favorites list, depending on the current state. If favorited, it is removed, else it is
      * added.
      */
     override fun onFavoriteClick(item: PlaceDetailsItem) {
-        
+
         val favorite = viewModel.changeFavorite(item)
-        adapter.notifyItemChanged(placeDetailsItemList.indexOf(item))
-        
+        placeDetailsAdapter.notifyItemChanged(placeDetailsItemList.indexOf(item))
+
         if (favorite) {
             viewModel.say(
                 resources.getString(
@@ -707,18 +713,135 @@ class PlaceDetailsActivity : AppCompatActivity(), PlaceDetailsItemCallback {
             )
         }
     }
-    
+
     /**
-     * Called when voiceActivationButton is clicked and handles the result. If clicked while the
-     * STT system is listening, call to viewModel to cancel listening. Else, call viewModel to begin
-     * listening.
+     * Necessary functions for dynamic fragments.
      */
-    private fun onVoiceActivationButtonClick() {
-        if (viewModel.isListening.value == false) {
-            viewModel.setSpeechRecognitionListener(STTInputType.COMMAND)
-            viewModel.handleSpeechBegin()
-        } else {
-            viewModel.cancelListening()
+
+    /**
+     * Creates a new PlaceDetailsScreenBase fragment and adds it to the fragment placeDetailsAdapter.
+     * Adjusts the viewPagers offScreenPageLimit to trigger the initialization of the new fragment,
+     * so its variables can be accessed and used.
+     */
+    fun addNewFragment(placeTop: String, placeBottom: String) {
+        placeDetailsViewPager.offscreenPageLimit = placeDetailsFragmentAdapter.itemCount -1
+        val newFragment = PlaceDetailsScreenBase.newInstance(placeTop, placeBottom)
+        placeDetailsFragmentAdapter.addFragment(newFragment)
+    }
+
+    /**
+     * Saves the current state of the fragments. This is necessary to keep the newly created
+     * fragments. The fragments are saved with their itemTop and itemBottom variable mapped onto
+     * each-other. They are put into a json an d saved in the sharedPreferences.
+     */
+    private fun saveFragmentsState() {
+        val sharedPreferences = getSharedPreferences(
+            "place_details_fragment_state", Context.MODE_PRIVATE)
+        val editor = sharedPreferences.edit()
+        val fragmentData = placeDetailsFragmentAdapter.fragmentList
+            .filterIsInstance<PlaceDetailsScreenBase>()
+            .map { fragment ->
+                fragment.placeTop to fragment.placeBottom
+            }
+        val gson = Gson()
+        val json = gson.toJson(fragmentData)
+        editor.putString("place_details_fragments", json)
+        editor.apply()
+        Log.i("Shared Preferences","FragmentState saved")
+    }
+
+    /**
+     * Restores the fragments with their variables saved in the sharedPreferences. If there are
+     * no saved Fragments a new one is created to makes sure, their is always at least one.
+     */
+    private fun restoreFragmentsState() {
+        val sharedPreferences = getSharedPreferences(
+            "place_details_fragment_state", Context.MODE_PRIVATE)
+        val gson = Gson()
+        val json = sharedPreferences.getString("place_details_fragments", null)
+
+        if (json != null) {
+            val fragmentData: List<Pair<String, String>> = gson.fromJson(json, object :
+                TypeToken<List<Pair<String, String>>>() {}.type)
+            fragmentData.forEach { (placeTop, placeBottom) ->
+                val fragment = PlaceDetailsScreenBase.newInstance(placeTop, placeBottom)
+                placeDetailsFragmentAdapter.addFragment(fragment)
+            }
+        }
+        else{
+            addNewFragment(
+                resources.getString(R.string.add_a_place),
+                resources.getString(R.string.add_a_place)
+            )
+        }
+        Log.i("Shared Preferences","FragmentState restored")
+    }
+
+    /**
+     * Function that sets and configures the viewPager2. ViewPager2 is a tool that can take multiple
+     * fragments in a list and allows navigation between those fragments by swiping left and right.
+     * To achieve this the placeDetailsFragmentAdapter is set as the viewpagers placeDetailsAdapter.
+     */
+
+    private fun viewPagerSetUp(){
+        placeDetailsViewPager = findViewById(R.id.place_details_view_pager)
+        placeDetailsFragmentAdapter = PlaceDetailsFragmentAdapter(this)
+        placeDetailsViewPager.adapter = placeDetailsFragmentAdapter
+        placeDetailsViewPager.setCurrentItem(1, false)
+        /**
+         * The swipe interceptor makes sure that vertical swipes are recognized more reliably.
+         * In a default state a swipe to the top or bottom with the slightest movement left
+         * or right will be recognized as a horizontal swipe. With the interceptor the app checks
+         * first for a vertical swipe, which makes it more reliable and better to navigate.
+         *
+         * Overriding the onSwipeUp and onSwipeDown functions in the way it is done, is necessary
+         * to assure the correct fragments onSwipe functions are referenced, since the activity is
+         * shared among all the activities Fragment.
+         *
+         */
+
+        val swipeInterceptor = OnSwipeTouchInterceptor(object : SwipeAction {
+            override fun onSwipeLeft(){}
+            override fun onSwipeRight(){}
+            override fun onSwipeUp(){
+                val currentPosition = placeDetailsViewPager.currentItem
+                val currentFragment = placeDetailsFragmentAdapter.getCurrentFragment(currentPosition)
+                when (currentPosition) {
+                    0 -> {
+                        (currentFragment as PlaceDetailsListOverview).onSwipeUp()
+                    }
+                    1 -> {
+                        (currentFragment as PlaceDetailsScreen1).onSwipeUp()
+                    }
+                    else -> {
+                        (currentFragment as PlaceDetailsScreenBase).onSwipeUp()
+                    }
+                }
+            }
+            override fun onSwipeDown(){
+                val currentPosition = placeDetailsViewPager.currentItem
+                val currentFragment = placeDetailsFragmentAdapter.getCurrentFragment(currentPosition)
+                when (currentPosition) {
+                    0 -> {
+                        (currentFragment as PlaceDetailsListOverview).onSwipeDown()
+                    }
+                    1 -> {
+                        (currentFragment as PlaceDetailsScreen1).onSwipeDown()
+                    }
+                    else -> {
+                        (currentFragment as PlaceDetailsScreenBase).onSwipeDown()
+                    }
+                }
+            }
+            override fun onLongPress(){}
+            override fun onDoubleTap() {}
+
+        })
+
+        placeDetailsViewPager.getChildAt(0).let { recyclerView ->
+            if (recyclerView is RecyclerView) {
+                recyclerView.addOnItemTouchListener(swipeInterceptor)
+            }
         }
     }
     
diff --git a/app/src/main/java/com/nlinterface/activities/SettingsActivity.kt b/app/src/main/java/com/nlinterface/activities/SettingsActivity.kt
index 569dffc..ec2704a 100644
--- a/app/src/main/java/com/nlinterface/activities/SettingsActivity.kt
+++ b/app/src/main/java/com/nlinterface/activities/SettingsActivity.kt
@@ -3,22 +3,25 @@ package com.nlinterface.activities
 import android.content.Context
 import android.content.Intent
 import android.os.Bundle
-import android.view.View
-import android.widget.Button
-import android.widget.ImageButton
 import androidx.appcompat.app.AppCompatActivity
 import androidx.lifecycle.Observer
 import androidx.lifecycle.ViewModelProvider
+import androidx.recyclerview.widget.RecyclerView
+import androidx.viewpager2.widget.ViewPager2
 import com.nlinterface.R
+import com.nlinterface.adapters.SettingsFragmentAdapter
 import com.nlinterface.databinding.ActivitySettingsBinding
+import com.nlinterface.fragments.SettingsScreen1
+import com.nlinterface.fragments.SettingsScreen2
+import com.nlinterface.fragments.SettingsScreen3
 import com.nlinterface.utility.ActivityType
 import com.nlinterface.utility.GlobalParameters
-import com.nlinterface.utility.GlobalParameters.BarcodeServiceMode
 import com.nlinterface.utility.GlobalParameters.KeepScreenOn
 import com.nlinterface.utility.GlobalParameters.ThemeChoice
+import com.nlinterface.utility.OnSwipeTouchInterceptor
 import com.nlinterface.utility.STTInputType
+import com.nlinterface.utility.SwipeAction
 import com.nlinterface.utility.navToActivity
-import com.nlinterface.utility.setViewRelativeSize
 import com.nlinterface.viewmodels.SettingsViewModel
 import kotlinx.coroutines.CoroutineScope
 import kotlinx.coroutines.Dispatchers
@@ -28,13 +31,17 @@ import kotlinx.coroutines.launch
 /**
  * The SettingsActivity handles user interaction in Settings Menu.
  *
- * The Settings Menu comprises the Voice Activation Buttons and a button for each settings
- * functionality. Each click on a settings button will cycle through the available settings,
- * narrating each action. The settings are applied once the MainActivity is selected. Current
- * setting options are:
+ * The Settings Menu comprises of several screens of which each displays two
+ * possible settings.
+ * Scrolling left an right navigates trough the different screens. A swipe up and down
+ * changes the corresponding setting.
  *
- * 1- Screen Always On/Dim Screen after some time
- * 2- Device Theme/Dark Theme/Light Theme
+ * 1- Feedback Auditive/Tactile/Combined
+ * 2- Navigate to the barcode settings
+ * 3- Device Theme/Dark Theme/Light Theme
+ * 4- Screen Always On/Dim Screen after some time
+ * 5- Explanation type
+ * 6- Narration Speed
  *
  * Possible Voice Commands:
  * - 'Read Screen Settings'
@@ -43,6 +50,7 @@ import kotlinx.coroutines.launch
  * - 'Set Theme Settings' --> Default, Light or Dark? --> X
  *
  * TODO: Add TTS Speed Settings
+ * TODO: Implement all settings
  */
 class SettingsActivity : AppCompatActivity() {
 
@@ -50,23 +58,19 @@ class SettingsActivity : AppCompatActivity() {
     private lateinit var viewModel: SettingsViewModel
 
     private lateinit var keepScreenOnOptions: MutableList<String>
-    private lateinit var keepScreenOnButton: Button
 
     private lateinit var themeOptions: MutableList<String>
-    private lateinit var themeButton: Button
 
     private lateinit var barcodeServiceOptions: MutableList<String>
-    private lateinit var barcodeServiceButton : Button
-
-    private lateinit var barcodeSettingsButton: Button
-
-    private lateinit var voiceActivationButton: ImageButton
     
     private lateinit var lastCommand: String
     private lateinit var lastResponse: String
     
     private val globalParameters = GlobalParameters.instance!!
 
+    private lateinit var viewPager: ViewPager2
+    lateinit var fragmentAdapter: SettingsFragmentAdapter
+
     /**
      * The onCreate Function initializes the view by binding the Activity and the Layout,
      * retrieving the ViewModel, loading the options for each preference type, configuring the UI
@@ -80,6 +84,7 @@ class SettingsActivity : AppCompatActivity() {
 
         viewModel = ViewModelProvider(this)[SettingsViewModel::class.java]
 
+
         keepScreenOnOptions = mutableListOf()
         resources.getStringArray(R.array.keep_screen_on_options).forEach { option ->
             keepScreenOnOptions.add(option)
@@ -95,90 +100,12 @@ class SettingsActivity : AppCompatActivity() {
             barcodeServiceOptions.add(option)
         }
 
-        configureUI()
+        viewPagerSetUp()
+
         configureTTS()
         configureSTT()
     }
 
-    /**
-     * Sets up all UI elements, i.e. the voiceActivation/theme/keepScreenOn buttons and their
-     * respective onClickListeners
-     */
-    private fun configureUI() {
-
-        voiceActivationButton = findViewById<View>(R.id.voice_activation_bt) as ImageButton
-        voiceActivationButton.setOnClickListener { onVoiceActivationButtonClick() }
-        
-        setViewRelativeSize(voiceActivationButton, 1.0, 0.33)
-
-        themeButton = findViewById(R.id.settings_theme)
-        themeButton.setOnClickListener { onThemeButtonClick() }
-        themeButton.text = themeOptions[globalParameters.themeChoice.ordinal]
-        
-        keepScreenOnButton = findViewById(R.id.settings_keep_screen_on)
-        keepScreenOnButton.setOnClickListener { onKeepScreenOnButtonClick() }
-        keepScreenOnButton.text = keepScreenOnOptions[globalParameters.keepScreenOn.ordinal]
-
-        barcodeServiceButton = findViewById(R.id.settings_barcode_mode)
-        barcodeServiceButton.setOnClickListener { onBarcodeServiceButtonClick() }
-        barcodeServiceButton.text = barcodeServiceOptions[globalParameters.barcodeServiceMode.ordinal]
-
-        barcodeSettingsButton = findViewById(R.id.barcode_settings)
-        barcodeSettingsButton.setOnClickListener {_ ->
-            navToActivity(this, ActivityType.BARCODESETTINGS)}
-        barcodeSettingsButton.text =  resources.getString(R.string.barcode_scanner_settings)
-    }
-
-    /**
-     * Cycle through the options for the Theme settings, when the button is clicked. Narrate the
-     * action.
-     */
-    private fun onThemeButtonClick() {
-
-        if (globalParameters.themeChoice.ordinal == ThemeChoice.values().size - 1) {
-            globalParameters.themeChoice = ThemeChoice.values()[0]
-        } else {
-            globalParameters.themeChoice =
-                ThemeChoice.values()[globalParameters.themeChoice.ordinal + 1]
-        }
-        
-        themeButton.text = themeOptions[globalParameters.themeChoice.ordinal]
-
-        viewModel.say(resources.getString(R.string.new_theme_setting, themeButton.text))
-    }
-
-    /**
-     * Cycles through the options for the Screen On settings, when the button is clicked. Narrates
-     * the action.
-     */
-    private fun onKeepScreenOnButtonClick() {
-
-        if (globalParameters.keepScreenOn.ordinal == KeepScreenOn.values().size - 1) {
-            globalParameters.keepScreenOn = KeepScreenOn.values()[0]
-        } else {
-            globalParameters.keepScreenOn =
-                KeepScreenOn.values()[globalParameters.keepScreenOn.ordinal + 1]
-        }
-        
-        keepScreenOnButton.text = keepScreenOnOptions[globalParameters.keepScreenOn.ordinal]
-
-        viewModel.say(resources.getString(R.string.new_screen_setting, keepScreenOnButton.text))
-    }
-
-    private fun onBarcodeServiceButtonClick() {
-
-        if (globalParameters.barcodeServiceMode.ordinal == BarcodeServiceMode.values().size - 1) {
-            globalParameters.barcodeServiceMode = BarcodeServiceMode.values()[0]
-        } else {
-            globalParameters.barcodeServiceMode = BarcodeServiceMode.values()[globalParameters.barcodeServiceMode.ordinal + 1]
-        }
-
-        barcodeServiceButton.text = barcodeServiceOptions[globalParameters.barcodeServiceMode.ordinal]
-
-        viewModel.say(barcodeServiceButton.text as String)
-    }
-
-
     /**
      *
      * If the activity is paused, save the current preferences to SharedPreferences.
@@ -210,20 +137,6 @@ class SettingsActivity : AppCompatActivity() {
         }
     }
 
-    /**
-     * Called when voiceActivationButton is clicked and handles the result. If clicked while the
-     * STT system is listening, call to viewModel to cancel listening. Else, call viewModel to begin
-     * listening.
-     */
-    private fun onVoiceActivationButtonClick() {
-        if (viewModel.isListening.value == false) {
-            viewModel.setSTTSpeechRecognitionListener(STTInputType.COMMAND)
-            viewModel.handleSTTSpeechBegin()
-        } else {
-            viewModel.cancelSTTListening()
-        }
-    }
-
     /**
      * Called by the onCreate Function and calls upon the ViewModel to initialize the TTS system. On
      * successful initialization, the Activity name is read aloud.
@@ -255,12 +168,7 @@ class SettingsActivity : AppCompatActivity() {
         viewModel.initSTT()
 
         // if listening: microphone color green, else microphone color white
-        val sttIsListeningObserver = Observer<Boolean> { isListening ->
-            if (isListening) {
-                voiceActivationButton.setImageResource(R.drawable.ic_mic_green)
-            } else {
-                voiceActivationButton.setImageResource(R.drawable.ic_mic_white)
-            }
+        val sttIsListeningObserver = Observer<Boolean> {
         }
 
         // observe LiveData change to be notified when the STT system is active(ly listening)
@@ -329,22 +237,6 @@ class SettingsActivity : AppCompatActivity() {
                 )
             }
 
-        } else if (command == resources.getString(R.string.barcode_service_mode_on)){
-
-            globalParameters.barcodeServiceMode = BarcodeServiceMode.values()[0]
-
-            barcodeServiceButton.text = barcodeServiceOptions[globalParameters.barcodeServiceMode.ordinal]
-
-            viewModel.say(barcodeServiceButton.text as String)
-
-        } else if (command == resources.getString(R.string.barcode_service_mode_off)){
-
-            globalParameters.barcodeServiceMode = BarcodeServiceMode.values()[1]
-
-            barcodeServiceButton.text = barcodeServiceOptions[globalParameters.barcodeServiceMode.ordinal]
-
-            viewModel.say(barcodeServiceButton.text as String)
-
         } else if(command == resources.getString(R.string.stop_speech)) {
 
             val intent = Intent("BarcodeInfo_Stop").apply {
@@ -511,5 +403,72 @@ class SettingsActivity : AppCompatActivity() {
         viewModel.setSTTSpeechRecognitionListener(STTInputType.ANSWER)
         viewModel.handleSTTSpeechBegin()
     }
+
+    /**
+     * Function that sets and configures the viewPager2. ViewPager2 is a tool that can take multiple
+     * fragments in a list and allows navigation between those fragments by swiping left and right.
+     * To achieve this the groceryListFragmentAdapter is set as the viewpagers adapter.
+     */
+
+    private fun viewPagerSetUp(){
+        viewPager = findViewById(R.id.view_pager)
+        fragmentAdapter = SettingsFragmentAdapter(this)
+        viewPager.adapter = fragmentAdapter
+
+        /**
+         * The swipe interceptor makes sure that vertical swipes are recognized more reliably.
+         * In a default state a swipe to the top or bottom with the slightest movement left
+         * or right will be recognized as a horizontal swipe. With the interceptor the app checks
+         * first for a vertical swipe, which makes it more reliable and better to navigate.
+         *
+         * Overriding the onSwipeUp and onSwipeDown functions in the way it is done, is necessary
+         * to assure the correct fragments onSwipe functions are referenced, since the activity is
+         * shared among all the activities Fragment.
+         *
+         */
+
+        val swipeInterceptor = OnSwipeTouchInterceptor(object : SwipeAction {
+            override fun onSwipeLeft(){}
+            override fun onSwipeRight(){}
+            override fun onSwipeUp(){
+                val currentPosition = viewPager.currentItem
+                val currentFragment = fragmentAdapter.getCurrentFragment(currentPosition)
+                when (currentPosition) {
+                    0 -> {
+                        (currentFragment as SettingsScreen1).onSwipeUp()
+                    }
+                    1 -> {
+                        (currentFragment as SettingsScreen2).onSwipeUp()
+                    }
+                    2 -> {
+                        (currentFragment as SettingsScreen3).onSwipeUp()
+                    }
+                }
+            }
+            override fun onSwipeDown(){
+                val currentPosition = viewPager.currentItem
+                val currentFragment = fragmentAdapter.getCurrentFragment(currentPosition)
+                when (currentPosition) {
+                    0 -> {
+                        (currentFragment as SettingsScreen1).onSwipeDown()
+                    }
+                    1 -> {
+                        (currentFragment as SettingsScreen2).onSwipeDown()
+                    }
+                    2 -> {
+                        (currentFragment as SettingsScreen3).onSwipeDown()
+                    }
+                }
+            }
+            override fun onLongPress(){}
+            override fun onDoubleTap() {}
+        })
+
+        viewPager.getChildAt(0).let { recyclerView ->
+            if (recyclerView is RecyclerView) {
+                recyclerView.addOnItemTouchListener(swipeInterceptor)
+            }
+        }
+    }
     
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/activities/VoiceOnlyActivity.kt b/app/src/main/java/com/nlinterface/activities/VoiceOnlyActivity.kt
new file mode 100644
index 0000000..719c920
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/activities/VoiceOnlyActivity.kt
@@ -0,0 +1,203 @@
+package com.nlinterface.activities
+
+import android.Manifest
+import android.content.Intent
+import android.content.pm.PackageManager
+import android.os.Bundle
+import android.view.View
+import android.widget.ViewFlipper
+import androidx.appcompat.app.AppCompatActivity
+import androidx.core.app.ActivityCompat
+import androidx.lifecycle.Observer
+import androidx.lifecycle.ViewModelProvider
+import androidx.lifecycle.lifecycleScope
+import com.nlinterface.R
+import com.nlinterface.databinding.ActivityMainBinding
+import com.nlinterface.utility.OnSwipeTouchListener
+import com.nlinterface.viewmodels.VoiceOnlyViewModel
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.launch
+
+/**
+ * The Voice Only activity allows users to use the app solely by voice commands with the help of a
+ * large language Model. The activity consist of three stages representing the three stages:
+ * Listening, Processing and Speaking.
+ *
+ * TODO: Improve and Test
+ */
+class VoiceOnlyActivity: AppCompatActivity() {
+
+    private lateinit var binding: ActivityMainBinding
+    private lateinit var viewModel: VoiceOnlyViewModel
+    private lateinit var viewFlipper: ViewFlipper
+
+    /**
+     * The onCreate function sets up the viewFlipper that changes the screens layout based on the
+     * stage the speech system is in. It also sets up the OnTouchListener and starts in listening
+     * mode.
+     */
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        binding = ActivityMainBinding.inflate(layoutInflater)
+        setContentView(binding.root)
+        setContentView(R.layout.activity_voice_only)
+
+        viewModel = ViewModelProvider(this)[VoiceOnlyViewModel::class.java]
+
+        viewFlipper = findViewById(R.id.viewSwitcher)
+
+        val rootView: View = findViewById(android.R.id.content)
+
+        /**
+         * The OnSwipeTouchListener is simplified to two possible inputs.
+         * DoubleTap navigates back to the Main Menu and exists the Voice Only Mode.
+         * Pressing and holding starts listening. (Only necessary when an error occurs. Per default
+         * the system should be listening without any additional input.)
+         */
+
+        rootView.setOnTouchListener(object : OnSwipeTouchListener(this) {
+            override fun onDoubleTap() {
+                val intent = Intent(this@VoiceOnlyActivity, MainActivity::class.java)
+                startActivity(intent)
+            }
+            override fun onLongPress() {
+                startListening()
+            }
+        })
+
+        startAsynchronously()
+    }
+
+    /**
+     * Called by the onCreate Function and calls upon the ViewModel to initialize the TTS system. On
+     * successful initialization, the Activity name is read aloud.
+     */
+    private fun configureTTS() {
+
+        viewModel.initTTS()
+
+        // once the TTS is successfully initialized, read out the activity name
+        // required, since TTS initialization is asynchronous
+        val ttsInitializedObserver = Observer<Boolean> { _ ->
+            viewModel.say(resources.getString(R.string.voice_only_mode))
+        }
+
+        // observe LiveDate change, to be notified if TTS initialization is completed
+        viewModel.ttsInitialized.observe(this, ttsInitializedObserver)
+
+    }
+
+    /**
+     * Called by the onCreate function and calls upon the ViewModel to initialize the STT system.
+     * It processed and observes the state of the activity to accurately represent it with the
+     * corresponding screen and make sure the next processing state is started only when the prior
+     * is finished.
+     */
+    private fun configureSTT() {
+
+        viewModel.initSTT()
+
+        val sttIsListeningObserver = Observer<Boolean> { isListening ->
+            if (isListening) {
+                showListeningStage()
+            }
+            else {
+                viewModel.handleSTTSpeechBegin()
+            }
+        }
+
+        // observe LiveData change to be notified when the STT system is active(ly listening)
+        viewModel.isListening.observe(this, sttIsListeningObserver)
+
+        val processObserver = Observer<Boolean> {isProcessing ->
+            if(isProcessing){
+                showProcessingStage()
+            }
+        }
+
+        viewModel.isProcessing.observe(this, processObserver)
+
+        // if a command is successfully generated, process and execute it
+        val commandObserver = Observer<String> {command ->
+            if (command.isNotEmpty()) {
+                processVoiceInput(command)
+            }
+        }
+
+        // observe LiveData change to be notified when the STT returns a command
+        viewModel.command.observe(this, commandObserver)
+
+    }
+
+    /**
+     * The following three functions handle the UI.
+     */
+    private fun showListeningStage() {
+        if (viewFlipper.currentView.id != R.layout.mode_listening) {
+            viewFlipper.displayedChild = 0
+        }
+    }
+
+    private fun showProcessingStage() {
+        if (viewFlipper.currentView.id != R.layout.mode_processing) {
+            viewFlipper.displayedChild = 1
+        }
+
+    }
+
+    private fun showSpeakingStage() {
+        if (viewFlipper.currentView.id != R.layout.mode_speaking) {
+            viewFlipper.displayedChild = 2
+        }
+    }
+
+    private fun startAsynchronously() {
+        configureTTS()
+        firstListeningProcess()
+    }
+
+    /**
+     * Checks for permission to use audio. If granted start listening. If not ask for permission
+     * again and call itself again.
+     */
+    private fun firstListeningProcess(){
+        lifecycleScope.launch{
+            delay(2500)
+            configureSTT()
+            if (checkCallingOrSelfPermission(
+                    Manifest.permission.RECORD_AUDIO
+                ) == PackageManager.PERMISSION_GRANTED
+            ) {
+                startListening()
+            }
+            else {
+                ActivityCompat.requestPermissions(
+                    this@VoiceOnlyActivity,
+                    arrayOf(Manifest.permission.RECORD_AUDIO),
+                    MainActivity.STT_PERMISSION_REQUEST_CODE
+                )
+                firstListeningProcess()
+            }
+        }
+    }
+
+    /**
+     * Handles a received input and starts listening again on completion.
+     */
+    private fun processVoiceInput(command: String) {
+        lifecycleScope.launch {
+            showSpeakingStage()
+            viewModel.sayAndAwait(command)
+            showListeningStage()
+            startListening()
+        }
+    }
+
+    private fun startListening() {
+        viewModel.handleSTTSpeechBegin()
+    }
+
+
+}
diff --git a/app/src/main/java/com/nlinterface/adapters/BarcodeSettingsFragmentAdapter.kt b/app/src/main/java/com/nlinterface/adapters/BarcodeSettingsFragmentAdapter.kt
new file mode 100644
index 0000000..455d0af
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/adapters/BarcodeSettingsFragmentAdapter.kt
@@ -0,0 +1,38 @@
+package com.nlinterface.adapters
+
+import androidx.fragment.app.Fragment
+import androidx.fragment.app.FragmentActivity
+import androidx.viewpager2.adapter.FragmentStateAdapter
+import com.nlinterface.fragments.BarcodeScannerScreen
+import com.nlinterface.fragments.BarcodeSettingsScreen1
+import com.nlinterface.fragments.BarcodeSettingsScreen2
+import com.nlinterface.fragments.BarcodeSettingsScreen3
+
+/**
+ * Fragment Adapter for the Barcode Settings Activity.
+ */
+class BarcodeSettingsFragmentAdapter(
+    fragmentActivity: FragmentActivity
+): FragmentStateAdapter(fragmentActivity) {
+
+    private val fragmentList = mutableListOf<Fragment>()
+
+    override fun getItemCount(): Int {
+        return fragmentList.size
+    }
+
+    init {
+        fragmentList.add(BarcodeScannerScreen())
+        fragmentList.add(BarcodeSettingsScreen1())
+        fragmentList.add(BarcodeSettingsScreen2())
+        fragmentList.add(BarcodeSettingsScreen3())
+    }
+
+    override fun createFragment(position: Int): Fragment {
+        return fragmentList[position]
+    }
+
+    fun getCurrentFragment(position: Int): Fragment? {
+        return fragmentList.getOrNull(position)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/adapters/GroceryListFragmentAdapters.kt b/app/src/main/java/com/nlinterface/adapters/GroceryListFragmentAdapters.kt
new file mode 100644
index 0000000..b453468
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/adapters/GroceryListFragmentAdapters.kt
@@ -0,0 +1,76 @@
+package com.nlinterface.adapters
+
+import androidx.fragment.app.Fragment
+import androidx.fragment.app.FragmentActivity
+import androidx.viewpager2.adapter.FragmentStateAdapter
+import com.nlinterface.fragments.GroceryListScreen1
+import com.nlinterface.fragments.GroceryListScreen2
+import com.nlinterface.fragments.GroceryListScreenBase
+import com.nlinterface.fragments.GroceryListScreenListView
+
+/**
+ * Fragment Adapter for the Grocery List Activity. On initialization only the fixed Fragments are
+ * added to fragmentList.
+ */
+class GroceryListFragmentAdapter(
+    private val fragmentActivity: FragmentActivity
+): FragmentStateAdapter(fragmentActivity) {
+
+    val fragmentList = mutableListOf<Fragment>()
+
+    override fun getItemCount(): Int {
+        return fragmentList.size
+    }
+
+    init {
+        fragmentList.add(GroceryListScreenListView())
+        fragmentList.add(GroceryListScreen1())
+        fragmentList.add(GroceryListScreen2())
+    }
+
+    override fun createFragment(position: Int): Fragment {
+        return fragmentList[position]
+    }
+
+    fun addFragment(fragment: GroceryListScreenBase){
+        fragmentList.add(fragment)
+    }
+
+    /**
+     * Removes a fragment and handles proper notification to all isntances.
+     */
+
+    fun removeFragment(fragment: GroceryListScreenBase){
+        val position = fragmentList.indexOf(fragment)
+        fragmentList.removeAt(position)
+        fragmentActivity.supportFragmentManager.beginTransaction().remove(fragment).commitNowAllowingStateLoss()
+        notifyItemRemoved(position)
+        notifyDataSetChanged()
+    }
+
+    override fun getItemId(position: Int): Long {
+        // Return a unique ID for each fragment
+        return fragmentList[position].hashCode().toLong()
+    }
+
+    override fun containsItem(itemId: Long): Boolean {
+        // Ensure that the item is still in the fragment list
+        return fragmentList.any { it.hashCode().toLong() == itemId }
+    }
+
+    /**
+     * Clears all dynamically created fragments.
+     */
+    fun clearFragments(){
+        if (fragmentList.size > 3) {
+            val fragmentsToRemove = fragmentList.size - 3
+            // Remove all fragments starting from the third one
+            fragmentList.subList(3, fragmentList.size).clear()
+            notifyItemRangeRemoved(3, fragmentsToRemove)
+        }
+    }
+
+    fun getCurrentFragment(position: Int): Fragment? {
+        return fragmentList.getOrNull(position)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/adapters/PlaceDetailsAdapter.kt b/app/src/main/java/com/nlinterface/adapters/PlaceDetailsAdapter.kt
index 6503b4e..62430cd 100644
--- a/app/src/main/java/com/nlinterface/adapters/PlaceDetailsAdapter.kt
+++ b/app/src/main/java/com/nlinterface/adapters/PlaceDetailsAdapter.kt
@@ -18,7 +18,7 @@ import java.util.Calendar
  */
 class PlaceDetailsAdapter(
     private val data: ArrayList<PlaceDetailsItem>,
-    private val placeDetailsItemCallback: PlaceDetailsItemCallback
+    private val placeDetailsItemCallback: PlaceDetailsItemCallback,
 ) : RecyclerView.Adapter<PlaceDetailsAdapter.ViewHolder>() {
 
     /**
diff --git a/app/src/main/java/com/nlinterface/adapters/PlaceDetailsFragmentAdapter.kt b/app/src/main/java/com/nlinterface/adapters/PlaceDetailsFragmentAdapter.kt
new file mode 100644
index 0000000..705eb94
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/adapters/PlaceDetailsFragmentAdapter.kt
@@ -0,0 +1,62 @@
+package com.nlinterface.adapters
+
+import androidx.fragment.app.Fragment
+import androidx.fragment.app.FragmentActivity
+import androidx.viewpager2.adapter.FragmentStateAdapter
+import com.nlinterface.fragments.PlaceDetailsListOverview
+import com.nlinterface.fragments.PlaceDetailsScreen1
+import com.nlinterface.fragments.PlaceDetailsScreenBase
+
+/**
+ * Fragment Adapter for the Place Details Activity. On initialization only the fixed Fragments are
+ * added to fragmentList.
+ */
+class PlaceDetailsFragmentAdapter (
+    private val fragmentActivity: FragmentActivity
+): FragmentStateAdapter(fragmentActivity) {
+
+    val fragmentList = mutableListOf<Fragment>()
+
+    override fun getItemCount(): Int {
+        return fragmentList.size
+    }
+
+    init {
+        fragmentList.add(PlaceDetailsListOverview())
+        fragmentList.add(PlaceDetailsScreen1())
+    }
+
+    override fun createFragment(position: Int): Fragment {
+        return fragmentList[position]
+    }
+
+    fun addFragment(fragment: PlaceDetailsScreenBase){
+        fragmentList.add(fragment)
+    }
+
+    /**
+     * Removes a fragment and handles proper notification to all isntances.
+     */
+
+    fun removeFragment(fragment: PlaceDetailsScreenBase){
+        val position = fragmentList.indexOf(fragment)
+        fragmentList.removeAt(position)
+        fragmentActivity.supportFragmentManager.beginTransaction().remove(fragment).commitNowAllowingStateLoss()
+        notifyItemRemoved(position)
+        notifyDataSetChanged()
+    }
+
+    fun getCurrentFragment(position: Int): Fragment? {
+        return fragmentList.getOrNull(position)
+    }
+
+    override fun getItemId(position: Int): Long {
+        // Return a unique ID for each fragment
+        return fragmentList[position].hashCode().toLong()
+    }
+
+    override fun containsItem(itemId: Long): Boolean {
+        // Ensure that the item is still in the fragment list
+        return fragmentList.any { it.hashCode().toLong() == itemId }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/adapters/SettingsFragmentAdapter.kt b/app/src/main/java/com/nlinterface/adapters/SettingsFragmentAdapter.kt
new file mode 100644
index 0000000..74a880f
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/adapters/SettingsFragmentAdapter.kt
@@ -0,0 +1,36 @@
+package com.nlinterface.adapters
+
+import androidx.fragment.app.Fragment
+import androidx.fragment.app.FragmentActivity
+import androidx.viewpager2.adapter.FragmentStateAdapter
+import com.nlinterface.fragments.SettingsScreen1
+import com.nlinterface.fragments.SettingsScreen2
+import com.nlinterface.fragments.SettingsScreen3
+
+/**
+ * Fragment Adapter for the Settings Activity.
+ */
+class SettingsFragmentAdapter(
+    fragmentActivity: FragmentActivity
+): FragmentStateAdapter(fragmentActivity) {
+
+    private val fragmentList = mutableListOf<Fragment>()
+
+    override fun getItemCount(): Int {
+        return fragmentList.size
+    }
+
+    init {
+        fragmentList.add(SettingsScreen1())
+        fragmentList.add(SettingsScreen2())
+        fragmentList.add(SettingsScreen3())
+    }
+
+    override fun createFragment(position: Int): Fragment {
+        return fragmentList[position]
+    }
+
+    fun getCurrentFragment(position: Int): Fragment? {
+        return fragmentList.getOrNull(position)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/dataclasses/PlaceDetailsItem.kt b/app/src/main/java/com/nlinterface/dataclasses/PlaceDetailsItem.kt
index e28a888..30aeb7a 100644
--- a/app/src/main/java/com/nlinterface/dataclasses/PlaceDetailsItem.kt
+++ b/app/src/main/java/com/nlinterface/dataclasses/PlaceDetailsItem.kt
@@ -9,6 +9,7 @@ import kotlinx.parcelize.Parcelize
  * @param placeID: String, unique ID of the place
  * @param storeName: String, the name of the place
  * @param openingHours: List<String>, List of the last known opening hours of the place
+ * @param address: String, the address of the place
  * @param favorite: Boolean, whether the user has market this place as a favorite
  */
 @Parcelize
@@ -17,6 +18,7 @@ data class PlaceDetailsItem(
     val placeID: String,
     val storeName: String,
     val openingHours: List<String>,
+    val address: String,
     var favorite: Boolean
 
 ) : Parcelable
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/fragments/BarcodeScannerScreen.kt b/app/src/main/java/com/nlinterface/fragments/BarcodeScannerScreen.kt
new file mode 100644
index 0000000..8cd8f67
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/fragments/BarcodeScannerScreen.kt
@@ -0,0 +1,109 @@
+package com.nlinterface.fragments
+
+import android.Manifest
+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 androidx.fragment.app.Fragment
+import androidx.lifecycle.ViewModelProvider
+import com.nlinterface.R
+import com.nlinterface.activities.VoiceOnlyActivity
+import com.nlinterface.utility.STTInputType
+import com.nlinterface.utility.SwipeAction
+import com.nlinterface.utility.SwipeNavigationListener
+import com.nlinterface.viewmodels.ConstantScanning
+import com.nlinterface.viewmodels.MainViewModel
+
+/**
+ * Fragment for the barcode scanner.
+ */
+class BarcodeScannerScreen : Fragment(), SwipeAction {
+
+
+    private lateinit var barcodeService: Intent
+
+    private lateinit var viewModel: MainViewModel
+
+    /**
+     * On Create View creates the layout and sets up the swipe Navigation.
+     * Creates the barcode service to allow this fragment to start it.
+     * On View Created accesses the viewmodel.
+     */
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.barcode_scanner, container, false)
+        barcodeService = Intent(activity, ConstantScanning()::class.java)
+        view.setOnTouchListener(SwipeNavigationListener(requireContext(), this))
+        return view
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        // Access the shared ViewModel
+        viewModel = ViewModelProvider(requireActivity())[MainViewModel::class.java]
+    }
+    /**
+     * Implements functionalities on swipe inputs.
+     * Swiping directions matched to usual swiping navigation in other apps.
+     */
+
+    /**
+     * Starts the barcode scanner.
+     */
+    override fun onSwipeLeft() {
+
+    }
+
+    /**
+     * Stops the barcode scanner.
+     */
+    override fun onSwipeRight() {
+
+    }
+
+    /**
+     * Navigates to the barcode scanner settings.
+     */
+    override fun onSwipeUp() {
+        if (activity?.checkCallingOrSelfPermission( Manifest.permission.CAMERA ) ==
+            PackageManager.PERMISSION_GRANTED) {
+            activity?.startService(barcodeService)
+        }
+    }
+
+    /**
+     * Navigates to the second screen of the main activity.
+     */
+    override fun onSwipeDown() {
+        activity?.stopService(barcodeService)
+        Log.i("Scanner", "Stopping the Barcode Scanning Service")
+    }
+
+    /**
+     * Navigates to the Voice Only Activity.
+     */
+    override fun onDoubleTap() {
+        val intent = Intent(activity, VoiceOnlyActivity::class.java)
+        startActivity(intent)
+    }
+
+    /**
+     * Activates the LLM to start listening.
+     */
+    override fun onLongPress() {
+        if (viewModel.isListening.value == false) {
+            viewModel.setSpeechRecognitionListener(STTInputType.COMMAND)
+            viewModel.handleSpeechBegin()
+        } else {
+            viewModel.cancelListening()
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/fragments/BarcodeSettingsScreen1.kt b/app/src/main/java/com/nlinterface/fragments/BarcodeSettingsScreen1.kt
new file mode 100644
index 0000000..cacf427
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/fragments/BarcodeSettingsScreen1.kt
@@ -0,0 +1,129 @@
+package com.nlinterface.fragments
+
+import android.content.Intent
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.Button
+import androidx.fragment.app.Fragment
+import androidx.lifecycle.ViewModelProvider
+import com.nlinterface.R
+import com.nlinterface.activities.VoiceOnlyActivity
+import com.nlinterface.utility.GlobalParameters
+import com.nlinterface.utility.STTInputType
+import com.nlinterface.utility.SwipeAction
+import com.nlinterface.utility.SwipeNavigationListener
+import com.nlinterface.viewmodels.BarcodeSettingsViewModel
+
+/**
+ * Fragment for the barcode settings activity.
+ */
+class BarcodeSettingsScreen1 : Fragment(), SwipeAction {
+
+    private val globalParameters = GlobalParameters.instance!!
+
+    private lateinit var viewModel: BarcodeSettingsViewModel
+
+    private lateinit var nameAndVolumeOptions: MutableList<String>
+    private lateinit var nameAndVolumeButton: Button
+
+    private lateinit var ingredientsAndAllergiesOptions: MutableList<String>
+    private lateinit var ingredientsAndAllergiesButton: Button
+
+    /**
+     * On Create View creates the layout and sets up the swipe Navigation.
+     * On ViewCreated accesses the shared viewmodel, creates the visual buttons and gets the
+     * options for the buttons values.
+     */
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.barcode_scanner_settings_screen1, container, false)
+
+        view.setOnTouchListener(SwipeNavigationListener(requireContext(), this))
+        return view
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        // Access the shared ViewModel
+        viewModel = ViewModelProvider(requireActivity())[BarcodeSettingsViewModel::class.java]
+
+        // Find the button
+        nameAndVolumeButton = view.findViewById(R.id.settings_name_and_volume)
+        nameAndVolumeOptions = mutableListOf()
+        resources.getStringArray(R.array.settings_name_and_volume).forEach { option ->
+            nameAndVolumeOptions.add(option)
+        }
+
+        ingredientsAndAllergiesButton = view.findViewById(R.id.settings_ingredients_and_allergies)
+        ingredientsAndAllergiesOptions = mutableListOf()
+        resources.getStringArray(R.array.settings_ingredients_and_allergies).forEach { option ->
+            ingredientsAndAllergiesOptions.add(option)
+        }
+    }
+
+    /**
+     * Implements functionalities on swipe inputs. onSwipeLeft and onSwipeRight are handled by the
+     * viewPager and therefore are empty.
+     */
+    override fun onSwipeLeft() {}
+    override fun onSwipeRight() {}
+
+    /**
+     * Activates/Deactivates specified information retrieval.
+     */
+    override fun onSwipeUp() {
+        if (globalParameters.navState.ordinal == GlobalParameters.NavState.entries.size - 1) {
+            globalParameters.navState = GlobalParameters.NavState.entries.toTypedArray()[0]
+        } else {
+            globalParameters.navState =
+                GlobalParameters.NavState.entries.toTypedArray()[globalParameters.navState.ordinal + 1]
+        }
+
+        nameAndVolumeButton.text =
+            nameAndVolumeOptions[globalParameters.navState.ordinal]
+
+        viewModel.say(resources.getString(R.string.new_barcode_setting, nameAndVolumeButton.text))
+    }
+
+    /**
+     * Activates/Deactivates specified information retrieval.
+     */
+    override fun onSwipeDown() {
+        if (globalParameters.iaaState.ordinal == GlobalParameters.IaaState.entries.size - 1) {
+            globalParameters.iaaState = GlobalParameters.IaaState.entries.toTypedArray()[0]
+        } else {
+            globalParameters.iaaState =
+                GlobalParameters.IaaState.entries.toTypedArray()[globalParameters.iaaState.ordinal + 1]
+        }
+
+        ingredientsAndAllergiesButton.text = ingredientsAndAllergiesOptions[globalParameters.iaaState.ordinal]
+
+        viewModel.say(resources.getString(R.string.new_barcode_setting, ingredientsAndAllergiesButton.text))
+    }
+
+    /**
+     * Navigates to the Voice Only Activity.
+     */
+    override fun onDoubleTap() {
+        val intent = Intent(activity, VoiceOnlyActivity::class.java)
+        startActivity(intent)
+    }
+
+    /**
+     * Activates the LLM to start listening.
+     */
+    override fun onLongPress() {
+        if (viewModel.isListening.value == false) {
+            viewModel.setSTTSpeechRecognitionListener(STTInputType.COMMAND)
+            viewModel.handleSTTSpeechBegin()
+        } else {
+            viewModel.cancelSTTListening()
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/fragments/BarcodeSettingsScreen2.kt b/app/src/main/java/com/nlinterface/fragments/BarcodeSettingsScreen2.kt
new file mode 100644
index 0000000..47c5b5e
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/fragments/BarcodeSettingsScreen2.kt
@@ -0,0 +1,126 @@
+package com.nlinterface.fragments
+
+import android.content.Intent
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.Button
+import androidx.fragment.app.Fragment
+import androidx.lifecycle.ViewModelProvider
+import com.nlinterface.R
+import com.nlinterface.activities.VoiceOnlyActivity
+import com.nlinterface.utility.GlobalParameters
+import com.nlinterface.utility.STTInputType
+import com.nlinterface.utility.SwipeAction
+import com.nlinterface.utility.SwipeNavigationListener
+import com.nlinterface.viewmodels.BarcodeSettingsViewModel
+
+/**
+ * Fragment for the barcode settings activity.
+ */
+class BarcodeSettingsScreen2 : Fragment(), SwipeAction {
+
+    private val globalParameters = GlobalParameters.instance!!
+
+    private lateinit var viewModel: BarcodeSettingsViewModel
+
+    private lateinit var labelsOptions: MutableList<String>
+    private lateinit var labelsButton: Button
+
+    private lateinit var countryOfOriginOptions: MutableList<String>
+    private lateinit var countryOfOriginButton: Button
+
+    /**
+     * On Create View creates the layout and sets up the swipe Navigation.
+     * On ViewCreated accesses the shared viewmodel, creates the visual buttons and gets the
+     * options for the buttons values.
+     */
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.barcode_scanner_settings_screen2, container, false)
+
+        view.setOnTouchListener(SwipeNavigationListener(requireContext(), this))
+        return view
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        // Access the shared ViewModel
+        viewModel = ViewModelProvider(requireActivity())[BarcodeSettingsViewModel::class.java]
+
+        // Find the button
+        labelsButton = view.findViewById(R.id.settings_labels)
+        labelsOptions = mutableListOf()
+        resources.getStringArray(R.array.settings_labels).forEach { option ->
+            labelsOptions.add(option)
+        }
+        countryOfOriginButton = view.findViewById(R.id.settings_country_of_origin)
+        countryOfOriginOptions = mutableListOf()
+        resources.getStringArray(R.array.settings_country_of_origin).forEach { option ->
+            countryOfOriginOptions.add(option)
+        }
+    }
+
+    /**
+     * Implements functionalities on swipe inputs. onSwipeLeft and onSwipeRight are handled by the
+     * viewPager and therefore are empty.
+     */
+    override fun onSwipeLeft() {}
+
+    override fun onSwipeRight() {}
+
+    /**
+     * Activates/Deactivates specified information retrieval.
+     */
+    override fun onSwipeUp() {
+        if (globalParameters.labelsState.ordinal == GlobalParameters.LabelsState.entries.size - 1) {
+            globalParameters.labelsState = GlobalParameters.LabelsState.entries.toTypedArray()[0]
+        } else {
+            globalParameters.labelsState =
+                GlobalParameters.LabelsState.entries.toTypedArray()[globalParameters.labelsState.ordinal + 1]
+        }
+        labelsButton.text = labelsOptions[globalParameters.labelsState.ordinal]
+
+        viewModel.say(resources.getString(R.string.new_barcode_setting, labelsButton.text))
+    }
+
+    /**
+     * Activates/Deactivates specified information retrieval.
+     */
+    override fun onSwipeDown() {
+        if (globalParameters.cooState.ordinal == GlobalParameters.CooState.entries.size - 1) {
+            globalParameters.cooState = GlobalParameters.CooState.entries.toTypedArray()[0]
+        } else {
+            globalParameters.cooState =
+                GlobalParameters.CooState.entries.toTypedArray()[globalParameters.cooState.ordinal + 1]
+        }
+        countryOfOriginButton.text = countryOfOriginOptions[globalParameters.cooState.ordinal]
+
+        viewModel.say(resources.getString(R.string.new_barcode_setting, countryOfOriginButton.text))
+    }
+
+    /**
+     * Navigates to the Voice Only Activity.
+     */
+    override fun onDoubleTap() {
+        val intent = Intent(activity, VoiceOnlyActivity::class.java)
+        startActivity(intent)
+    }
+
+    /**
+     * Activates the LLM to start listening.
+     */
+    override fun onLongPress() {
+        if (viewModel.isListening.value == false) {
+            viewModel.setSTTSpeechRecognitionListener(STTInputType.COMMAND)
+            viewModel.handleSTTSpeechBegin()
+        } else {
+            viewModel.cancelSTTListening()
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/fragments/BarcodeSettingsScreen3.kt b/app/src/main/java/com/nlinterface/fragments/BarcodeSettingsScreen3.kt
new file mode 100644
index 0000000..b60b67f
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/fragments/BarcodeSettingsScreen3.kt
@@ -0,0 +1,130 @@
+package com.nlinterface.fragments
+
+import android.content.Intent
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.Button
+import androidx.fragment.app.Fragment
+import androidx.lifecycle.ViewModelProvider
+import com.nlinterface.R
+import com.nlinterface.activities.VoiceOnlyActivity
+import com.nlinterface.utility.GlobalParameters
+import com.nlinterface.utility.STTInputType
+import com.nlinterface.utility.SwipeAction
+import com.nlinterface.utility.SwipeNavigationListener
+import com.nlinterface.viewmodels.BarcodeSettingsViewModel
+
+/**
+ * Fragment for the barcode settings activity.
+ */
+class BarcodeSettingsScreen3 : Fragment(), SwipeAction {
+
+    private val globalParameters = GlobalParameters.instance!!
+
+    private lateinit var viewModel:BarcodeSettingsViewModel
+
+    private lateinit var shortNutritionalValuesOptions: MutableList<String>
+    private lateinit var shortNutritionalValuesButton: Button
+
+    private lateinit var brandsOptions: MutableList<String>
+    private lateinit var brandsButton: Button
+
+    /**
+     * On Create View creates the layout and sets up the swipe Navigation.
+     * On ViewCreated accesses the shared viewmodel, creates the visual buttons and gets the
+     * options for the buttons values.
+     */
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.barcode_scanner_settings_screen3, container, false)
+
+        view.setOnTouchListener(SwipeNavigationListener(requireContext(), this))
+        return view
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        // Access the shared ViewModel
+        viewModel = ViewModelProvider(requireActivity())[BarcodeSettingsViewModel::class.java]
+
+
+        // Find the button
+        shortNutritionalValuesButton = view.findViewById(R.id.settings_short_nutritional_values)
+        shortNutritionalValuesOptions = mutableListOf()
+        resources.getStringArray(R.array.settings_short_nutritional_values).forEach { option ->
+            shortNutritionalValuesOptions.add(option)
+        }
+
+        brandsButton = view.findViewById(R.id.settings_brands)
+        brandsOptions = mutableListOf()
+        resources.getStringArray(R.array.settings_brand).forEach { option ->
+            brandsOptions.add(option)
+        }
+
+
+    }
+
+    /**
+     * Implements functionalities on swipe inputs. onSwipeLeft and onSwipeRight are handled by the
+     * viewPager and therefore are empty.
+     */
+    override fun onSwipeLeft() {}
+
+    override fun onSwipeRight() {}
+
+    /**
+     * Activates/Deactivates specified information retrieval.
+     */
+    override fun onSwipeUp() {
+        if (globalParameters.snvState.ordinal == GlobalParameters.SnvState.entries.size - 1) {
+            globalParameters.snvState = GlobalParameters.SnvState.entries.toTypedArray()[0]
+        } else {
+            globalParameters.snvState =
+                GlobalParameters.SnvState.entries.toTypedArray()[globalParameters.snvState.ordinal + 1]
+        }
+        shortNutritionalValuesButton.text = shortNutritionalValuesOptions[globalParameters.snvState.ordinal]
+
+        viewModel.say(resources.getString(R.string.new_barcode_setting, shortNutritionalValuesButton.text))
+    }
+
+    /**
+     * Activates/Deactivates specified information retrieval.
+     */
+    override fun onSwipeDown() {
+        if (globalParameters.brandsState.ordinal == GlobalParameters.SnvState.entries.size - 1) {
+            globalParameters.brandsState = GlobalParameters.BrandsState.entries.toTypedArray()[0]
+        } else {
+            globalParameters.brandsState =
+                GlobalParameters.BrandsState.entries.toTypedArray()[globalParameters.brandsState.ordinal + 1]
+        }
+        brandsButton.text = brandsOptions[globalParameters.brandsState.ordinal]
+
+        viewModel.say(resources.getString(R.string.new_barcode_setting, brandsButton.text))
+    }
+
+    /**
+     * Navigates to the Voice Only Activity.
+     */
+    override fun onDoubleTap() {
+        val intent = Intent(activity, VoiceOnlyActivity::class.java)
+        startActivity(intent)
+    }
+
+    /**
+     * Activates the LLM to start listening.
+     */
+    override fun onLongPress() {
+        if (viewModel.isListening.value == false) {
+            viewModel.setSTTSpeechRecognitionListener(STTInputType.COMMAND)
+            viewModel.handleSTTSpeechBegin()
+        } else {
+            viewModel.cancelSTTListening()
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/fragments/GroceryListScreen1.kt b/app/src/main/java/com/nlinterface/fragments/GroceryListScreen1.kt
new file mode 100644
index 0000000..d93df1e
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/fragments/GroceryListScreen1.kt
@@ -0,0 +1,104 @@
+package com.nlinterface.fragments
+
+import android.content.Intent
+import android.os.Bundle
+import android.speech.tts.TextToSpeech
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import androidx.lifecycle.ViewModelProvider
+import com.nlinterface.R
+import com.nlinterface.activities.GroceryListActivity
+import com.nlinterface.activities.VoiceOnlyActivity
+import com.nlinterface.utility.STTInputType
+import com.nlinterface.utility.SwipeAction
+import com.nlinterface.utility.SwipeNavigationListener
+import com.nlinterface.viewmodels.GroceryListViewModel
+
+/**
+ * Fragment for the grocery list activity.
+ */
+class GroceryListScreen1 : Fragment(), SwipeAction {
+
+    private lateinit var viewModel: GroceryListViewModel
+
+    /**
+     * On Create View creates the layout and sets up the swipe Navigation.
+     * On ViewCreated accesses the shared viewmodel.
+     */
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.grocerylist_screen1, container, false)
+
+        view.setOnTouchListener(SwipeNavigationListener(requireContext(), this))
+        return view
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        // Access the shared ViewModel
+        viewModel = ViewModelProvider(requireActivity())[GroceryListViewModel::class.java]
+
+    }
+
+    /**
+     * Implements functionalities on swipe inputs. onSwipeLeft and onSwipeRight are handled by the
+     * viewPager and therefore are empty.
+     */
+    override fun onSwipeLeft() {}
+
+    override fun onSwipeRight() {}
+
+    /**
+     * Swiping down makes the app read out the current grocery list and the items in the cart.
+     *
+     */
+    override fun onSwipeUp() {
+        val activityViewmodel = (activity as GroceryListActivity).viewModel
+        if (activityViewmodel.groceryList.isEmpty()){
+            activityViewmodel.say(resources.getString(R.string.there_are_no_items_on_the_list))
+        }
+        else {
+            for ((itemName) in activityViewmodel.groceryList) {
+                (activity as GroceryListActivity).viewModel.say(itemName, TextToSpeech.QUEUE_ADD)
+            }
+        }
+    }
+
+    /**
+     *
+     * Swiping down makes the app read out all item that are not yet in the cart.
+     */
+    override fun onSwipeDown() {
+        for ((itemName, _, inCart) in (activity as GroceryListActivity).groceryItemList) {
+            if (!inCart) {
+                viewModel.say(itemName, TextToSpeech.QUEUE_ADD)
+            }
+        }
+    }
+
+    /**
+     * Navigates to the Voice Only Activity.
+     */
+    override fun onDoubleTap() {
+        val intent = Intent(activity, VoiceOnlyActivity::class.java)
+        startActivity(intent)
+    }
+
+    /**
+     * Activates the LLM to start listening.
+     */
+    override fun onLongPress() {
+        if (viewModel.isListening.value == false) {
+            viewModel.setSpeechRecognitionListener(STTInputType.COMMAND)
+            viewModel.handleSpeechBegin()
+        } else {
+            viewModel.cancelListening()
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/fragments/GroceryListScreen2.kt b/app/src/main/java/com/nlinterface/fragments/GroceryListScreen2.kt
new file mode 100644
index 0000000..d434347
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/fragments/GroceryListScreen2.kt
@@ -0,0 +1,132 @@
+package com.nlinterface.fragments
+
+import android.content.Intent
+import android.os.Bundle
+import android.os.Handler
+import android.os.Looper
+import android.util.Log
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import androidx.lifecycle.ViewModelProvider
+import com.nlinterface.R
+import com.nlinterface.activities.GroceryListActivity
+import com.nlinterface.activities.VoiceOnlyActivity
+import com.nlinterface.utility.STTInputType
+import com.nlinterface.utility.SwipeAction
+import com.nlinterface.utility.SwipeNavigationListener
+import com.nlinterface.viewmodels.GroceryListViewModel
+
+/**
+ * Fragment for the grocery list activity.
+ */
+class GroceryListScreen2 : Fragment(), SwipeAction {
+
+    private lateinit var viewModel: GroceryListViewModel
+    private lateinit var nextFragment: GroceryListScreenBase
+
+    /**
+     * On Create View creates the layout and sets up the swipe Navigation.
+     * On ViewCreated accesses the shared viewmodel.
+     */
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.grocerylist_screen2, container, false)
+
+        view.setOnTouchListener(SwipeNavigationListener(requireContext(), this))
+        return view
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        viewModel = ViewModelProvider(requireActivity())[GroceryListViewModel::class.java]
+    }
+
+    /**
+     * Implements functionalities on swipe inputs. onSwipeLeft and onSwipeRight are handled by the
+     * viewPager and therefore are empty.
+     */
+    override fun onSwipeLeft() {}
+
+    override fun onSwipeRight() {    }
+
+    /**
+     * Swiping up opens up a text input allowing to add an item to the grocery list. It is
+     * automatically added to the next open spot in the last fragment. If the last fragments
+     * variables are set, a new fragment is created
+     *
+     * TODO: Add item to the next free slot and not only in the last fragment.
+     */
+    override fun onSwipeUp() {
+        (activity as? GroceryListActivity)?.let {
+            it.onAddItemButtonClick()
+            it.operationCompleted.observe(viewLifecycleOwner) { isCompleted ->
+                nextFragment = it.groceryListFragmentAdapter.fragmentList.last() as GroceryListScreenBase
+                if (isCompleted) {
+                    if (nextFragment.itemTop == nextFragment.default){
+                        nextFragment.itemTop = it.viewModel.groceryList.last().itemName
+                        nextFragment.viewModel.updateButtonTexts(
+                            nextFragment.itemTop, nextFragment.itemBottom
+                        )
+                        (nextFragment).checkAndCreateNewFragment()
+                        }
+                    else if (nextFragment.itemBottom == nextFragment.default) {
+                        nextFragment.itemBottom = it.viewModel.groceryList.last().itemName
+                        nextFragment.viewModel.updateButtonTexts(
+                            nextFragment.itemTop,nextFragment.itemBottom
+                        )
+                        nextFragment.checkAndCreateNewFragment()
+                    }
+                    it.operationCompleted.removeObservers(viewLifecycleOwner)
+                    it.operationCompletedStatus.value = false
+                }
+            }
+        }
+    }
+
+    /**
+     * Swiping up clears the grocery list and removes all corresponding fragments.
+     */
+    override fun onSwipeDown() {
+        (activity as? GroceryListActivity)?.let {
+            Log.println(Log.DEBUG, "FragmentList", it.groceryListFragmentAdapter.fragmentList.toString())
+            it.groceryListFragmentAdapter.clearFragments()
+            Log.println(Log.DEBUG, "FragmentList", it.groceryListFragmentAdapter.fragmentList.toString())
+            val time = it.viewModel.groceryList.size
+            it.viewModel.groceryList.clear()
+            it.viewModel.say(resources.getString(R.string.all_items_are_removed))
+            Handler(Looper.getMainLooper()).postDelayed({
+                it.addNewFragment(
+                    resources.getString(R.string.add_an_item),
+                    resources.getString(R.string.add_an_item)
+                )
+                Log.println(Log.INFO, "GroceryFragment", "New Fragment created")
+            }, (time * 100).toLong())//necessary to assure the new fragment is created when grocery list is empty
+        }
+    }
+
+    /**
+     * Navigates to the Voice Only Activity.
+     */
+    override fun onDoubleTap() {
+        val intent = Intent(activity, VoiceOnlyActivity::class.java)
+        startActivity(intent)
+    }
+
+    /**
+     * Activates the LLM to start listening.
+     */
+    override fun onLongPress() {
+        if (viewModel.isListening.value == false) {
+            viewModel.setSpeechRecognitionListener(STTInputType.COMMAND)
+            viewModel.handleSpeechBegin()
+        } else {
+            viewModel.cancelListening()
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/fragments/GroceryListScreenBase.kt b/app/src/main/java/com/nlinterface/fragments/GroceryListScreenBase.kt
new file mode 100644
index 0000000..e2d88a3
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/fragments/GroceryListScreenBase.kt
@@ -0,0 +1,258 @@
+package com.nlinterface.fragments
+
+import android.content.Intent
+import android.os.Bundle
+import android.util.Log
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import androidx.lifecycle.ViewModelProvider
+import com.google.android.material.button.MaterialButton
+import com.nlinterface.R
+import com.nlinterface.activities.GroceryListActivity
+import com.nlinterface.activities.VoiceOnlyActivity
+import com.nlinterface.utility.STTInputType
+import com.nlinterface.utility.SwipeAction
+import com.nlinterface.utility.SwipeNavigationListener
+import com.nlinterface.viewmodels.GroceryListViewModel
+import java.lang.Boolean.FALSE
+import java.lang.Boolean.TRUE
+
+/**
+ * Fragment for the grocery list activity.
+ */
+class GroceryListScreenBase : Fragment(), SwipeAction {
+
+    lateinit var viewModel: GroceryListViewModel
+
+    private lateinit var topButton: MaterialButton
+    private lateinit var bottomButton: MaterialButton
+
+    val default: String by lazy {
+        resources.getString(R.string.add_an_item)
+    }
+    lateinit var itemTop: String
+    lateinit var itemBottom: String
+
+    /**
+     * Companion object used for fragment creation. Assures a dynamically created fragment comprises
+     * the variables item top and item bottom and handles their initialization.
+     */
+    companion object {
+        private const val ARG_ITEM_TOP = "item_top"
+        private const val ARG_ITEM_BOTTOM = "item_bottom"
+        fun newInstance(itemTop: String, itemBottom: String): GroceryListScreenBase {
+            val fragment = GroceryListScreenBase()
+            val args = Bundle()
+            args.putString(ARG_ITEM_TOP, itemTop)
+            args.putString(ARG_ITEM_BOTTOM, itemBottom)
+            fragment.arguments = args
+            return fragment
+        }
+    }
+
+    /**
+     * On Create initializes the variables item top and item bottom.
+     * On Create View creates the buttons for item top and item bottom. The buttons are for UI
+     * purposes. (Allowing to change their text.)
+     * On View created maps the variables item Top and item Bottom to their corresponding buttons
+     * and initializes two observers to allow text changes on a UI level.
+     */
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        if (savedInstanceState != null) {
+            itemTop = savedInstanceState.getString(ARG_ITEM_TOP, default)
+            itemBottom = savedInstanceState.getString(ARG_ITEM_BOTTOM, default)
+        } else {
+            arguments.let {
+                if (it != null) {
+                    itemTop = it.getString(ARG_ITEM_TOP)!!
+                }
+                if (it != null) {
+                    itemBottom = it.getString(ARG_ITEM_BOTTOM)!!
+                }
+            }
+            Log.i("GroceryListScreenBase", "itemTop: $itemTop, itemBottom: $itemBottom")
+        }
+    }
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.grocerylist_basescreen, container, false)
+        topButton = view.findViewById(R.id.option_top)
+        bottomButton = view.findViewById(R.id.option_bottom)
+
+        view.setOnTouchListener(SwipeNavigationListener(requireContext(), this))
+
+        viewModel = ViewModelProvider(this)[GroceryListViewModel::class.java]
+
+        return view
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        topButton.text = itemTop
+        bottomButton.text = itemBottom
+
+        viewModel.topButtonText.observe(viewLifecycleOwner) { text ->
+            topButton.text = text
+        }
+
+        viewModel.bottomButtonText.observe(viewLifecycleOwner) { text ->
+            bottomButton.text = text
+        }
+
+    }
+
+    /**
+     * Necessary to save fragment state, since they are dynamically created.
+     */
+    override fun onSaveInstanceState(outState: Bundle) {
+        super.onSaveInstanceState(outState)
+        outState.putString(ARG_ITEM_TOP, itemTop)
+        outState.putString(ARG_ITEM_BOTTOM, itemBottom)
+    }
+
+    override fun onResume(){
+        super.onResume()
+        if ((activity as GroceryListActivity).groceryListFragmentAdapter.fragmentList.last()
+            == this){
+            checkAndCreateNewFragment()
+        }
+    }
+
+    /**
+     * Implements functionalities on swipe inputs. onSwipeLeft and onSwipeRight are handled by the
+     * viewPager and therefore are empty.
+     */
+    override fun onSwipeLeft() {}
+    override fun onSwipeRight() {}
+
+    /**
+     * Opens up text input to add Grocery item to this slot. Updates the text in the UI as well.
+     * If there already is an item in that slot, it is added to the cart and deleted from the list
+     * and UI.
+     */
+    override fun onSwipeUp() {
+        if (itemTop == default) {
+            (activity as? GroceryListActivity)?.let {
+                it.onAddItemButtonClick()
+                it.operationCompleted.observe(viewLifecycleOwner) { isCompleted ->
+                    if (isCompleted) {
+                        Log.d("AddingItem", "Observer check")
+                        itemTop = it.viewModel.groceryList.last().itemName
+                        viewModel.updateButtonTexts(itemTop, itemBottom)
+                        checkAndCreateNewFragment()
+                        it.operationCompleted.removeObservers(viewLifecycleOwner)
+                        it.operationCompletedStatus.value = false
+                    }
+
+                }
+            }
+        }
+        else {
+            (activity as? GroceryListActivity)?.let {
+                it.addItemToCart(itemTop)
+                itemTop = default
+                viewModel.updateButtonTexts(itemTop, itemBottom)
+                val fragmentList = it.groceryListFragmentAdapter.fragmentList
+                if (itemTop == default && itemBottom == default
+                    && it.groceryListFragmentAdapter.itemCount > 3
+                ) {
+                    if (fragmentList.last() != this) {
+                        it.groceryListFragmentAdapter.removeFragment(this)
+                    }
+                    else if (fragmentList.last() == this){
+                        if (!(fragmentList[fragmentList.size-2] as GroceryListScreenBase).areVariablesSet()){
+                            it.groceryListFragmentAdapter.removeFragment(this)
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    /**
+     * Opens up text input to add Grocery item to this slot. Updates the text in the UI as well.
+     * If there already is an item in that slot, it is added to the cart and deleted from the list
+     * and UI.
+     */
+    override fun onSwipeDown() {
+        if (itemBottom == default) {
+            (activity as? GroceryListActivity)?.let {
+                it.onAddItemButtonClick()
+                it.operationCompleted.observe(viewLifecycleOwner) { isCompleted ->
+                    if (isCompleted) {
+                        itemBottom = it.viewModel.groceryList.last().itemName
+                        viewModel.updateButtonTexts(itemTop, itemBottom)
+                        checkAndCreateNewFragment()
+                        it.operationCompleted.removeObservers(viewLifecycleOwner)
+                        it.operationCompletedStatus.value = false
+                    }
+                }
+            }
+        }
+        else {
+            (activity as? GroceryListActivity)?.let {
+                it.addItemToCart(itemBottom)
+                itemBottom = default
+                viewModel.updateButtonTexts(itemTop, itemBottom)
+                val fragmentList = it.groceryListFragmentAdapter.fragmentList
+                if (itemTop == default && itemBottom == default
+                    && it.groceryListFragmentAdapter.itemCount > 3
+                ) {
+                    if (fragmentList.last() != this) {
+                        it.groceryListFragmentAdapter.removeFragment(this)
+                    }
+                    else if (fragmentList.last() == this){
+                        if (!(fragmentList[fragmentList.size-2] as GroceryListScreenBase).areVariablesSet()){
+                            it.groceryListFragmentAdapter.removeFragment(this)
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    /**
+     * Navigates to the Voice Only Activity.
+     */
+    override fun onDoubleTap() {
+        val intent = Intent(activity, VoiceOnlyActivity::class.java)
+        startActivity(intent)
+    }
+    /**
+     * Activates the LLM to start listening.
+     */
+    override fun onLongPress() {
+        if (viewModel.isListening.value == false) {
+            viewModel.setSpeechRecognitionListener(STTInputType.COMMAND)
+            viewModel.handleSpeechBegin()
+        } else {
+            viewModel.cancelListening()
+        }
+    }
+
+    private fun areVariablesSet(): Boolean {
+        return if (itemTop != default  && itemBottom != default) {
+            TRUE
+        } else {
+            FALSE
+        }
+    }
+
+    fun checkAndCreateNewFragment() {
+        if (areVariablesSet()) {
+            (activity as GroceryListActivity).addNewFragment(
+                default, default
+            )
+            Log.println(Log.INFO, "GroceryFragment", "New Fragment created")
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/fragments/GroceryListScreenListView.kt b/app/src/main/java/com/nlinterface/fragments/GroceryListScreenListView.kt
new file mode 100644
index 0000000..39da035
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/fragments/GroceryListScreenListView.kt
@@ -0,0 +1,80 @@
+package com.nlinterface.fragments
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import androidx.lifecycle.ViewModelProvider
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import com.nlinterface.R
+import com.nlinterface.activities.GroceryListActivity
+import com.nlinterface.adapters.GroceryListAdapter
+import com.nlinterface.dataclasses.GroceryItem
+import com.nlinterface.utility.SwipeAction
+import com.nlinterface.utility.SwipeNavigationListener
+import com.nlinterface.viewmodels.GroceryListViewModel
+
+/**
+ * Fragment for the grocery list activity.
+ */
+class GroceryListScreenListView : Fragment(), SwipeAction {
+
+    lateinit var viewModel: GroceryListViewModel
+    private lateinit var adapter: GroceryListAdapter
+    private lateinit var groceryItemList: ArrayList<GroceryItem>
+    private lateinit var rvGroceryList: RecyclerView
+
+    /**
+     * On Create View creates the layout and sets up the swipe Navigation. It also accesses
+     * the grocery list
+     * On ViewCreated accesses the shared viewmodel and displays the grocery list.
+     */
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.grocerylist_listview, container, false)
+        view.setOnTouchListener(SwipeNavigationListener(requireContext(), this))
+        rvGroceryList = view.findViewById<View>(R.id.grocery_list_rv) as RecyclerView
+        viewModel = ViewModelProvider(this)[GroceryListViewModel::class.java]
+
+        return view
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        viewModel.fetchGroceryList()
+        groceryItemList = viewModel.groceryList
+        configureRecyclerView()
+    }
+
+    override fun onResume() {
+        super.onResume()
+        viewModel.fetchGroceryList()
+        groceryItemList = viewModel.groceryList
+        configureRecyclerView()
+    }
+
+    /**
+     * Does not implement any swipe functionalities. This screen is a mere overview.
+     */
+
+    override fun onSwipeLeft() {}
+    override fun onSwipeRight() {}
+    override fun onSwipeUp() {}
+    override fun onSwipeDown(){}
+    override fun onDoubleTap() {}
+    override fun onLongPress() {}
+
+    /**
+     * Handles the RecyclerView and sets up necessary parameters for displaying the grocery list.
+     */
+    private fun configureRecyclerView() {
+        adapter = GroceryListAdapter(groceryItemList, activity as GroceryListActivity)
+        rvGroceryList.adapter = adapter
+        rvGroceryList.layoutManager = LinearLayoutManager(activity as GroceryListActivity)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/fragments/MainScreen1.kt b/app/src/main/java/com/nlinterface/fragments/MainScreen1.kt
new file mode 100644
index 0000000..b7b597c
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/fragments/MainScreen1.kt
@@ -0,0 +1,102 @@
+package com.nlinterface.fragments
+
+import android.content.Intent
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import androidx.lifecycle.ViewModelProvider
+import androidx.navigation.fragment.findNavController
+import com.nlinterface.R
+import com.nlinterface.activities.ClassificationActivity
+import com.nlinterface.activities.GroceryListActivity
+import com.nlinterface.activities.SettingsActivity
+import com.nlinterface.activities.VoiceOnlyActivity
+import com.nlinterface.utility.SwipeAction
+import com.nlinterface.utility.SwipeNavigationListener
+import com.nlinterface.viewmodels.MainViewModel
+
+/**
+ * Fragment for the main activity.
+ */
+class MainScreen1 : Fragment(), SwipeAction {
+
+    private lateinit var viewModel: MainViewModel
+
+    /**
+     * On Create View creates the layout and sets up the swipe Navigation.
+     * On ViewCreated accesses the shared viewmodel.
+     */
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.main_screen1, container, false)
+        view.setOnTouchListener(SwipeNavigationListener(requireContext(), this))
+        return view
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        // Access the shared ViewModel
+        viewModel = ViewModelProvider(requireActivity())[MainViewModel::class.java]
+    }
+
+    /**
+     * Implements functionalities on swipe inputs.
+     * Swiping directions matched to usual swiping navigation in other apps.
+     */
+
+    /**
+     * Navigates to the second screen of the main activity.
+     */
+    override fun onSwipeLeft() {
+        findNavController().navigate(R.id.Main1_to_Main2)
+    }
+
+    /**
+     * Navigates to the settings activity.
+     */
+    override fun onSwipeRight() {
+        val intent = Intent(activity, SettingsActivity::class.java)
+        startActivity(intent)
+    }
+
+    /**
+     * Navigates to the Grocery List Activity
+     */
+    override fun onSwipeUp() {
+        val intent = Intent(activity, GroceryListActivity::class.java)
+        startActivity(intent)
+    }
+
+    /**
+     * Navigates to the Classification Activity.
+     */
+    override fun onSwipeDown() {
+        val intent = Intent(activity, ClassificationActivity::class.java)
+        startActivity(intent)
+    }
+
+    /**
+     * Navigates to the Voice Only Activity.
+     */
+    override fun onDoubleTap() {
+        val intent = Intent(activity, VoiceOnlyActivity::class.java)
+        startActivity(intent)
+    }
+
+    /**
+     * Activates the LLM to start listening.
+     */
+    override fun onLongPress() {
+        if (viewModel.isListening.value == false) {
+            viewModel.handleSpeechBegin()
+        } else {
+            viewModel.cancelListening()
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/fragments/MainScreen2.kt b/app/src/main/java/com/nlinterface/fragments/MainScreen2.kt
new file mode 100644
index 0000000..6cf07d0
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/fragments/MainScreen2.kt
@@ -0,0 +1,103 @@
+package com.nlinterface.fragments
+
+import android.content.Intent
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import androidx.lifecycle.ViewModelProvider
+import androidx.navigation.fragment.findNavController
+import com.nlinterface.R
+import com.nlinterface.activities.BarcodeSettingsActivity
+import com.nlinterface.activities.PlaceDetailsActivity
+import com.nlinterface.activities.VoiceOnlyActivity
+import com.nlinterface.utility.STTInputType
+import com.nlinterface.utility.SwipeAction
+import com.nlinterface.utility.SwipeNavigationListener
+import com.nlinterface.viewmodels.MainViewModel
+
+/**
+ * Fragment for the main activity.
+ */
+class MainScreen2 : Fragment(), SwipeAction {
+
+    private lateinit var viewModel: MainViewModel
+
+    /**
+     * On Create View creates the layout and sets up the swipe Navigation.
+     * On ViewCreated accesses the shared viewmodel.
+     */
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.main_screen2, container, false)
+
+        view.setOnTouchListener(SwipeNavigationListener(requireContext(), this))
+        return view
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        // Access the shared ViewModel
+        viewModel = ViewModelProvider(requireActivity())[MainViewModel::class.java]
+    }
+
+    /**
+     * Implements functionalities on swipe inputs.
+     * Swiping directions matched to usual swiping navigation in other apps.
+     */
+
+    /**
+     * Navigates to the Place Details Activity.
+     */
+    override fun onSwipeLeft() {
+        val intent = Intent(activity, PlaceDetailsActivity::class.java)
+        startActivity(intent)
+    }
+
+    /**
+     * Navigates to the first screen of the main activity.
+     */
+    override fun onSwipeRight() {
+        findNavController().navigate(R.id.Main2_to_Main1)
+    }
+
+    /**
+     * Navigates to the barcode scanner.
+     * (It is included in the navigational framework for simplification purposes.)
+     */
+    override fun onSwipeUp() {
+        val intent = Intent(activity,BarcodeSettingsActivity::class.java)
+        startActivity(intent)
+    }
+    /**
+     *
+     */
+    override fun onSwipeDown() {
+
+    }
+
+    /**
+     * Navigates to the Voice Only Activity.
+     */
+    override fun onDoubleTap() {
+        val intent = Intent(activity, VoiceOnlyActivity::class.java)
+        startActivity(intent)
+    }
+
+    /**
+     * Activates the LLM to start listening.
+     */
+    override fun onLongPress() {
+        if (viewModel.isListening.value == false) {
+            viewModel.setSpeechRecognitionListener(STTInputType.COMMAND)
+            viewModel.handleSpeechBegin()
+        } else {
+            viewModel.cancelListening()
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/fragments/PlaceDetailsListOverview.kt b/app/src/main/java/com/nlinterface/fragments/PlaceDetailsListOverview.kt
new file mode 100644
index 0000000..10f7648
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/fragments/PlaceDetailsListOverview.kt
@@ -0,0 +1,77 @@
+package com.nlinterface.fragments
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import androidx.lifecycle.ViewModelProvider
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import com.nlinterface.R
+import com.nlinterface.activities.PlaceDetailsActivity
+import com.nlinterface.adapters.PlaceDetailsAdapter
+import com.nlinterface.dataclasses.PlaceDetailsItem
+import com.nlinterface.utility.SwipeAction
+import com.nlinterface.utility.SwipeNavigationListener
+import com.nlinterface.viewmodels.PlaceDetailsViewModel
+
+class PlaceDetailsListOverview : Fragment(), SwipeAction {
+
+    lateinit var viewModel: PlaceDetailsViewModel
+    private lateinit var adapter: PlaceDetailsAdapter
+    private lateinit var placesList: ArrayList<PlaceDetailsItem>
+    private lateinit var rvPlacesList: RecyclerView
+
+    /**
+     * On Create View creates the layout and sets up the swipe Navigation. It also accesses
+     * the grocery list
+     * On ViewCreated accesses the shared viewmodel and displays the grocery list.
+     */
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.places_listview, container, false)
+        view.setOnTouchListener(SwipeNavigationListener(requireContext(), this))
+        rvPlacesList = view.findViewById<View>(R.id.places_list_rv) as RecyclerView
+        viewModel = ViewModelProvider(this)[PlaceDetailsViewModel::class.java]
+
+        return view
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        viewModel.fetchPlaceDetailsItemList()
+        placesList = viewModel.placeDetailsItemList
+        configureRecyclerView()
+    }
+
+    override fun onResume() {
+        super.onResume()
+        viewModel.fetchPlaceDetailsItemList()
+        placesList = viewModel.placeDetailsItemList
+        configureRecyclerView()
+    }
+
+    /**
+     * Does not implement any swipe functionalities. This screen is a mere overview.
+     */
+
+    override fun onSwipeLeft() {}
+    override fun onSwipeRight() {}
+    override fun onSwipeUp() {}
+    override fun onSwipeDown(){}
+    override fun onDoubleTap() {}
+    override fun onLongPress() {}
+
+    /**
+     * Handles the RecyclerView and sets up necessary parameters for displaying the grocery list.
+     */
+    private fun configureRecyclerView() {
+        adapter = PlaceDetailsAdapter(placesList, activity as PlaceDetailsActivity)
+        rvPlacesList.adapter = adapter
+        rvPlacesList.layoutManager = LinearLayoutManager(activity as PlaceDetailsActivity)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/fragments/PlaceDetailsScreen1.kt b/app/src/main/java/com/nlinterface/fragments/PlaceDetailsScreen1.kt
new file mode 100644
index 0000000..db21c23
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/fragments/PlaceDetailsScreen1.kt
@@ -0,0 +1,120 @@
+package com.nlinterface.fragments
+
+import android.content.Intent
+import android.os.Bundle
+import android.speech.tts.TextToSpeech
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import androidx.lifecycle.ViewModelProvider
+import com.nlinterface.R
+import com.nlinterface.activities.PlaceDetailsActivity
+import com.nlinterface.activities.VoiceOnlyActivity
+import com.nlinterface.utility.STTInputType
+import com.nlinterface.utility.SwipeAction
+import com.nlinterface.utility.SwipeNavigationListener
+import com.nlinterface.viewmodels.PlaceDetailsViewModel
+
+/**
+ * Fragment for the place details activity.
+ */
+class PlaceDetailsScreen1 : Fragment(), SwipeAction {
+
+    private lateinit var viewModel: PlaceDetailsViewModel
+    private lateinit var nextFragment: PlaceDetailsScreenBase
+
+    /**
+     * On Create View creates the layout and sets up the swipe Navigation.
+     * On ViewCreated accesses the shared viewmodel.
+     */
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.place_details_screen1, container, false)
+
+        view.setOnTouchListener(SwipeNavigationListener(requireContext(), this))
+        return view
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        // Access the shared ViewModel
+        viewModel = ViewModelProvider(requireActivity())[PlaceDetailsViewModel::class.java]
+
+    }
+
+    /**
+     * Implements functionalities on swipe inputs. onSwipeLeft and onSwipeRight are handled by the
+     * viewPager and therefore are empty.
+     */
+    override fun onSwipeLeft() {}
+
+    override fun onSwipeRight() {}
+
+    override fun onSwipeUp() {
+        (activity as PlaceDetailsActivity).let {
+            it.startPlaceSearch()
+            it.operationCompleted.observe(viewLifecycleOwner) { isCompleted ->
+                nextFragment = it.placeDetailsFragmentAdapter.fragmentList.last() as PlaceDetailsScreenBase
+                if (isCompleted) {
+                    if (isCompleted) {
+                        if (nextFragment.placeTop == nextFragment.default) {
+                            nextFragment.placeTop =
+                                it.viewModel.placeDetailsItemList.last().storeName
+                            nextFragment.viewModel.updateButtonTexts(
+                                nextFragment.placeTop, nextFragment.placeBottom
+                            )
+                            (nextFragment).checkAndCreateNewFragment()
+                        } else if (nextFragment.placeBottom == nextFragment.default) {
+                            nextFragment.placeBottom =
+                                it.viewModel.placeDetailsItemList.last().storeName
+                            nextFragment.viewModel.updateButtonTexts(
+                                nextFragment.placeTop, nextFragment.placeBottom
+                            )
+                            nextFragment.checkAndCreateNewFragment()
+                        }
+                        it.operationCompleted.removeObservers(viewLifecycleOwner)
+                        it.operationCompletedStatus.value = false
+                    }
+                }
+            }
+        }
+    }
+
+    override fun onSwipeDown() {
+        val activityViewmodel = (activity as PlaceDetailsActivity).viewModel
+        if (activityViewmodel.placeDetailsItemList.isEmpty()){
+            activityViewmodel.say(resources.getString(R.string.there_are_no_saved_places))
+        }
+        else {
+            for (place in activityViewmodel.placeDetailsItemList) {
+                (activity as PlaceDetailsActivity).viewModel.say(
+                    place.storeName + place.address, TextToSpeech.QUEUE_ADD)
+            }
+        }
+    }
+
+    /**
+     * Navigates to the Voice Only Activity.
+     */
+    override fun onDoubleTap() {
+        val intent = Intent(activity, VoiceOnlyActivity::class.java)
+        startActivity(intent)
+    }
+
+    /**
+     * Activates the LLM to start listening.
+     */
+    override fun onLongPress() {
+        if (viewModel.isListening.value == false) {
+            viewModel.setSpeechRecognitionListener(STTInputType.COMMAND)
+            viewModel.handleSpeechBegin()
+        } else {
+            viewModel.cancelListening()
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/fragments/PlaceDetailsScreenBase.kt b/app/src/main/java/com/nlinterface/fragments/PlaceDetailsScreenBase.kt
new file mode 100644
index 0000000..5bb0b2f
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/fragments/PlaceDetailsScreenBase.kt
@@ -0,0 +1,256 @@
+package com.nlinterface.fragments
+
+import android.content.Intent
+import android.os.Bundle
+import android.util.Log
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import androidx.lifecycle.ViewModelProvider
+import com.google.android.material.button.MaterialButton
+import com.nlinterface.R
+import com.nlinterface.activities.PlaceDetailsActivity
+import com.nlinterface.activities.VoiceOnlyActivity
+import com.nlinterface.utility.STTInputType
+import com.nlinterface.utility.SwipeAction
+import com.nlinterface.utility.SwipeNavigationListener
+import com.nlinterface.viewmodels.PlaceDetailsViewModel
+import java.lang.Boolean.FALSE
+import java.lang.Boolean.TRUE
+
+class PlaceDetailsScreenBase : Fragment(), SwipeAction {
+
+    lateinit var viewModel: PlaceDetailsViewModel
+
+    private lateinit var topButton: MaterialButton
+    private lateinit var bottomButton: MaterialButton
+
+    val default: String by lazy {
+        resources.getString(R.string.add_a_place)
+    }
+    lateinit var placeTop: String
+    lateinit var placeBottom: String
+
+    /**
+     * Companion object used for fragment creation. Assures a dynamically created fragment comprises
+     * the variables item top and item bottom and handles their initialization.
+     */
+    companion object {
+        private const val ARG_PLACE_TOP = "place_top"
+        private const val ARG_PLACE_BOTTOM = "place_bottom"
+        fun newInstance(placeTop: String, placeBottom: String): PlaceDetailsScreenBase {
+            val fragment = PlaceDetailsScreenBase()
+            val args = Bundle()
+            args.putString(ARG_PLACE_TOP, placeTop)
+            args.putString(ARG_PLACE_BOTTOM, placeBottom)
+            fragment.arguments = args
+            return fragment
+        }
+    }
+
+    /**
+     * On Create initializes the variables item top and item bottom.
+     * On Create View creates the buttons for item top and item bottom. The buttons are for UI
+     * purposes. (Allowing to change their text.)
+     * On View created maps the variables item Top and item Bottom to their corresponding buttons
+     * and initializes two observers to allow text changes on a UI level.
+     */
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        if (savedInstanceState != null) {
+            placeTop = savedInstanceState.getString(ARG_PLACE_TOP, default)
+            placeBottom = savedInstanceState.getString(ARG_PLACE_BOTTOM, default)
+        } else {
+            arguments.let {
+                if (it != null) {
+                    placeTop = it.getString(ARG_PLACE_TOP)!!
+                }
+                if (it != null) {
+                    placeBottom = it.getString(ARG_PLACE_BOTTOM)!!
+                }
+            }
+            Log.i("PlaceDetailsScreenBase", "placeTop: $placeTop, placeBottom: $placeBottom")
+        }
+
+    }
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.place_details_screen_base, container, false)
+        topButton = view.findViewById(R.id.option_top)
+        bottomButton = view.findViewById(R.id.option_bottom)
+
+        view.setOnTouchListener(SwipeNavigationListener(requireContext(), this))
+
+        viewModel = ViewModelProvider(this)[PlaceDetailsViewModel::class.java]
+
+        return view
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        topButton.text = placeTop
+        bottomButton.text = placeBottom
+
+        viewModel.topButtonText.observe(viewLifecycleOwner) { text ->
+            topButton.text = text
+        }
+
+        viewModel.bottomButtonText.observe(viewLifecycleOwner) { text ->
+            bottomButton.text = text
+        }
+
+    }
+
+
+    /**
+     * Necessary to save fragment state, since they are dynamically created.
+     */
+    override fun onSaveInstanceState(outState: Bundle) {
+        super.onSaveInstanceState(outState)
+        outState.putString(ARG_PLACE_TOP, placeTop)
+        outState.putString(ARG_PLACE_BOTTOM, placeBottom)
+    }
+
+    /**
+     * Updates the variables if needed. Requires the user to switch the fragment once again for
+     * the UI to be updated.
+     *
+     * TODO: FInd a way to instantly update UI that does not require to enter the fragment again
+     */
+
+    override fun onResume() {
+        super.onResume()
+        (activity as? PlaceDetailsActivity)?.let {
+            if (it.findPlaceByName(placeTop) == null) {
+                placeTop = default
+                viewModel.updateButtonTexts(placeTop, placeBottom)
+            }
+            if (it.findPlaceByName(placeBottom) == null) {
+                placeBottom = default
+                viewModel.updateButtonTexts(placeTop, placeBottom)
+            }
+        }
+    }
+
+
+
+    /**
+     * Implements functionalities on swipe inputs. onSwipeLeft and onSwipeRight are handled by the
+     * viewPager and therefore are empty.
+     */
+
+    override fun onSwipeLeft() {}
+    override fun onSwipeRight() {}
+
+    /**
+     * Swiping up opens up a text input allowing to add a place to favorites. It is
+     * automatically added to the next open spot in the last fragment. If the last fragments
+     * variables are set, a new fragment is created
+     *
+     * TODO: Add place to the next free slot and not only in the last fragment.
+     */
+    override fun onSwipeUp() {
+        if(placeTop == default){
+            (activity as PlaceDetailsActivity).let {
+                it.startPlaceSearch()
+                it.operationCompleted.observe(viewLifecycleOwner) { isCompleted ->
+                    if (isCompleted) {
+                        Log.d("AddingPlace", "Observer check")
+                        placeTop = it.viewModel.placeDetailsItemList.last().storeName
+                        viewModel.updateButtonTexts(placeTop, placeBottom)
+                        checkAndCreateNewFragment()
+                        it.operationCompleted.removeObservers(viewLifecycleOwner)
+                        it.operationCompletedStatus.value = false
+                    }
+                }
+            }
+        }
+        else{
+            launchPlaceOptions(placeTop)
+            viewModel.say(placeTop)
+        }
+    }
+
+    /**
+     * Swiping down opens up a text input allowing to add a place to favorites. It is
+     * automatically added to the next open spot in the last fragment. If the last fragments
+     * variables are set, a new fragment is created
+     *
+     * TODO: Add place to the next free slot and not only in the last fragment.
+     */
+    override fun onSwipeDown() {
+        if(placeBottom == default){
+            (activity as PlaceDetailsActivity).let {
+                it.startPlaceSearch()
+                it.operationCompleted.observe(viewLifecycleOwner) { isCompleted ->
+                    if (isCompleted) {
+                        Log.d("AddingPlace", "Observer check")
+                        placeBottom = it.viewModel.placeDetailsItemList.last().storeName
+                        viewModel.updateButtonTexts(placeTop, placeBottom)
+                        checkAndCreateNewFragment()
+                        it.operationCompleted.removeObservers(viewLifecycleOwner)
+                        it.operationCompletedStatus.value = false
+                    }
+                }
+            }
+        }
+        else{
+            launchPlaceOptions(placeBottom)
+            viewModel.say(placeBottom)
+        }
+    }
+
+    /**
+     * Navigates to the Voice Only Activity.
+     */
+    override fun onDoubleTap() {
+        val intent = Intent(activity, VoiceOnlyActivity::class.java)
+        startActivity(intent)
+    }
+
+    /**
+     * Activates the LLM to start listening.
+     */
+    override fun onLongPress() {
+        if (viewModel.isListening.value == false) {
+            viewModel.setSpeechRecognitionListener(STTInputType.COMMAND)
+            viewModel.handleSpeechBegin()
+        } else {
+            viewModel.cancelListening()
+        }
+    }
+
+    private fun areVariablesSet(): Boolean {
+        return if (placeTop != default  && placeBottom != default) {
+            TRUE
+        } else {
+            FALSE
+        }
+    }
+
+    fun checkAndCreateNewFragment() {
+        if (areVariablesSet()) {
+            (activity as PlaceDetailsActivity).addNewFragment(
+                default, default
+            )
+            Log.println(Log.INFO, "PlacesFragment", "New Fragment created")
+        }
+    }
+
+    private fun launchPlaceOptions(correspondingPlace: String) {
+        val placeOptions = PlaceOptionsScreen(correspondingPlace)
+
+        parentFragmentManager.beginTransaction()
+            .replace(R.id.fragment_container, placeOptions)
+            .addToBackStack(null)
+            .commit()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/fragments/PlaceOptionsScreen.kt b/app/src/main/java/com/nlinterface/fragments/PlaceOptionsScreen.kt
new file mode 100644
index 0000000..caf4859
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/fragments/PlaceOptionsScreen.kt
@@ -0,0 +1,109 @@
+package com.nlinterface.fragments
+
+import android.content.Intent
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import androidx.lifecycle.ViewModelProvider
+import androidx.lifecycle.lifecycleScope
+import com.nlinterface.R
+import com.nlinterface.activities.PlaceDetailsActivity
+import com.nlinterface.activities.VoiceOnlyActivity
+import com.nlinterface.utility.STTInputType
+import com.nlinterface.utility.SwipeAction
+import com.nlinterface.utility.SwipeNavigationListener
+import com.nlinterface.viewmodels.PlaceDetailsViewModel
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.launch
+
+class PlaceOptionsScreen(
+    private var correspondingPlace: String
+) : Fragment(), SwipeAction {
+
+    private lateinit var viewModel: PlaceDetailsViewModel
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.place_options_screen, container, false)
+
+        view.setOnTouchListener(SwipeNavigationListener(requireContext(), this))
+        return view
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        // Access the shared ViewModel
+        viewModel = ViewModelProvider(requireActivity())[PlaceDetailsViewModel::class.java]
+
+    }
+
+    /**
+     * Implements functionalities on swipe inputs.
+     * Swiping directions matched to usual swiping navigation in other apps.
+     */
+
+    /**
+     * A swipe to the left states the opening hours.
+     */
+
+    override fun onSwipeLeft() {
+        (activity as PlaceDetailsActivity).stateOpeningHours(correspondingPlace)
+    }
+
+    override fun onSwipeRight() {
+
+    }
+
+    /**
+     * Deletes the Place from the List and navigates back to places screen.
+     */
+
+    override fun onSwipeUp() {
+        (activity as PlaceDetailsActivity).deletePlaceDetailsItem(correspondingPlace)
+        lifecycleScope.launch {
+            delay(1000L)
+            navigateBack()
+        }
+    }
+
+    /**
+     * Navigates back to the corresponding places fragment.
+     */
+
+    override fun onSwipeDown() {
+        navigateBack()
+    }
+
+    /**
+     * Navigates to the Voice Only Activity.
+     */
+    override fun onDoubleTap() {
+        val intent = Intent(activity, VoiceOnlyActivity::class.java)
+        startActivity(intent)
+    }
+
+    /**
+     * Activates the LLM to start listening.
+     */
+    override fun onLongPress() {
+        if (viewModel.isListening.value == false) {
+            viewModel.setSpeechRecognitionListener(STTInputType.COMMAND)
+            viewModel.handleSpeechBegin()
+        } else {
+            viewModel.cancelListening()
+        }
+    }
+
+    /**
+     * Function that handles the navigation to the places fragment.
+     */
+    private fun navigateBack() {
+        parentFragmentManager.popBackStack()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/fragments/SettingsScreen1.kt b/app/src/main/java/com/nlinterface/fragments/SettingsScreen1.kt
new file mode 100644
index 0000000..e8e00a7
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/fragments/SettingsScreen1.kt
@@ -0,0 +1,110 @@
+package com.nlinterface.fragments
+
+import android.content.Intent
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.Button
+import androidx.fragment.app.Fragment
+import androidx.lifecycle.ViewModelProvider
+import com.nlinterface.R
+import com.nlinterface.activities.VoiceOnlyActivity
+import com.nlinterface.utility.GlobalParameters
+import com.nlinterface.utility.STTInputType
+import com.nlinterface.utility.SwipeAction
+import com.nlinterface.utility.SwipeNavigationListener
+import com.nlinterface.viewmodels.SettingsViewModel
+
+/**
+ * Fragment for the settings activity.
+ */
+class SettingsScreen1 : Fragment(), SwipeAction {
+
+    private lateinit var viewModel: SettingsViewModel
+
+    private lateinit var feedbackOptions: MutableList<String>
+    private lateinit var feedbackButton: Button
+
+    private val globalParameters = GlobalParameters.instance!!
+
+    /**
+     * On Create View creates the layout and sets up the swipe Navigation.
+     * On ViewCreated accesses the shared viewmodel, creates the visual buttons and gets the
+     * options for the buttons values.
+     */
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.settings_screen1, container, false)
+
+        view.setOnTouchListener(SwipeNavigationListener(requireContext(), this))
+        return view
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        // Access the shared ViewModel
+        viewModel = ViewModelProvider(requireActivity())[SettingsViewModel::class.java]
+
+        // Find the button
+        feedbackButton = view.findViewById(R.id.settings_feedback)
+        feedbackOptions = mutableListOf()
+        resources.getStringArray(R.array.feedback_options).forEach { option ->
+            feedbackOptions.add(option)
+        }
+    }
+
+    /**
+     * Implements functionalities on swipe inputs. onSwipeLeft and onSwipeRight are handled by the
+     * viewPager and therefore are empty.
+     */
+    override fun onSwipeLeft() {}
+    override fun onSwipeRight() {}
+
+    /**
+     * Changes the specified setting.
+     */
+    override fun onSwipeUp() {
+        if (globalParameters.feedbackChoice.ordinal ==
+            GlobalParameters.FeedbackChoice.entries.size - 1) {
+            globalParameters.feedbackChoice = GlobalParameters.FeedbackChoice.entries.toTypedArray()[0]
+        } else {
+            globalParameters.feedbackChoice =
+                GlobalParameters.FeedbackChoice.entries.toTypedArray()[globalParameters.feedbackChoice.ordinal + 1]
+        }
+
+        feedbackButton.text = feedbackOptions[globalParameters.feedbackChoice.ordinal]
+
+        viewModel.say(resources.getString(R.string.new_theme_setting, feedbackButton.text))
+    }
+
+    /**
+     *
+     */
+    override fun onSwipeDown() {
+    }
+
+    /**
+     * Navigates to the Voice Only Activity.
+     */
+    override fun onDoubleTap() {
+        val intent = Intent(activity, VoiceOnlyActivity::class.java)
+        startActivity(intent)
+    }
+
+    /**
+     * Activates the LLM to start listening.
+     */
+    override fun onLongPress() {
+        if (viewModel.isListening.value == false) {
+            viewModel.setSTTSpeechRecognitionListener(STTInputType.COMMAND)
+            viewModel.handleSTTSpeechBegin()
+        } else {
+            viewModel.cancelSTTListening()
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/fragments/SettingsScreen2.kt b/app/src/main/java/com/nlinterface/fragments/SettingsScreen2.kt
new file mode 100644
index 0000000..84ed954
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/fragments/SettingsScreen2.kt
@@ -0,0 +1,129 @@
+package com.nlinterface.fragments
+
+import android.content.Intent
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.Button
+import androidx.fragment.app.Fragment
+import androidx.lifecycle.ViewModelProvider
+import com.nlinterface.R
+import com.nlinterface.R.layout
+import com.nlinterface.activities.VoiceOnlyActivity
+import com.nlinterface.utility.GlobalParameters
+import com.nlinterface.utility.STTInputType
+import com.nlinterface.utility.SwipeAction
+import com.nlinterface.utility.SwipeNavigationListener
+import com.nlinterface.viewmodels.SettingsViewModel
+
+/**
+ * Fragment for the settings activity.
+ */
+class SettingsScreen2 : Fragment(), SwipeAction {
+
+    private lateinit var viewModel: SettingsViewModel
+
+    private lateinit var keepScreenOnOptions: MutableList<String>
+    private lateinit var keepScreenOnButton: Button
+
+    private lateinit var themeOptions: MutableList<String>
+    private lateinit var themeButton: Button
+
+    private val globalParameters = GlobalParameters.instance!!
+
+    /**
+     * On Create View creates the layout and sets up the swipe Navigation.
+     * On ViewCreated accesses the shared viewmodel, creates the visual buttons and gets the
+     * options for the buttons values.
+     */
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(layout.settings_screen2, container, false)
+
+        view.setOnTouchListener(SwipeNavigationListener(requireContext(), this))
+        return view
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        // Access the shared ViewModel
+        viewModel = ViewModelProvider(requireActivity())[SettingsViewModel::class.java]
+
+        // Find the button
+        themeButton = view.findViewById(R.id.settings_theme)
+        themeOptions = mutableListOf()
+        resources.getStringArray(R.array.theme_options).forEach { option ->
+            themeOptions.add(option)
+        }
+
+        keepScreenOnButton = view.findViewById(R.id.settings_keep_screen_on)
+        keepScreenOnOptions = mutableListOf()
+        resources.getStringArray(R.array.keep_screen_on_options).forEach { option ->
+            keepScreenOnOptions.add(option)
+        }
+    }
+
+    /**
+     * Implements functionalities on swipe inputs. onSwipeLeft and onSwipeRight are handled by the
+     * viewPager and therefore are empty.
+     */
+    override fun onSwipeLeft() {}
+    override fun onSwipeRight() {}
+
+    /**
+     * Changes the specified setting.
+     */
+    override fun onSwipeUp() {
+        if (globalParameters.themeChoice.ordinal == GlobalParameters.ThemeChoice.entries.size - 1) {
+            globalParameters.themeChoice = GlobalParameters.ThemeChoice.entries.toTypedArray()[0]
+        } else {
+            globalParameters.themeChoice =
+                GlobalParameters.ThemeChoice.entries.toTypedArray()[globalParameters.themeChoice.ordinal + 1]
+        }
+
+        themeButton.text = themeOptions[globalParameters.themeChoice.ordinal]
+
+        viewModel.say(resources.getString(R.string.new_theme_setting, themeButton.text))
+    }
+
+    /**
+     * Changes the specified setting.
+     */
+    override fun onSwipeDown() {
+        if (globalParameters.keepScreenOn.ordinal == GlobalParameters.KeepScreenOn.entries.size - 1) {
+            globalParameters.keepScreenOn = GlobalParameters.KeepScreenOn.entries.toTypedArray()[0]
+        } else {
+            globalParameters.keepScreenOn =
+                GlobalParameters.KeepScreenOn.entries.toTypedArray()[globalParameters.keepScreenOn.ordinal + 1]
+        }
+
+        keepScreenOnButton.text = keepScreenOnOptions[globalParameters.keepScreenOn.ordinal]
+
+        viewModel.say(resources.getString(R.string.new_screen_setting, keepScreenOnButton.text))
+    }
+
+    /**
+     * Navigates to the Voice Only Activity.
+     */
+    override fun onDoubleTap() {
+        val intent = Intent(activity, VoiceOnlyActivity::class.java)
+        startActivity(intent)
+    }
+
+    /**
+     * Activates the LLM to start listening.
+     */
+    override fun onLongPress() {
+        if (viewModel.isListening.value == false) {
+            viewModel.setSTTSpeechRecognitionListener(STTInputType.COMMAND)
+            viewModel.handleSTTSpeechBegin()
+        } else {
+            viewModel.cancelSTTListening()
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/fragments/SettingsScreen3.kt b/app/src/main/java/com/nlinterface/fragments/SettingsScreen3.kt
new file mode 100644
index 0000000..31d40f4
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/fragments/SettingsScreen3.kt
@@ -0,0 +1,130 @@
+package com.nlinterface.fragments
+
+import android.content.Intent
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.Button
+import androidx.fragment.app.Fragment
+import androidx.lifecycle.ViewModelProvider
+import com.nlinterface.R
+import com.nlinterface.activities.VoiceOnlyActivity
+import com.nlinterface.utility.GlobalParameters
+import com.nlinterface.utility.STTInputType
+import com.nlinterface.utility.SwipeAction
+import com.nlinterface.utility.SwipeNavigationListener
+import com.nlinterface.viewmodels.SettingsViewModel
+
+/**
+ * Fragment for the settings activity.
+ */
+class SettingsScreen3 : Fragment(), SwipeAction {
+
+    private lateinit var viewModel: SettingsViewModel
+
+    private lateinit var narrationAmountOptions: MutableList<String>
+    private lateinit var narrationAmountButton: Button
+
+    private lateinit var narrationSpeedOptions: MutableList<String>
+    private lateinit var narrationSpeedButton: Button
+
+    private val globalParameters = GlobalParameters.instance!!
+
+    /**
+     * On Create View creates the layout and sets up the swipe Navigation.
+     * On ViewCreated accesses the shared viewmodel, creates the visual buttons and gets the
+     * options for the buttons values.
+     */
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.settings_screen3, container, false)
+
+        view.setOnTouchListener(SwipeNavigationListener(requireContext(), this))
+        return view
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        // Access the shared ViewModel
+        viewModel = ViewModelProvider(requireActivity())[SettingsViewModel::class.java]
+
+        // Find the button
+        narrationAmountButton = view.findViewById(R.id.settings_narration_amount)
+        narrationAmountOptions = mutableListOf()
+        resources.getStringArray(R.array.narration_amount_options).forEach { option ->
+            narrationAmountOptions.add(option)
+        }
+
+        narrationSpeedButton = view.findViewById(R.id.settings_narration_speed)
+        narrationSpeedOptions = mutableListOf()
+        resources.getStringArray(R.array.narration_speed_options).forEach { option ->
+            narrationSpeedOptions.add(option)
+        }
+    }
+
+    /**
+     * Implements functionalities on swipe inputs. onSwipeLeft and onSwipeRight are handled by the
+     * viewPager and therefore are empty.
+     */
+    override fun onSwipeLeft() {}
+    override fun onSwipeRight() {}
+
+    /**
+     * Changes the specified setting.
+     */
+    override fun onSwipeUp() {
+        if (globalParameters.narrationAmountChoice.ordinal ==
+            GlobalParameters.NarrationAmountChoice.entries.size - 1) {
+            globalParameters.narrationAmountChoice = GlobalParameters.NarrationAmountChoice.entries.toTypedArray()[0]
+        } else {
+            globalParameters.narrationAmountChoice =
+                GlobalParameters.NarrationAmountChoice.entries.toTypedArray()[globalParameters.narrationAmountChoice.ordinal + 1]
+        }
+
+       narrationAmountButton.text = narrationAmountOptions[globalParameters.narrationAmountChoice.ordinal]
+
+        viewModel.say(resources.getString(R.string.new_theme_setting, narrationAmountButton.text))
+    }
+
+    /**
+     * Changes the specified setting.
+     */
+    override fun onSwipeDown() {
+        if (globalParameters.narrationSpeedChoice.ordinal ==
+            GlobalParameters.NarrationSpeedChoice.entries.size - 1) {
+            globalParameters.narrationSpeedChoice = GlobalParameters.NarrationSpeedChoice.entries.toTypedArray()[0]
+        } else {
+            globalParameters.narrationSpeedChoice =
+                GlobalParameters.NarrationSpeedChoice.entries.toTypedArray()[globalParameters.narrationSpeedChoice.ordinal + 1]
+        }
+
+        narrationSpeedButton.text = narrationSpeedOptions[globalParameters.narrationSpeedChoice.ordinal]
+
+        viewModel.say(resources.getString(R.string.new_theme_setting, narrationSpeedButton.text))
+    }
+
+    /**
+     * Navigates to the Voice Only Activity.
+     */
+    override fun onDoubleTap() {
+        val intent = Intent(activity, VoiceOnlyActivity::class.java)
+        startActivity(intent)
+    }
+
+    /**
+     * Activates the LLM to start listening.
+     */
+    override fun onLongPress() {
+        if (viewModel.isListening.value == false) {
+            viewModel.setSTTSpeechRecognitionListener(STTInputType.COMMAND)
+            viewModel.handleSTTSpeechBegin()
+        } else {
+            viewModel.cancelSTTListening()
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/utility/GestureListener.kt b/app/src/main/java/com/nlinterface/utility/GestureListener.kt
new file mode 100644
index 0000000..0ec18d7
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/utility/GestureListener.kt
@@ -0,0 +1,128 @@
+package com.nlinterface.utility
+
+import android.annotation.SuppressLint
+import android.content.Context
+import android.view.GestureDetector
+import android.view.MotionEvent
+import android.view.View
+import kotlin.math.abs
+
+/**
+ * A class that implements the usage of swipe and touch navigation. It differentiates between a
+ * swipe to the left, right, top, down and a double tap as well as holding.
+ */
+open class OnSwipeTouchListener(context: Context) : View.OnTouchListener {
+
+    private val gestureDetector = GestureDetector(context, GestureListener())
+
+    @SuppressLint("ClickableViewAccessibility")
+    override fun onTouch(v: View?, event: MotionEvent): Boolean {
+        return gestureDetector.onTouchEvent(event)
+    }
+
+    private inner class GestureListener : GestureDetector.SimpleOnGestureListener() {
+
+        private val swipeThreshold = 25
+        private val swipeVelocityThreshold = 25
+
+        override fun onDown(e: MotionEvent): Boolean {
+            return true
+        }
+
+        override fun onFling(
+            e1: MotionEvent?,
+            e2: MotionEvent,
+            velocityX: Float,
+            velocityY: Float
+        ): Boolean {
+            val diffY = e2.y - e1!!.y
+            val diffX = e2.x - e1.x
+            if (abs(diffX) > abs(diffY)) {
+                if (abs(diffX) > swipeThreshold && abs(velocityX) > swipeVelocityThreshold) {
+                    if (diffX > 0) {
+                        onSwipeRight()
+                    } else {
+                        onSwipeLeft()
+                    }
+                    return true
+                }
+            } else {
+                if (abs(diffY) > swipeThreshold && abs(velocityY) > swipeVelocityThreshold) {
+                    if (diffY > 0) {
+                        onSwipeDown()
+                    } else {
+                        onSwipeUp()
+                    }
+                    return true
+                }
+            }
+            return false
+        }
+
+        override fun onLongPress(e: MotionEvent) {
+            onLongPress()
+        }
+
+        override fun onDoubleTap(e: MotionEvent): Boolean {
+            onDoubleTap()
+            return true
+        }
+    }
+
+    /**
+     * Just empty bodies to allow each fragment its own functionalities when receiving the
+     * corresponding inout.
+     */
+    open fun onSwipeRight() {}
+    open fun onSwipeLeft() {}
+    open fun onSwipeUp() {}
+    open fun onSwipeDown() {}
+    open fun onLongPress() {}
+    open fun onDoubleTap() {}
+}
+
+/**
+ * Interface that is passed in Fragment Creation to implement functionalities in the fragment itself
+ */
+interface SwipeAction {
+    fun onSwipeLeft()
+    fun onSwipeRight()
+    fun onSwipeUp()
+    fun onSwipeDown()
+    fun onLongPress()
+    fun onDoubleTap()
+}
+
+/**
+ * Class that allows fragment creation with a SwipeNavigationListener class.
+ */
+class SwipeNavigationListener(
+    context: Context,
+    private var swipeAction: SwipeAction?
+) : OnSwipeTouchListener(context) {
+
+    override fun onSwipeRight() {
+        swipeAction?.onSwipeRight()
+    }
+
+    override fun onSwipeLeft() {
+        swipeAction?.onSwipeLeft()
+    }
+
+    override fun onSwipeUp() {
+        swipeAction?.onSwipeUp()
+
+    }
+
+    override fun onSwipeDown() {
+        swipeAction?.onSwipeDown()
+    }
+
+    override fun onLongPress() {
+        swipeAction?.onLongPress()
+    }
+
+    override fun onDoubleTap() {
+        swipeAction?.onDoubleTap()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/utility/GlobalParameters.kt b/app/src/main/java/com/nlinterface/utility/GlobalParameters.kt
index 276e59f..14704cd 100644
--- a/app/src/main/java/com/nlinterface/utility/GlobalParameters.kt
+++ b/app/src/main/java/com/nlinterface/utility/GlobalParameters.kt
@@ -12,6 +12,9 @@ open class GlobalParameters protected constructor() {
 
     var keepScreenOn: KeepScreenOn = KeepScreenOn.NO
     var themeChoice: ThemeChoice = ThemeChoice.SYSTEM_DEFAULT
+    var feedbackChoice: FeedbackChoice = FeedbackChoice.TACTILE
+    var narrationSpeedChoice: NarrationSpeedChoice = NarrationSpeedChoice.NORMAL
+    var narrationAmountChoice: NarrationAmountChoice = NarrationAmountChoice.STANDARD
     var barcodeServiceMode: BarcodeServiceMode = BarcodeServiceMode.OFF
 
     lateinit var location: Location
@@ -30,6 +33,24 @@ open class GlobalParameters protected constructor() {
         DARK
     }
 
+    enum class FeedbackChoice {
+        TACTILE,
+        AUDITORY,
+        BOTH,
+        NONE
+    }
+
+    enum class NarrationSpeedChoice {
+        NORMAL,
+        FAST,
+        SLOW
+    }
+
+    enum class NarrationAmountChoice {
+        STANDARD,
+        OFF,
+        EXTENSIVE
+    }
     enum class BarcodeServiceMode {
         ON,
         OFF
@@ -40,6 +61,7 @@ open class GlobalParameters protected constructor() {
     var cooState: CooState = CooState.NO
     var iaaState: IaaState = IaaState.YES
     var snvState: SnvState = SnvState.NO
+    var brandsState: BrandsState = BrandsState.NO
 
     enum class NavState {
         YES,
@@ -61,6 +83,10 @@ open class GlobalParameters protected constructor() {
         YES,
         NO
     }
+    enum class BrandsState{
+        YES,
+        NO
+    }
 
     // make it a Singleton
     companion object {
@@ -97,6 +123,24 @@ open class GlobalParameters protected constructor() {
         )
         instance!!.themeChoice = ThemeChoice.valueOf(prefTheme!!)
 
+        val prefFeedback = sharedPref.getString(
+            context.resources.getString(R.string.settings_feedback_key),
+            FeedbackChoice.TACTILE.toString()
+        )
+        instance!!.feedbackChoice = FeedbackChoice.valueOf(prefFeedback!!)
+
+        val prefNarrationSpeed = sharedPref.getString(
+            context.resources.getString(R.string.settings_narration_speed_key),
+            NarrationSpeedChoice.NORMAL.toString()
+        )
+        instance!!.narrationSpeedChoice = NarrationSpeedChoice.valueOf(prefNarrationSpeed!!)
+
+        val prefNarrationAmount = sharedPref.getString(
+            context.resources.getString(R.string.settings_narration_amount_key),
+            NarrationAmountChoice.STANDARD.toString()
+        )
+        instance!!.narrationAmountChoice = NarrationAmountChoice.valueOf(prefNarrationAmount!!)
+
         val prefBarcodeServiceMode = sharedPref.getString(
             context.resources.getString(R.string.barcode_service_mode_key),
             BarcodeServiceMode.OFF.toString()
@@ -141,6 +185,12 @@ open class GlobalParameters protected constructor() {
             SnvState.NO.toString()
         )
         instance!!.snvState = SnvState.valueOf(prefNutritionalValues!!)
+
+        val prefBrand= sharedBarcodePref.getString(
+            context.resources.getString(R.string.brands_key),
+            BrandsState.NO.toString()
+        )
+        instance!!.brandsState = BrandsState.valueOf(prefBrand!!)
     }
 
     fun updateTheme() {
diff --git a/app/src/main/java/com/nlinterface/utility/LocationGetter.kt b/app/src/main/java/com/nlinterface/utility/LocationGetter.kt
index 273a45e..6700359 100644
--- a/app/src/main/java/com/nlinterface/utility/LocationGetter.kt
+++ b/app/src/main/java/com/nlinterface/utility/LocationGetter.kt
@@ -81,7 +81,7 @@ class LocationGetter: Service() {
     /**
      * This method is required by the Service architecture,
      * but not needed because the scanning should be done constantly.
-     * Therefore it just return null
+     * Therefore it just returns null
      */
 
     override fun onBind(intent: Intent?): IBinder? {
diff --git a/app/src/main/java/com/nlinterface/utility/OnSwipeTouchInterceptor.kt b/app/src/main/java/com/nlinterface/utility/OnSwipeTouchInterceptor.kt
new file mode 100644
index 0000000..ba65988
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/utility/OnSwipeTouchInterceptor.kt
@@ -0,0 +1,53 @@
+package com.nlinterface.utility
+
+import android.util.Log
+import android.view.MotionEvent
+import androidx.recyclerview.widget.RecyclerView
+import kotlin.math.abs
+
+/**
+ * The Swipe Touch Interceptor allows the app to check for vertical swipes. The viewPager is very
+ * sensitive to horizontal swipes. Therefore is is intercepted to first check for vertical ones.
+ * If the Interceptor detects a vertical swipe, it intercepts the viewPager and delegates to the
+ * Fragments functionalities.
+ */
+class OnSwipeTouchInterceptor(
+    private val swipeAction: SwipeAction
+) : RecyclerView.OnItemTouchListener {
+
+
+    private var initialXValue: Float = 0f
+    private var initialYValue: Float = 0f
+    private val horizontalSwipeThreshold = 25
+    private val verticalSwipeThreshold = 25
+
+    override fun onInterceptTouchEvent(rv: RecyclerView, e: MotionEvent): Boolean {
+        when (e.action) {
+            MotionEvent.ACTION_DOWN -> {
+                initialXValue = e.x
+                initialYValue = e.y
+            }
+            MotionEvent.ACTION_MOVE -> {
+                val diffX = e.x - initialXValue
+                val diffY = e.y - initialYValue
+                if (abs(diffY) > abs(diffX) && abs(diffY) > verticalSwipeThreshold) {
+                    // Handle vertical swipe
+                    if (diffY > 0) {
+                        swipeAction.onSwipeDown()
+                    } else {
+                        swipeAction.onSwipeUp()
+                    }
+                    Log.d("SwipeAction","Vertical Swipe Action detected")
+                    return true
+                } else if (abs(diffX) > horizontalSwipeThreshold) {
+                    return false
+                }
+            }
+        }
+        return false
+    }
+
+    override fun onTouchEvent(rv: RecyclerView, e: MotionEvent) {}
+
+    override fun onRequestDisallowInterceptTouchEvent(disallowIntercept: Boolean) {}
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/utility/SpeechToTextUtility.kt b/app/src/main/java/com/nlinterface/utility/SpeechToTextUtility.kt
index 77d44ca..3ea0c13 100644
--- a/app/src/main/java/com/nlinterface/utility/SpeechToTextUtility.kt
+++ b/app/src/main/java/com/nlinterface/utility/SpeechToTextUtility.kt
@@ -15,6 +15,7 @@ class SpeechToTextUtility {
 
     private lateinit var speechRecognizer: SpeechRecognizer
 
+
     /**
      * Calls speechRecognizer to begin listening to voice input.
      *
@@ -70,7 +71,7 @@ class SpeechToTextUtility {
             override fun onEndOfSpeech() {
                 onEndOfSpeech
             }
-        
+
             override fun onError(p0: Int) {
                 onError
             }
diff --git a/app/src/main/java/com/nlinterface/viewmodels/BarcodeProductinfoViewModel.kt b/app/src/main/java/com/nlinterface/viewmodels/BarcodeProductinfoViewModel.kt
index 78e2589..8cc7ae9 100644
--- a/app/src/main/java/com/nlinterface/viewmodels/BarcodeProductinfoViewModel.kt
+++ b/app/src/main/java/com/nlinterface/viewmodels/BarcodeProductinfoViewModel.kt
@@ -75,7 +75,6 @@ class Scanner(
                 .addOnSuccessListener { barcodes ->
                     if (barcodes.isNotEmpty()) {
                         val barcode = barcodes[0]
-                        //if(BoundingBox.match(handBoundingBox, barcode.boundingBox)) {
                         Log.println(
                             Log.INFO,
                             "Scanner",
@@ -150,6 +149,9 @@ class BrowserSearch {
             if(globalParameters.snvState.ordinal == 0) {
                 allInfo += document.select("h4.evaluation__title").text()
             }
+            if(globalParameters.brandsState.ordinal == 0) {
+                allInfo += document.getElementById("field_brands")?.text()
+            }
 
             viewModel.say(allInfo)
         }   catch (e: Exception) {
diff --git a/app/src/main/java/com/nlinterface/viewmodels/GroceryListViewModel.kt b/app/src/main/java/com/nlinterface/viewmodels/GroceryListViewModel.kt
index 2ae0f84..a2e4dec 100644
--- a/app/src/main/java/com/nlinterface/viewmodels/GroceryListViewModel.kt
+++ b/app/src/main/java/com/nlinterface/viewmodels/GroceryListViewModel.kt
@@ -81,6 +81,9 @@ class GroceryListViewModel(
     val response: LiveData<String>
         get() = _response
 
+    private val _myState = MutableLiveData<Boolean>()
+    val myState: LiveData<Boolean> = _myState
+
     /**
      * Retrieves the stored grocery list from local phone storage, if available, and loads it into
      * the GroceryList ArrayList. Alternatively, creates a new file to which to later store the
@@ -286,7 +289,6 @@ class GroceryListViewModel(
         }
     
         Log.println(Log.DEBUG, inputType.toString(), s)
-        
     }
 
     /**
@@ -310,4 +312,19 @@ class GroceryListViewModel(
         stt.cancelListening()
         _isListening.value = false
     }
+
+    /**
+     * Functionalities to update the UIs text for the top and bottom button
+     */
+
+    private val _topButtonText = MutableLiveData<String>()
+    val topButtonText: LiveData<String> get() = _topButtonText
+
+    private val _bottomButtonText = MutableLiveData<String>()
+    val bottomButtonText: LiveData<String> get() = _bottomButtonText
+
+    fun updateButtonTexts(topText: String, bottomText: String) {
+        _topButtonText.value = topText
+        _bottomButtonText.value = bottomText
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/viewmodels/MainViewModel.kt b/app/src/main/java/com/nlinterface/viewmodels/MainViewModel.kt
index 0163df2..7123625 100644
--- a/app/src/main/java/com/nlinterface/viewmodels/MainViewModel.kt
+++ b/app/src/main/java/com/nlinterface/viewmodels/MainViewModel.kt
@@ -80,6 +80,20 @@ class MainViewModel(
         }
     }
 
+    /**
+     * Reads a given text out loud and waits until the utterance is completed, before resuming. Is
+     * required when performing an action immediately after the utterance is completed.
+     *
+     * @param text: String, the string to be read out loud.
+     * @param queueMode: enum, defining how multiple speech outputs are queued.
+     *                   TextToSpeech.QUEUE_FLUSH (default) overwrites the queue with the current
+     *                   text, thus immediately reading it out loud
+     *                   TextToSpeech.QUEUE_ADD appends the current text to the queue, only reading
+     *                   it once all prior texts have been read out loud
+     *
+     * @param utteranceId: String? identifying the utterance to be made and completed
+     */
+
     /**
      * Overrides the TextToSpeech.OnInitListener's onInit function. Called, once the TTS engine
      * initialization is completed. If initialization was successful, the TTS engine's locale is
diff --git a/app/src/main/java/com/nlinterface/viewmodels/PlaceDetailsViewModel.kt b/app/src/main/java/com/nlinterface/viewmodels/PlaceDetailsViewModel.kt
index 73b668f..8be3464 100644
--- a/app/src/main/java/com/nlinterface/viewmodels/PlaceDetailsViewModel.kt
+++ b/app/src/main/java/com/nlinterface/viewmodels/PlaceDetailsViewModel.kt
@@ -24,7 +24,6 @@ import com.nlinterface.dataclasses.PlaceDetailsItem
 import com.nlinterface.utility.STTInputType
 import com.nlinterface.utility.SpeechToTextUtility
 import com.nlinterface.utility.TextToSpeechUtility
-import com.nlinterface.utility.VoiceCommandUtilityOld
 import kotlinx.coroutines.suspendCancellableCoroutine
 import java.io.BufferedReader
 import java.io.File
@@ -42,7 +41,6 @@ import kotlin.coroutines.resume
 class PlaceDetailsViewModel(
     application: Application
 ) : AndroidViewModel(application), OnInitListener {
-
     private lateinit var placesClient: PlacesClient
 
     private lateinit var placeDetailsItemListFile: File
@@ -134,9 +132,10 @@ class PlaceDetailsViewModel(
     private fun addPlaceDetailsItem(
         placeID: String,
         storeName: String,
-        openingHours: List<String>
+        openingHours: List<String>,
+        address: String
     ) {
-        placeDetailsItemList.add(PlaceDetailsItem(placeID, storeName, openingHours, false))
+        placeDetailsItemList.add(PlaceDetailsItem(placeID, storeName, openingHours, address,false))
         storePlaceDetailsItemList()
     }
 
@@ -145,8 +144,12 @@ class PlaceDetailsViewModel(
      *
      * @param context: Context
      */
+
     fun initPlaceClient(context: Context) {
-        Places.initialize(context, BuildConfig.MAPS_API_KEY)
+        Log.d("Places","Initialization")
+        if(!Places.isInitialized()) {
+            Places.initialize(context, BuildConfig.MAPS_API_KEY)
+        }
         placesClient = Places.createClient(context)
     }
 
@@ -188,8 +191,9 @@ class PlaceDetailsViewModel(
                 .addOnSuccessListener { response: FetchPlaceResponse ->
                     addPlaceDetailsItem(
                         placeID,
-                        response.place.name,
-                        response.place.openingHours.weekdayText
+                        response.place.name!!,
+                        response.place.openingHours!!.weekdayText,
+                        response.place.address!!
                     )
                     completion(true)
                 }.addOnFailureListener { exception: Exception ->
@@ -397,4 +401,19 @@ class PlaceDetailsViewModel(
         stt.cancelListening()
         _isListening.value = false
     }
+
+    /**
+     * Functionalities to update the UIs text for the top and bottom button
+     */
+
+    private val _topButtonText = MutableLiveData<String>()
+    val topButtonText: LiveData<String> get() = _topButtonText
+
+    private val _bottomButtonText = MutableLiveData<String>()
+    val bottomButtonText: LiveData<String> get() = _bottomButtonText
+
+    fun updateButtonTexts(topText: String, bottomText: String) {
+        _topButtonText.value = topText
+        _bottomButtonText.value = bottomText
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/viewmodels/SettingsViewModel.kt b/app/src/main/java/com/nlinterface/viewmodels/SettingsViewModel.kt
index cf52aa3..a36c337 100644
--- a/app/src/main/java/com/nlinterface/viewmodels/SettingsViewModel.kt
+++ b/app/src/main/java/com/nlinterface/viewmodels/SettingsViewModel.kt
@@ -160,6 +160,7 @@ class SettingsViewModel(
         stt.createSpeechRecognizer(getApplication<Application>().applicationContext)
         setSTTSpeechRecognitionListener(STTInputType.COMMAND)
     }
+
     
     /**
      * Defines the functionality of the SpeechRecognitionListener, aka how to handle STT calls.
@@ -247,14 +248,4 @@ class SettingsViewModel(
         val globalParamsInstance = GlobalParameters.instance!!
         globalParamsInstance.keepScreenOn = newScreenSetting
     }
-
-    /**
-     * Changes the keep screen on settings.
-     *
-     * @param newBarcodeServiceMode: GlobalParameters.BarcodeServiceMode, the barcode service status to be set
-     */
-    fun setBarcodeServiceMode(newBarcodeServiceMode: GlobalParameters.BarcodeServiceMode) {
-        val globalParamsInstance = GlobalParameters.instance!!
-        globalParamsInstance.barcodeServiceMode = newBarcodeServiceMode
-    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/nlinterface/viewmodels/VoiceOnlyViewModel.kt b/app/src/main/java/com/nlinterface/viewmodels/VoiceOnlyViewModel.kt
new file mode 100644
index 0000000..79f0b72
--- /dev/null
+++ b/app/src/main/java/com/nlinterface/viewmodels/VoiceOnlyViewModel.kt
@@ -0,0 +1,236 @@
+package com.nlinterface.viewmodels
+
+import android.app.Application
+import android.speech.SpeechRecognizer
+import android.speech.tts.TextToSpeech
+import android.speech.tts.UtteranceProgressListener
+import android.util.Log
+import androidx.lifecycle.AndroidViewModel
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
+import com.nlinterface.utility.STTInputType
+import com.nlinterface.utility.SpeechToTextUtility
+import com.nlinterface.utility.TextToSpeechUtility
+import kotlinx.coroutines.suspendCancellableCoroutine
+import java.util.Locale
+import kotlin.coroutines.resume
+
+class VoiceOnlyViewModel (
+    application: Application
+) : AndroidViewModel(application), TextToSpeech.OnInitListener {
+    private lateinit var tts: TextToSpeechUtility
+    private val stt = SpeechToTextUtility()
+
+    // holds boolean, whether the TTS system has successfully been initialized.
+    // private MutableLiveData, so that only the ViewModel has access to the setter
+    private val _ttsInitialized: MutableLiveData<Boolean> by lazy {
+        MutableLiveData<Boolean>()
+    }
+
+    // outward LiveData for _ttsInitialized. Immutable, so only access to the getter is given to
+    // outside classes, and LiveData so that observers can be set.
+    val ttsInitialized: LiveData<Boolean>
+        get() = _ttsInitialized
+
+    // holds boolean, whether the STT system is currently listening.
+    private val _isListening: MutableLiveData<Boolean> by lazy {
+        MutableLiveData<Boolean>()
+    }
+
+    // outward immutable LiveData for _isListening.
+    val isListening: LiveData<Boolean>
+        get() = _isListening
+
+    // holds boolean, whether the STT system is currently listening.
+    private val _isProcessing: MutableLiveData<Boolean> by lazy {
+        MutableLiveData<Boolean>()
+    }
+
+    // outward immutable LiveData for _isListening.
+    val isProcessing: LiveData<Boolean>
+        get() = _isProcessing
+
+    // holds the command extracted by the STT system
+    private val _command: MutableLiveData<String> by lazy {
+        MutableLiveData<String>()
+    }
+
+    // outward immutable LiveData for _command.
+    val command: LiveData<String>
+        get() = _command
+
+    // holds the response extracted by the STT system
+    private val _response: MutableLiveData<String> by lazy {
+        MutableLiveData<String>()
+    }
+
+    // outward immutable LiveData for _response.
+    val response: LiveData<String>
+        get() = _response
+
+
+    /**
+     * Initializes TTS variable. Must be done here (thus making tts late-init), because context can
+     * only be accessed locally for a function.
+     */
+    fun initTTS() {
+        tts = TextToSpeechUtility(getApplication<Application>().applicationContext, this)
+    }
+
+    /**
+     * Calls the TTS system to read a given string out loud.
+     *
+     * @param text: String, the string to be read out loud.
+     * @param queueMode: enum, defining how multiple speech outputs are queued.
+     *                   TextToSpeech.QUEUE_FLUSH (default) overwrites the queue with the current
+     *                   text, thus immediately reading it out loud
+     *                   TextToSpeech.QUEUE_ADD appends the current text to the queue, only reading
+     *                   it once all prior texts have been read out loud
+     *
+     * TODO: error handling
+     */
+    fun say(text: String, queueMode: Int = TextToSpeech.QUEUE_FLUSH, utteranceId: String? = "1") {
+        if (ttsInitialized.value == true) {
+            tts.say(text, queueMode, utteranceId)
+        }
+    }
+
+    /**
+     * Reads a given text out loud and waits until the utterance is completed, before resuming. Is
+     * required when performing an action immediately after the utterance is completed.
+     *
+     * @param text: String, the string to be read out loud.
+     * @param queueMode: enum, defining how multiple speech outputs are queued.
+     *                   TextToSpeech.QUEUE_FLUSH (default) overwrites the queue with the current
+     *                   text, thus immediately reading it out loud
+     *                   TextToSpeech.QUEUE_ADD appends the current text to the queue, only reading
+     *                   it once all prior texts have been read out loud
+     *
+     * @param utteranceId: String? identifying the utterance to be made and completed
+     */
+
+    suspend fun sayAndAwait(
+        text: String,
+        queueMode: Int = TextToSpeech.QUEUE_FLUSH,
+        utteranceId: String? = "1")
+            = suspendCancellableCoroutine {
+        tts.setUtteranceProgressListener(object : UtteranceProgressListener() {
+
+            override fun onDone(utteranceId: String?) {
+                Log.println(Log.DEBUG, "onDone", "done")
+                it.resume(Unit)
+            }
+
+            override fun onStart(utteranceId: String?) {}
+            override fun onError(utteranceId: String?) {}
+
+        })
+
+        if (ttsInitialized.value == true) {
+            tts.say(text, queueMode, utteranceId)
+        }
+    }
+
+    /**
+     * Overrides the TextToSpeech.OnInitListener's onInit function. Called, once the TTS engine
+     * initialization is completed. If initialization was successful, the TTS engine's locale is
+     * set to the user's phone locale and the speed rate is set to default. Finally, the
+     * MutableLiveData _ttsInitialized is set to true. If initialization was unsuccessful, an error
+     * message is printed to the console output.
+     *
+     * @param status: Int representing the success status
+     *
+     * TODO: improve error handling
+     */
+    override fun onInit(status: Int) {
+
+        if (status == TextToSpeech.SUCCESS) {
+            tts.setLocale(Locale.getDefault())
+            tts.setSpeedRate()
+            _ttsInitialized.value = true
+        } else {
+            Log.println(Log.ERROR, "tts onInit", "Couldn't initialize TTS Engine")
+        }
+    }
+
+    /**
+     * Initializes the STT system, by creating the SpeechRecognizer and setting the
+     * SpeechRecognitionListener to handle Command functionalities.
+     *
+     * TODO: improve error handling
+     */
+    fun initSTT() {
+        stt.createSpeechRecognizer(getApplication<Application>().applicationContext)
+        setSTTSpeechRecognitionListener(STTInputType.COMMAND)
+    }
+
+
+    /**
+     * Defines the functionality of the SpeechRecognitionListener, aka how to handle STT calls.
+     * Once results are returned by the STT recognizer, listening is cancelled, matches are
+     * retrieved and their text output can then be handled by this ViewModel. Listening is also
+     * cancelled once the speech ends or when an error occurs.
+     *
+     * @param inputType: STTInputType, defines whether the voiceInput should be handled as a command
+     * or as an answer to a system question.
+     */
+    fun setSTTSpeechRecognitionListener(inputType: STTInputType = STTInputType.COMMAND) {
+        stt.setSpeechRecognitionListener(
+            onResults = {
+                _isProcessing.value = true
+                cancelSTTListening()
+                val matches = it.getStringArrayList(SpeechRecognizer.RESULTS_RECOGNITION)
+                if (matches != null && matches.size > 0) {
+                    // results are added in decreasing order of confidence to the list,
+                    // so choose the first one
+                    handleSTTResult(matches[0], inputType)
+                    _isProcessing.value = false
+                }
+            }, onEndOfSpeech = {
+                cancelSTTListening()
+            }, onError = {
+                cancelSTTListening()
+            })
+    }
+
+    /**
+     * Handles the processing of the results returned by the STT system, depending on the current
+     * InputType.
+     *
+     * @param s: String, output of the STT system onResults
+     * @param inputType: STTInputType, defines whether the voiceInput should be handled as a command
+     * or as an answer to a system question.
+     *
+     * TODO: streamline processing and command structure
+     */
+    private fun handleSTTResult(s: String, inputType: STTInputType) {
+
+        when (inputType) {
+            STTInputType.COMMAND -> _command.value = s.lowercase()
+            STTInputType.ANSWER -> _response.value = s.lowercase()
+        }
+
+    }
+
+    /**
+     * Called when STT begins listening to voice input. Sets _isListening to true and calls on the
+     * STT system for further handling.
+     *
+     * TODO: error handling (What if stt.handleSpeechBegin() is unsuccessful?)
+     */
+    fun handleSTTSpeechBegin() {
+        stt.handleSpeechBegin()
+        _isListening.value = true
+    }
+
+    /**
+     * Called when STT should stop listening. Calls on the STT system for further handling and sets
+     * _isListening to false
+     *
+     * TODO: error handling (What if stt.cancelListening() is unsuccessful?)
+     */
+    fun cancelSTTListening() {
+        stt.cancelListening()
+        _isListening.value = false
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/res/drawable/ic_mic.xml b/app/src/main/res/drawable/ic_mic.xml
deleted file mode 100644
index 5eb92eb..0000000
--- a/app/src/main/res/drawable/ic_mic.xml
+++ /dev/null
@@ -1,5 +0,0 @@
-<vector android:height="24dp" android:tint="#000000"
-    android:viewportHeight="24" android:viewportWidth="24"
-    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
-    <path android:fillColor="@android:color/white" android:pathData="M12,14c1.66,0 2.99,-1.34 2.99,-3L15,5c0,-1.66 -1.34,-3 -3,-3S9,3.34 9,5v6c0,1.66 1.34,3 3,3zM17.3,11c0,3 -2.54,5.1 -5.3,5.1S6.7,14 6.7,11L5,11c0,3.41 2.72,6.23 6,6.72L11,21h2v-3.28c3.28,-0.48 6,-3.3 6,-6.72h-1.7z"/>
-</vector>
diff --git a/app/src/main/res/drawable/ic_mic_black.xml b/app/src/main/res/drawable/ic_mic_black.xml
new file mode 100644
index 0000000..69d2de7
--- /dev/null
+++ b/app/src/main/res/drawable/ic_mic_black.xml
@@ -0,0 +1,10 @@
+<vector android:height="24dp"
+    android:viewportHeight="24"
+    android:viewportWidth="24"
+    android:width="24dp"
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="?attr/colorPrimary"
+        android:pathData="M12,14c1.66,0 2.99,-1.34 2.99,-3L15,5c0,-1.66 -1.34,-3 -3,-3S9,3.34 9,
+        5v6c0,1.66 1.34,3 3,3zM17.3,11c0,3 -2.54,5.1 -5.3,5.1S6.7,14 6.7,11L5,11c0,3.41 2.72,6.23
+        6,6.72L11,21h2v-3.28c3.28,-0.48 6,-3.3 6,-6.72h-1.7z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_oval_white.xml b/app/src/main/res/drawable/ic_oval_white.xml
new file mode 100644
index 0000000..ac097e6
--- /dev/null
+++ b/app/src/main/res/drawable/ic_oval_white.xml
@@ -0,0 +1,5 @@
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+    <solid android:color="#FFFFFF"/>
+    <size android:width="120dp" android:height="200dp"/>
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/ic_processing.xml b/app/src/main/res/drawable/ic_processing.xml
new file mode 100644
index 0000000..eee31c5
--- /dev/null
+++ b/app/src/main/res/drawable/ic_processing.xml
@@ -0,0 +1,22 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="210dp"
+    android:height="297dp"
+    android:viewportWidth="210"
+    android:viewportHeight="297">
+  <path
+      android:pathData="M152,148.5m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"
+      android:strokeWidth="0.264583"
+      android:fillColor="#000000"/>
+  <path
+      android:pathData="M105,68m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"
+      android:strokeWidth="0.265"
+      android:fillColor="#000000"/>
+  <path
+      android:pathData="M58,148.5m18,0a18,18 0,1 0,-36 0a18,18 0,1 0,36 0"
+      android:strokeWidth="0.264583"
+      android:fillColor="#000000"/>
+  <path
+      android:pathData="M105,229m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"
+      android:strokeWidth="0.264583"
+      android:fillColor="#000000"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_speaker.xml b/app/src/main/res/drawable/ic_speaker.xml
new file mode 100644
index 0000000..7f599e5
--- /dev/null
+++ b/app/src/main/res/drawable/ic_speaker.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960">
+  <path
+      android:pathData="M760,520h-80q-17,0 -28.5,-11.5T640,480q0,-17 11.5,-28.5T680,440h80q17,0 28.5,11.5T800,480q0,17 -11.5,28.5T760,520ZM584,672q10,-14 26,-16t30,8l64,48q14,10 16,26t-8,30q-10,14 -26,16t-30,-8l-64,-48q-14,-10 -16,-26t8,-30ZM704,248 L640,296q-14,10 -30,8t-26,-16q-10,-14 -8,-30t16,-26l64,-48q14,-10 30,-8t26,16q10,14 8,30t-16,26ZM280,600L160,600q-17,0 -28.5,-11.5T120,560v-160q0,-17 11.5,-28.5T160,360h120l132,-132q19,-19 43.5,-8.5T480,257v446q0,27 -24.5,37.5T412,732L280,600Z"
+      android:fillColor="@android:color/black"/>
+</vector>
diff --git a/app/src/main/res/layout/activity_barcode_settings.xml b/app/src/main/res/layout/activity_barcode_settings.xml
index 2b31483..7fa7f95 100644
--- a/app/src/main/res/layout/activity_barcode_settings.xml
+++ b/app/src/main/res/layout/activity_barcode_settings.xml
@@ -3,198 +3,16 @@
     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:layout_height="match_parent"
+    tools:context=".activities.BarcodeSettingsActivity">
 
-    <com.google.android.material.button.MaterialButton
-        android:id="@+id/settings_short_nutritional_values"
+    <androidx.viewpager2.widget.ViewPager2
+        android:id="@+id/view_pager"
         android:layout_width="0dp"
         android:layout_height="0dp"
-        android:backgroundTint="?colorPrimary"
-        android:text="Nutritional Values"
-        android:textColor="?android:textColorPrimary"
-        app:autoSizeMaxTextSize="100sp"
-        app:autoSizeMinTextSize="12sp"
-        app:autoSizeStepGranularity="2sp"
-        app:autoSizeTextType="uniform"
-        app:cornerRadius="13dp"
-        app:layout_constraintBottom_toTopOf="@+id/h_guide10"
-        app:layout_constraintEnd_toStartOf="@+id/v_guide2"
-        app:layout_constraintHorizontal_bias="1.0"
-        app:layout_constraintStart_toStartOf="@+id/v_guide1"
-        app:layout_constraintTop_toTopOf="@+id/guideline9"
-        app:layout_constraintVertical_bias="0.0" />
-
-    <com.google.android.material.button.MaterialButton
-        android:id="@+id/settings_ingredients_and_allergies"
-        android:layout_width="0dp"
-        android:layout_height="0dp"
-        android:backgroundTint="?colorPrimary"
-        android:text="Ingredients and Allergies"
-        android:textColor="?android:textColorPrimary"
-        app:autoSizeMaxTextSize="100sp"
-        app:autoSizeMinTextSize="12sp"
-        app:autoSizeStepGranularity="2sp"
-        app:autoSizeTextType="uniform"
-        app:cornerRadius="13dp"
-        app:layout_constraintBottom_toTopOf="@+id/guideline8"
-        app:layout_constraintEnd_toStartOf="@+id/v_guide2"
-        app:layout_constraintHorizontal_bias="1.0"
-        app:layout_constraintStart_toStartOf="@+id/v_guide1"
-        app:layout_constraintTop_toTopOf="@+id/h_guide9"
-        app:layout_constraintVertical_bias="0.0" />
-
-    <com.google.android.material.button.MaterialButton
-        android:id="@+id/settings_country_of_origin"
-        android:layout_width="0dp"
-        android:layout_height="0dp"
-        android:backgroundTint="?colorPrimary"
-        android:text="Country of Origin"
-        android:textColor="?android:textColorPrimary"
-        app:autoSizeMaxTextSize="100sp"
-        app:autoSizeMinTextSize="12sp"
-        app:autoSizeStepGranularity="2sp"
-        app:autoSizeTextType="uniform"
-        app:cornerRadius="13dp"
-        app:layout_constraintBottom_toTopOf="@+id/h_guide"
-        app:layout_constraintEnd_toStartOf="@+id/v_guide2"
-        app:layout_constraintHorizontal_bias="1.0"
-        app:layout_constraintStart_toStartOf="@+id/v_guide1"
-        app:layout_constraintTop_toTopOf="@+id/h_guide4"
-        app:layout_constraintVertical_bias="0.0" />
-
-    <com.google.android.material.button.MaterialButton
-        android:id="@+id/settings_name_and_volume"
-        android:layout_width="0dp"
-        android:layout_height="0dp"
-        android:backgroundTint="?colorPrimary"
-        android:text="Name and Volume"
-        android:textColor="?android:textColorPrimary"
-        app:autoSizeMaxTextSize="100sp"
-        app:autoSizeMinTextSize="12sp"
-        app:autoSizeStepGranularity="2sp"
-        app:autoSizeTextType="uniform"
-        app:cornerRadius="13dp"
-        app:layout_constraintBottom_toTopOf="@+id/guideline2"
-        app:layout_constraintEnd_toStartOf="@+id/v_guide2"
-        app:layout_constraintHorizontal_bias="1.0"
-        app:layout_constraintStart_toStartOf="@+id/v_guide1"
-        app:layout_constraintTop_toTopOf="@+id/h_guide1"
-        app:layout_constraintVertical_bias="0.0" />
-
-    <com.google.android.material.button.MaterialButton
-        android:id="@+id/settings_labels"
-        android:layout_width="0dp"
-        android:layout_height="0dp"
-        android:backgroundTint="?colorPrimary"
-        android:text="Labels"
-        android:textColor="?android:textColorPrimary"
-        app:autoSizeMaxTextSize="100sp"
-        app:autoSizeMinTextSize="12sp"
-        app:autoSizeStepGranularity="2sp"
-        app:autoSizeTextType="uniform"
-        app:cornerRadius="13dp"
-        app:layout_constraintBottom_toTopOf="@+id/h_guide3"
-        app:layout_constraintEnd_toStartOf="@+id/v_guide2"
-        app:layout_constraintHorizontal_bias="1.0"
-        app:layout_constraintStart_toStartOf="@+id/v_guide1"
-        app:layout_constraintTop_toTopOf="@+id/h_guide2"
-        app:layout_constraintVertical_bias="0.0" />
-
-    <include
-        android:id="@+id/voice_activation_lo"
-        layout="@layout/voice_activation_button"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide1"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.3" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide2"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.45" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide3"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.55" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide4"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.6" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.7" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide9"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.75" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide6"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="1" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/v_guide1"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="vertical"
-        app:layout_constraintGuide_percent="0.1" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/v_guide2"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="vertical"
-        app:layout_constraintGuide_percent="0.9" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/guideline2"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.4" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/guideline8"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.85" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/guideline9"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.9" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide10"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="1.0" />
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent" />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_classification.xml b/app/src/main/res/layout/activity_classification.xml
index 3f60402..e8a3605 100644
--- a/app/src/main/res/layout/activity_classification.xml
+++ b/app/src/main/res/layout/activity_classification.xml
@@ -5,7 +5,8 @@
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:background="@android:color/transparent"
     android:layout_width="match_parent"
-    android:layout_height="match_parent">
+    android:layout_height="match_parent"
+    tools:context=".activities.ClassificationActivity">
 
     <RelativeLayout
         android:layout_width="match_parent"
diff --git a/app/src/main/res/layout/activity_grocery_list.xml b/app/src/main/res/layout/activity_grocery_list.xml
index 95cfb7e..5e4c649 100644
--- a/app/src/main/res/layout/activity_grocery_list.xml
+++ b/app/src/main/res/layout/activity_grocery_list.xml
@@ -4,53 +4,15 @@
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:id="@+id/activity_grocery_list_cl">
+    tools:context=".activities.GroceryListActivity">
 
-    <include
-        android:id="@+id/include"
-        layout="@layout/voice_activation_button" />
-
-    <androidx.recyclerview.widget.RecyclerView
-        android:id="@+id/grocery_list_rv"
+    <androidx.viewpager2.widget.ViewPager2
+        android:id="@+id/grocery_list_view_pager"
         android:layout_width="0dp"
         android:layout_height="0dp"
-        android:clipToPadding="false"
-        android:overScrollMode="never"
-        app:layout_constraintBottom_toTopOf="@+id/add_item_bt"
-        app:layout_constraintEnd_toEndOf="@id/v_guide2"
-        app:layout_constraintStart_toStartOf="@id/v_guide1"
-        app:layout_constraintTop_toBottomOf="@+id/include" />
-
-    <com.google.android.material.button.MaterialButton
-        android:id="@+id/add_item_bt"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:backgroundTint="?colorTertiary"
-        android:insetBottom="0dp"
-        android:insetTop="0dp"
-        android:textSize="35dp"
-        android:text="@string/add"
-        android:textColor="?android:textColorSecondary"
-        app:cornerRadius="0dp"
+        app:layout_constraintTop_toTopOf="parent"
         app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent"
-        app:layout_constraintVertical_bias="1"
-        app:layout_constraintHorizontal_bias="1"/>
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/v_guide1"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="vertical"
-        app:layout_constraintGuide_percent="0.05" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/v_guide2"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="vertical"
-        app:layout_constraintGuide_percent="0.95" />
+        app:layout_constraintEnd_toEndOf="parent" />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ 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 1475710..c047e25 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -4,172 +4,14 @@
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    tools:ignore="NamespaceTypo">
-
-    <include
-        android:id="@+id/voice_activation_lo"
-        layout="@layout/voice_activation_button" />
-
-    <com.google.android.material.button.MaterialButton
-        android:id="@+id/grocery_list_bt"
-        android:layout_width="0dp"
-        android:layout_height="0dp"
-        android:backgroundTint="?colorPrimary"
-        android:paddingVertical="10dp"
-        android:text="@string/grocery_list"
-        android:textColor="?android:textColorPrimary"
-        android:textSize="45sp"
-        app:autoSizeMaxTextSize="100sp"
-        app:autoSizeMinTextSize="12sp"
-        app:autoSizeStepGranularity="2sp"
-        app:autoSizeTextType="uniform"
-        app:cornerRadius="13dp"
-        app:layout_constraintBottom_toBottomOf="@id/h_guide2"
-        app:layout_constraintEnd_toEndOf="@id/v_guide2"
-        app:layout_constraintHorizontal_bias="1.0"
-        app:layout_constraintStart_toStartOf="@id/v_guide1"
-        app:layout_constraintTop_toTopOf="@id/h_guide0"
-        app:strokeWidth="0dp" />
-
-    <com.google.android.material.button.MaterialButton
-        android:id="@+id/place_details_bt"
-        android:layout_width="0dp"
-        android:layout_height="0dp"
-        android:backgroundTint="?colorPrimary"
-        android:paddingVertical="10dp"
-        android:text="@string/place_details"
-        android:textColor="?android:textColorPrimary"
-        android:textSize="45sp"
-        app:autoSizeMaxTextSize="100sp"
-        app:autoSizeMinTextSize="12sp"
-        app:autoSizeStepGranularity="2sp"
-        app:autoSizeTextType="uniform"
-        app:cornerRadius="13dp"
-        app:layout_constraintBottom_toBottomOf="@id/h_guide4"
-        app:layout_constraintEnd_toEndOf="@id/v_guide2"
-        app:layout_constraintHorizontal_bias="1.0"
-        app:layout_constraintStart_toStartOf="@id/v_guide1"
-        app:layout_constraintTop_toBottomOf="@id/h_guide3"
-        app:strokeWidth="0dp" />
-
-    <com.google.android.material.button.MaterialButton
-        android:id="@+id/classification_bt"
-        android:layout_width="0dp"
-        android:layout_height="0dp"
-        android:backgroundTint="?colorPrimary"
-        android:paddingVertical="10dp"
-        android:text="@string/classification"
-        android:textColor="?android:textColorPrimary"
-        android:textSize="45sp"
-        app:autoSizeMaxTextSize="100sp"
-        app:autoSizeMinTextSize="12sp"
-        app:autoSizeStepGranularity="2sp"
-        app:autoSizeTextType="uniform"
-        app:cornerRadius="13dp"
-        app:layout_constraintBottom_toBottomOf="@id/h_guide6"
-        app:layout_constraintEnd_toEndOf="@id/v_guide2"
-        app:layout_constraintHorizontal_bias="0.0"
-        app:layout_constraintStart_toStartOf="@id/v_guide1"
-        app:layout_constraintTop_toBottomOf="@id/h_guide5"
-        app:strokeWidth="0dp" />
-
-    <com.google.android.material.button.MaterialButton
-        android:id="@+id/settings_bt"
-        android:layout_width="0dp"
-        android:layout_height="0dp"
-        android:backgroundTint="?colorPrimary"
-        android:paddingVertical="10dp"
-        android:text="@string/settings"
-        android:textColor="?android:textColorPrimary"
-        android:textSize="45sp"
-        app:autoSizeMaxTextSize="100sp"
-        app:autoSizeMinTextSize="12sp"
-        app:autoSizeStepGranularity="2sp"
-        app:autoSizeTextType="uniform"
-        app:cornerRadius="13dp"
-        app:layout_constraintBottom_toBottomOf="@id/h_guide8"
-        app:layout_constraintEnd_toEndOf="@id/v_guide2"
-        app:layout_constraintHorizontal_bias="1.0"
-        app:layout_constraintStart_toStartOf="@id/v_guide1"
-        app:layout_constraintTop_toBottomOf="@id/h_guide7"
-        app:strokeWidth="0dp" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide0"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.3" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide1"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_begin="150dp" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide2"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.4" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide3"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.45" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide4"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent=".55" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide5"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent=".60" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide6"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent=".70" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide7"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent=".75" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide8"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent=".85" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/v_guide1"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="vertical"
-        app:layout_constraintGuide_percent="0.1" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/v_guide2"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="vertical"
-        app:layout_constraintGuide_percent="0.9" />
-
+    tools:context=".activities.MainActivity">
+
+    <androidx.fragment.app.FragmentContainerView
+        android:id="@+id/main_nav_host_fragment"
+        android:name="androidx.navigation.fragment.NavHostFragment"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        app:defaultNavHost="true"
+        app:navGraph="@navigation/main_nav" />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_place_details.xml b/app/src/main/res/layout/activity_place_details.xml
index ebf7188..c8719d3 100644
--- a/app/src/main/res/layout/activity_place_details.xml
+++ b/app/src/main/res/layout/activity_place_details.xml
@@ -3,31 +3,39 @@
     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:layout_height="match_parent"
+    tools:context=".activities.PlaceDetailsActivity">
 
-    <include
-        android:id="@+id/voice_activation_lo"
-        layout="@layout/voice_activation_button" />
+    <androidx.viewpager2.widget.ViewPager2
+        android:id="@+id/place_details_view_pager"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent" />
+
+    <FrameLayout
+        android:id="@+id/fragment_container"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
 
     <fragment
         android:id="@+id/autocomplete_fragment"
         android:name="com.google.android.libraries.places.widget.AutocompleteSupportFragment"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/voice_activation_lo"
-        app:layout_constraintVertical_bias="0.0"
-        tools:layout="@layout/places_autocomplete_fragment" />
+        tools:layout="@layout/places_autocomplete_fragment"
+        tools:ignore="MissingConstraints" />
+
+    <EditText
+        android:id="@+id/search_bar"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_weight="1"
+        android:hint="Search for a place"
+        tools:ignore="MissingConstraints"
+        android:visibility="gone"/>
 
-    <androidx.recyclerview.widget.RecyclerView
-        android:id="@+id/place_details_rv"
-        android:layout_width="match_parent"
-        android:layout_height="0dp"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/autocomplete_fragment" />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_settings.xml b/app/src/main/res/layout/activity_settings.xml
index 7c93803..a71ea4f 100644
--- a/app/src/main/res/layout/activity_settings.xml
+++ b/app/src/main/res/layout/activity_settings.xml
@@ -3,157 +3,16 @@
     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:layout_height="match_parent"
+    tools:context=".activities.SettingsActivity">
 
-    <com.google.android.material.button.MaterialButton
-        android:id="@+id/barcode_settings"
+    <androidx.viewpager2.widget.ViewPager2
+        android:id="@+id/view_pager"
         android:layout_width="0dp"
         android:layout_height="0dp"
-        android:backgroundTint="?colorPrimary"
-        android:text="Barcode Settings"
-        android:textColor="?android:textColorPrimary"
-        app:autoSizeMaxTextSize="100sp"
-        app:autoSizeMinTextSize="12sp"
-        app:autoSizeStepGranularity="2sp"
-        app:autoSizeTextType="uniform"
-        app:cornerRadius="13dp"
-        app:layout_constraintBottom_toTopOf="@+id/guideline11"
-        app:layout_constraintEnd_toStartOf="@+id/v_guide2"
-        app:layout_constraintHorizontal_bias="1.0"
-        app:layout_constraintStart_toStartOf="@+id/v_guide1"
-        app:layout_constraintTop_toTopOf="@+id/guideline10"
-        app:layout_constraintVertical_bias="0.0" />
-
-    <com.google.android.material.button.MaterialButton
-        android:id="@+id/settings_barcode_mode"
-        android:layout_width="0dp"
-        android:layout_height="0dp"
-        android:backgroundTint="?colorPrimary"
-        android:text="@string/settings_barcode_mode"
-        android:textColor="?android:textColorPrimary"
-        app:autoSizeMaxTextSize="100sp"
-        app:autoSizeMinTextSize="12sp"
-        app:autoSizeStepGranularity="2sp"
-        app:autoSizeTextType="uniform"
-        app:cornerRadius="13dp"
-        app:layout_constraintBottom_toTopOf="@id/h_guide9"
-        app:layout_constraintEnd_toStartOf="@+id/v_guide2"
-        app:layout_constraintStart_toStartOf="@+id/v_guide1"
-        app:layout_constraintTop_toTopOf="@id/h_guide" />
-
-    <include
-        android:id="@+id/voice_activation_lo"
-        layout="@layout/voice_activation_button" />
-
-    <com.google.android.material.button.MaterialButton
-        android:id="@+id/settings_keep_screen_on"
-        android:layout_width="0dp"
-        android:layout_height="0dp"
-        android:backgroundTint="?colorPrimary"
-        android:text="@string/settings_keep_screen_on"
-        android:textColor="?android:textColorPrimary"
-        app:autoSizeMaxTextSize="100sp"
-        app:autoSizeMinTextSize="12sp"
-        app:autoSizeStepGranularity="2sp"
-        app:autoSizeTextType="uniform"
-        app:cornerRadius="13dp"
-        app:layout_constraintBottom_toTopOf="@+id/h_guide2"
-        app:layout_constraintEnd_toStartOf="@+id/v_guide2"
-        app:layout_constraintStart_toStartOf="@+id/v_guide1"
-        app:layout_constraintTop_toTopOf="@+id/h_guide1" />
-
-    <com.google.android.material.button.MaterialButton
-        android:id="@+id/settings_theme"
-        android:layout_width="0dp"
-        android:layout_height="0dp"
-        android:backgroundTint="?colorPrimary"
-        android:text="@string/settings_theme"
-        android:textColor="?android:textColorPrimary"
-        app:autoSizeMaxTextSize="100sp"
-        app:autoSizeMinTextSize="12sp"
-        app:autoSizeStepGranularity="2sp"
-        app:autoSizeTextType="uniform"
-        app:cornerRadius="13dp"
-        app:layout_constraintBottom_toTopOf="@+id/h_guide4"
-        app:layout_constraintEnd_toStartOf="@+id/v_guide2"
-        app:layout_constraintStart_toStartOf="@+id/v_guide1"
-        app:layout_constraintTop_toTopOf="@+id/h_guide3" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide1"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.30" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide2"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.4" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide3"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.45" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide4"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.55" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.6" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide9"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.7" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/h_guide6"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="1" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/v_guide1"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="vertical"
-        app:layout_constraintGuide_percent="0.1" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/v_guide2"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="vertical"
-        app:layout_constraintGuide_percent="0.9" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/guideline10"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.75" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/guideline11"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        app:layout_constraintGuide_percent="0.85" />
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent" />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_voice_only.xml b/app/src/main/res/layout/activity_voice_only.xml
new file mode 100644
index 0000000..ba41a19
--- /dev/null
+++ b/app/src/main/res/layout/activity_voice_only.xml
@@ -0,0 +1,10 @@
+<ViewFlipper
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/viewSwitcher"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <include layout="@layout/mode_listening" />
+    <include layout="@layout/mode_processing" />
+    <include layout="@layout/mode_speaking" />
+</ViewFlipper>
\ No newline at end of file
diff --git a/app/src/main/res/layout/barcode_scanner.xml b/app/src/main/res/layout/barcode_scanner.xml
new file mode 100644
index 0000000..ed12869
--- /dev/null
+++ b/app/src/main/res/layout/barcode_scanner.xml
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FF0000"
+    android:backgroundTint="#FF0000"
+    tools:context=".activities.MainActivity">
+
+    <!-- Top Guideline (33% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_top"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.33" />
+
+    <!-- Bottom Guideline (67% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_bottom"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.67" />
+
+    <FrameLayout
+        android:id="@+id/oval_container"
+        android:layout_width="120dp"
+        android:layout_height="200dp"
+        android:background="@drawable/ic_oval_white"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent">
+
+        <!-- Central Microphone Icon -->
+        <ImageView
+            android:id="@+id/microphone_icon"
+            android:layout_width="150dp"
+            android:layout_height="150dp"
+            android:layout_gravity="center"
+            android:contentDescription="@string/microphone"
+            android:src="@drawable/ic_mic_black" />
+
+    </FrameLayout>
+
+    <!-- Diagonal Lines -->
+    <!-- Top Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        android:rotation="-28"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <!-- Top Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="-28"/>
+
+    <!-- Buttons -->
+    <!-- Top Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_top"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/start_the_barcode_scanner"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintBottom_toTopOf="@id/guideline_top"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:targetApi="o" />
+
+    <!-- Bottom Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_bottom"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/stop_the_barcode_scanner"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintTop_toBottomOf="@id/guideline_bottom"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintVertical_chainStyle="spread_inside"
+        tools:targetApi="o" />
+
+    <!-- Left Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_left"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/nothing_to_the_left"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+    <!-- Right Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_right"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/barcode_scanner_settings"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/barcode_scanner_settings_screen1.xml b/app/src/main/res/layout/barcode_scanner_settings_screen1.xml
new file mode 100644
index 0000000..63186b1
--- /dev/null
+++ b/app/src/main/res/layout/barcode_scanner_settings_screen1.xml
@@ -0,0 +1,172 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FF0000"
+    android:backgroundTint="#FF0000"
+    tools:context=".activities.BarcodeSettingsActivity">
+
+
+    <!-- Top Guideline (33% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_top"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.33" />
+
+    <!-- Bottom Guideline (67% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_bottom"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.67" />
+
+    <FrameLayout
+        android:id="@+id/oval_container"
+        android:layout_width="120dp"
+        android:layout_height="200dp"
+        android:background="@drawable/ic_oval_white"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent">
+
+        <!-- Central Microphone Icon -->
+        <ImageView
+            android:id="@+id/microphone_icon"
+            android:layout_width="150dp"
+            android:layout_height="150dp"
+            android:layout_gravity="center"
+            android:contentDescription="@string/microphone"
+            android:src="@drawable/ic_mic_black" />
+
+    </FrameLayout>
+
+    <!-- Diagonal Lines -->
+    <!-- Top Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        android:rotation="-28"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <!-- Top Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="-28"/>
+
+    <!-- Buttons -->
+    <!-- Top Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/settings_name_and_volume"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/settings_name_and_volume"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintBottom_toTopOf="@id/guideline_top"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:targetApi="o" />
+
+    <!-- Bottom Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/settings_ingredients_and_allergies"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/settings_ingredients_and_allergies"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintTop_toBottomOf="@id/guideline_bottom"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintVertical_chainStyle="spread_inside"
+        tools:targetApi="o" />
+
+    <!-- Left Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_left"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/barcode_scanner"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+    <!-- Right Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_right"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/more_options"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/barcode_scanner_settings_screen2.xml b/app/src/main/res/layout/barcode_scanner_settings_screen2.xml
new file mode 100644
index 0000000..b2faf41
--- /dev/null
+++ b/app/src/main/res/layout/barcode_scanner_settings_screen2.xml
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FF0000"
+    android:backgroundTint="#FF0000"
+    tools:context=".activities.BarcodeSettingsActivity">
+
+    <!-- Top Guideline (33% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_top"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.33" />
+
+    <!-- Bottom Guideline (67% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_bottom"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.67" />
+
+    <FrameLayout
+        android:id="@+id/oval_container"
+        android:layout_width="120dp"
+        android:layout_height="200dp"
+        android:background="@drawable/ic_oval_white"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent">
+
+        <!-- Central Microphone Icon -->
+        <ImageView
+            android:id="@+id/microphone_icon"
+            android:layout_width="150dp"
+            android:layout_height="150dp"
+            android:layout_gravity="center"
+            android:contentDescription="@string/microphone"
+            android:src="@drawable/ic_mic_black" />
+
+    </FrameLayout>
+
+    <!-- Diagonal Lines -->
+    <!-- Top Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        android:rotation="-28"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <!-- Top Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="-28"/>
+
+    <!-- Buttons -->
+    <!-- Top Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/settings_labels"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/settings_labels"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintBottom_toTopOf="@id/guideline_top"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:targetApi="o" />
+
+    <!-- Bottom Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/settings_country_of_origin"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/settings_country_of_origin"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintTop_toBottomOf="@id/guideline_bottom"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintVertical_chainStyle="spread_inside"
+        tools:targetApi="o" />
+
+    <!-- Left Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_left"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/more_options"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+    <!-- Right Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_right"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/more_options"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/barcode_scanner_settings_screen3.xml b/app/src/main/res/layout/barcode_scanner_settings_screen3.xml
new file mode 100644
index 0000000..ae7d992
--- /dev/null
+++ b/app/src/main/res/layout/barcode_scanner_settings_screen3.xml
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FF0000"
+    android:backgroundTint="#FF0000"
+    tools:context=".activities.BarcodeSettingsActivity">
+
+    <!-- Top Guideline (33% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_top"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.33" />
+
+    <!-- Bottom Guideline (67% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_bottom"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.67" />
+
+    <FrameLayout
+        android:id="@+id/oval_container"
+        android:layout_width="120dp"
+        android:layout_height="200dp"
+        android:background="@drawable/ic_oval_white"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent">
+
+        <!-- Central Microphone Icon -->
+        <ImageView
+            android:id="@+id/microphone_icon"
+            android:layout_width="150dp"
+            android:layout_height="150dp"
+            android:layout_gravity="center"
+            android:contentDescription="@string/microphone"
+            android:src="@drawable/ic_mic_black" />
+
+    </FrameLayout>
+
+    <!-- Diagonal Lines -->
+    <!-- Top Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        android:rotation="-28"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <!-- Top Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="-28"/>
+
+    <!-- Buttons -->
+    <!-- Top Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/settings_short_nutritional_values"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/settings_short_nutritional_values"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintBottom_toTopOf="@id/guideline_top"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:targetApi="o" />
+
+    <!-- Bottom Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/settings_brands"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/settings_brand"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintTop_toBottomOf="@id/guideline_bottom"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintVertical_chainStyle="spread_inside"
+        tools:targetApi="o" />
+
+    <!-- Left Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_left"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/more_options"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+    <!-- Right Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_right"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/nothing_to_the_right"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/general_template.xml b/app/src/main/res/layout/general_template.xml
new file mode 100644
index 0000000..a19a688
--- /dev/null
+++ b/app/src/main/res/layout/general_template.xml
@@ -0,0 +1,141 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FF0000"
+    android:backgroundTint="#FF0000">
+
+    <!-- Top Guideline (33% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_top"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.33" />
+
+    <!-- Bottom Guideline (67% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_bottom"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.67" />
+    
+    <FrameLayout
+         android:id="@+id/oval_container"
+         android:layout_width="120dp"
+         android:layout_height="200dp"
+         android:background="@drawable/ic_oval_white"
+         app:layout_constraintTop_toTopOf="parent"
+         app:layout_constraintBottom_toBottomOf="parent"
+         app:layout_constraintLeft_toLeftOf="parent"
+         app:layout_constraintRight_toRightOf="parent">
+
+        <!-- Central Microphone Icon -->
+        <ImageView
+            android:id="@+id/microphone_icon"
+            android:layout_width="64dp"
+            android:layout_height="64dp"
+            android:layout_gravity="center"
+            android:contentDescription="microphone"
+            android:src="@drawable/ic_mic_black" />
+
+    </FrameLayout>
+
+    <!-- Diagonal Lines -->
+        <!-- Top Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="3in"
+        android:background="#000000"
+        android:rotation="-28"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+        <!-- Top Right to Center -->
+        <View
+            android:layout_width="2dp"
+            android:layout_height="3in"
+            android:background="#000000"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintBottom_toTopOf="@id/oval_container"
+            app:layout_constraintStart_toEndOf="@id/oval_container"
+            android:rotation="28"/>
+
+        <!-- Bottom Left to Center -->
+        <View
+            android:layout_width="2dp"
+            android:layout_height="3in"
+            android:background="#000000"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/oval_container"
+            app:layout_constraintEnd_toStartOf="@id/oval_container"
+            android:rotation="28"/>
+
+        <!-- Bottom Right to Center -->
+        <View
+            android:layout_width="2dp"
+            android:layout_height="3in"
+            android:background="#000000"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/oval_container"
+            app:layout_constraintStart_toEndOf="@id/oval_container"
+            android:rotation="-28"/>
+
+
+    <!-- Top Option -->
+    <Button
+        android:id="@+id/option_top"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Option 1"
+        android:textColor="#000000"
+        app:layout_constraintBottom_toTopOf="@id/guideline_top"
+        app:layout_constraintLeft_toLeftOf="@id/option_left"
+        app:layout_constraintRight_toRightOf="@id/option_right"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <!-- Bottom Option -->
+    <Button
+        android:id="@+id/option_bottom"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:textColor="#000000"
+        android:text="Option 1"
+        app:layout_constraintTop_toBottomOf="@id/guideline_bottom"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintVertical_chainStyle="spread_inside"/>
+
+    <!-- Left Option -->
+    <Button
+        android:id="@+id/option_left"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Option 1"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintTop_toTopOf="@id/oval_container"
+        app:layout_constraintBottom_toBottomOf="@id/oval_container"
+        android:layout_marginEnd="16dp"
+        android:textColor="#000000" />
+
+    <!-- Right Option -->
+    <Button
+        android:id="@+id/option_right"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Option 1"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        app:layout_constraintTop_toTopOf="@id/oval_container"
+        app:layout_constraintBottom_toBottomOf="@id/oval_container"
+        android:layout_marginStart="16dp"
+        android:textColor="#000000" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/grocerylist_basescreen.xml b/app/src/main/res/layout/grocerylist_basescreen.xml
new file mode 100644
index 0000000..97316e9
--- /dev/null
+++ b/app/src/main/res/layout/grocerylist_basescreen.xml
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FF0000"
+    android:backgroundTint="#FF0000"
+    tools:context=".activities.GroceryListActivity">
+
+    <!-- Top Guideline (33% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_top"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.33" />
+
+    <!-- Bottom Guideline (67% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_bottom"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.67" />
+
+    <FrameLayout
+        android:id="@+id/oval_container"
+        android:layout_width="120dp"
+        android:layout_height="200dp"
+        android:background="@drawable/ic_oval_white"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent">
+
+        <!-- Central Microphone Icon -->
+        <ImageView
+            android:id="@+id/microphone_icon"
+            android:layout_width="150dp"
+            android:layout_height="150dp"
+            android:layout_gravity="center"
+            android:contentDescription="@string/microphone"
+            android:src="@drawable/ic_mic_black" />
+
+    </FrameLayout>
+
+    <!-- Diagonal Lines -->
+    <!-- Top Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        android:rotation="-28"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <!-- Top Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="-28"/>
+
+    <!-- Buttons -->
+    <!-- Top Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_top"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/add_an_item"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintBottom_toTopOf="@id/guideline_top"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:targetApi="o" />
+
+    <!-- Bottom Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_bottom"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/add_an_item"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintTop_toBottomOf="@id/guideline_bottom"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintVertical_chainStyle="spread_inside"
+        tools:targetApi="o" />
+
+    <!-- Left Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_left"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/more_items"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+    <!-- Right Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_right"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/more_items"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/grocerylist_listview.xml b/app/src/main/res/layout/grocerylist_listview.xml
new file mode 100644
index 0000000..28e5213
--- /dev/null
+++ b/app/src/main/res/layout/grocerylist_listview.xml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:id="@+id/grocerylist_listview">
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/grocery_list_rv"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        android:clipToPadding="false"
+        android:overScrollMode="never"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="@id/v_guide2"
+        app:layout_constraintStart_toStartOf="@id/v_guide1"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/v_guide1"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="vertical"
+        app:layout_constraintGuide_percent="0.05" />
+
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/v_guide2"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="vertical"
+        app:layout_constraintGuide_percent="0.95" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/grocerylist_screen1.xml b/app/src/main/res/layout/grocerylist_screen1.xml
new file mode 100644
index 0000000..0e5b685
--- /dev/null
+++ b/app/src/main/res/layout/grocerylist_screen1.xml
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FF0000"
+    android:backgroundTint="#FF0000"
+    tools:context=".activities.GroceryListActivity">
+
+    <!-- Top Guideline (33% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_top"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.33" />
+
+    <!-- Bottom Guideline (67% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_bottom"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.67" />
+
+    <FrameLayout
+        android:id="@+id/oval_container"
+        android:layout_width="120dp"
+        android:layout_height="200dp"
+        android:background="@drawable/ic_oval_white"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent">
+
+        <!-- Central Microphone Icon -->
+        <ImageView
+            android:id="@+id/microphone_icon"
+            android:layout_width="150dp"
+            android:layout_height="150dp"
+            android:layout_gravity="center"
+            android:contentDescription="@string/microphone"
+            android:src="@drawable/ic_mic_black" />
+
+    </FrameLayout>
+
+    <!-- Diagonal Lines -->
+    <!-- Top Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        android:rotation="-28"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <!-- Top Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="-28"/>
+
+    <!-- Buttons -->
+    <!-- Top Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_top"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/tell_me_all_Items"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintBottom_toTopOf="@id/guideline_top"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:targetApi="o" />
+
+    <!-- Bottom Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_bottom"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/list_all_items_not_in_cart"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintTop_toBottomOf="@id/guideline_bottom"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintVertical_chainStyle="spread_inside"
+        tools:targetApi="o" />
+
+    <!-- Left Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_left"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/list_view"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+    <!-- Right Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_right"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/grocery_items"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/grocerylist_screen2.xml b/app/src/main/res/layout/grocerylist_screen2.xml
new file mode 100644
index 0000000..99ae692
--- /dev/null
+++ b/app/src/main/res/layout/grocerylist_screen2.xml
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FF0000"
+    android:backgroundTint="#FF0000"
+    tools:context=".activities.GroceryListActivity">
+
+    <!-- Top Guideline (33% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_top"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.33" />
+
+    <!-- Bottom Guideline (67% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_bottom"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.67" />
+
+    <FrameLayout
+        android:id="@+id/oval_container"
+        android:layout_width="120dp"
+        android:layout_height="200dp"
+        android:background="@drawable/ic_oval_white"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent">
+
+        <!-- Central Microphone Icon -->
+        <ImageView
+            android:id="@+id/microphone_icon"
+            android:layout_width="150dp"
+            android:layout_height="150dp"
+            android:layout_gravity="center"
+            android:contentDescription="@string/microphone"
+            android:src="@drawable/ic_mic_black" />
+
+    </FrameLayout>
+
+    <!-- Diagonal Lines -->
+    <!-- Top Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        android:rotation="-28"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <!-- Top Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="-28"/>
+
+    <!-- Buttons -->
+    <!-- Top Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_top"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/add_an_item"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintBottom_toTopOf="@id/guideline_top"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:targetApi="o" />
+
+    <!-- Bottom Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_bottom"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/remove_all_items"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintTop_toBottomOf="@id/guideline_bottom"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintVertical_chainStyle="spread_inside"
+        tools:targetApi="o" />
+
+    <!-- Left Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_left"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/grocery_list"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+    <!-- Right Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_right"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/more_items"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/main_screen1.xml b/app/src/main/res/layout/main_screen1.xml
new file mode 100644
index 0000000..4682de5
--- /dev/null
+++ b/app/src/main/res/layout/main_screen1.xml
@@ -0,0 +1,187 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FF0000"
+    android:backgroundTint="#FF0000"
+    tools:context=".activities.MainActivity">
+
+    <!-- Top Guideline (33% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_top"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.33" />
+
+    <!-- Bottom Guideline (67% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_bottom"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.67" />
+
+    <!-- Left Guideline (Edge of Oval) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_left"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="vertical"
+        app:layout_constraintGuide_percent="0.35" />
+
+    <!-- Right Guideline (Edge of Oval) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_right"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="vertical"
+        app:layout_constraintGuide_percent="0.65" />
+
+    <FrameLayout
+        android:id="@+id/oval_container"
+        android:layout_width="120dp"
+        android:layout_height="200dp"
+        android:background="@drawable/ic_oval_white"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent">
+
+        <!-- Central Microphone Icon -->
+        <ImageView
+            android:id="@+id/microphone_icon"
+            android:layout_width="150dp"
+            android:layout_height="150dp"
+            android:layout_gravity="center"
+            android:contentDescription="@string/microphone"
+            android:src="@drawable/ic_mic_black" />
+
+    </FrameLayout>
+
+    <!-- Diagonal Lines -->
+    <!-- Top Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        android:rotation="-28"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <!-- Top Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="-28"/>
+
+    <!-- Buttons -->
+    <!-- Top Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_top"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/classification"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintBottom_toTopOf="@id/guideline_top"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:targetApi="o" />
+
+    <!-- Bottom Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_bottom"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/grocery_list"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintTop_toBottomOf="@id/guideline_bottom"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintVertical_chainStyle="spread_inside"
+        tools:targetApi="o" />
+
+    <!-- Left Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_left"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/settings"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+    <!-- Right Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_right"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/more_activities"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/main_screen2.xml b/app/src/main/res/layout/main_screen2.xml
new file mode 100644
index 0000000..8844d9b
--- /dev/null
+++ b/app/src/main/res/layout/main_screen2.xml
@@ -0,0 +1,175 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FF0000"
+    android:backgroundTint="#FF0000"
+    tools:context=".activities.MainActivity">
+
+    <!-- Top Guideline (33% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_top"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.33" />
+
+    <!-- Bottom Guideline (67% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_bottom"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.67" />
+
+    <FrameLayout
+        android:id="@+id/oval_container"
+        android:layout_width="120dp"
+        android:layout_height="200dp"
+        android:background="@drawable/ic_oval_white"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent">
+
+        <!-- Central Microphone Icon -->
+        <ImageView
+            android:id="@+id/microphone_icon"
+            android:layout_width="150dp"
+            android:layout_height="150dp"
+            android:layout_gravity="center"
+            android:contentDescription="@string/microphone"
+            android:src="@drawable/ic_mic_black" />
+
+    </FrameLayout>
+
+    <!-- Diagonal Lines -->
+    <!-- Top Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        android:rotation="-28"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <!-- Top Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="-28"/>
+
+    <!-- Buttons -->
+    <!-- Top Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_top"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/placeholder"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        android:textSize="20sp"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintBottom_toTopOf="@id/guideline_top"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:targetApi="o" />
+
+    <!-- Bottom Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_bottom"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/barcode_scanner"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        android:textSize="20sp"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintTop_toBottomOf="@id/guideline_bottom"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintVertical_chainStyle="spread_inside"
+        tools:targetApi="o" />
+
+    <!-- Left Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_left"
+        android:layout_width="120dp"
+        android:layout_height="wrap_content"
+        android:text="@string/more_activities"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        android:textSize="20sp"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+    <!-- Right Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_right"
+        android:layout_width="120dp"
+        android:layout_height="wrap_content"
+        android:text="@string/place_details"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        android:textSize="20sp"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/mode_listening.xml b/app/src/main/res/layout/mode_listening.xml
new file mode 100644
index 0000000..16b5b9d
--- /dev/null
+++ b/app/src/main/res/layout/mode_listening.xml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@android:color/holo_green_light"
+    android:backgroundTint="@android:color/holo_green_light"
+    tools:context=".activities.VoiceOnlyActivity">
+
+    <ImageView
+        android:id="@+id/microphone_icon"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        android:layout_gravity="center"
+        app:layout_constraintWidth_percent="1"
+        app:layout_constraintHeight_percent="1"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        android:contentDescription="@string/microphone"
+        android:src="@drawable/ic_mic_black" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/mode_processing.xml b/app/src/main/res/layout/mode_processing.xml
new file mode 100644
index 0000000..a9e0baf
--- /dev/null
+++ b/app/src/main/res/layout/mode_processing.xml
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@android:color/holo_orange_light"
+    android:backgroundTint="@android:color/holo_orange_light"
+    tools:context=".activities.VoiceOnlyActivity">
+
+    <ImageView
+        android:id="@+id/microphone_icon"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        app:layout_constraintWidth_percent="1"
+        app:layout_constraintHeight_percent="1"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        android:contentDescription="@string/processing"
+        android:src="@drawable/ic_processing" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/mode_speaking.xml b/app/src/main/res/layout/mode_speaking.xml
new file mode 100644
index 0000000..18bc2fa
--- /dev/null
+++ b/app/src/main/res/layout/mode_speaking.xml
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@android:color/holo_blue_light"
+    android:backgroundTint="@android:color/holo_blue_light"
+    tools:context=".activities.VoiceOnlyActivity">
+
+    <ImageView
+        android:id="@+id/microphone_icon"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        app:layout_constraintWidth_percent="1"
+        app:layout_constraintHeight_percent="1"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        android:contentDescription="@string/speaker"
+        android:src="@drawable/ic_speaker" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/place_details_prediction.xml b/app/src/main/res/layout/place_details_prediction.xml
new file mode 100644
index 0000000..2a08369
--- /dev/null
+++ b/app/src/main/res/layout/place_details_prediction.xml
@@ -0,0 +1,21 @@
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:orientation="vertical"
+    android:padding="16dp"
+    tools:ignore="MissingConstraints">
+
+    <TextView
+        android:id="@+id/placeNameTextView"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:textStyle="bold"
+        android:text="Place Name"/>
+
+    <TextView
+        android:id="@+id/placeAddressTextView"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Place Address"/>
+</LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/place_details_screen1.xml b/app/src/main/res/layout/place_details_screen1.xml
new file mode 100644
index 0000000..03817d4
--- /dev/null
+++ b/app/src/main/res/layout/place_details_screen1.xml
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FF0000"
+    android:backgroundTint="#FF0000"
+    tools:context=".activities.PlaceDetailsActivity">
+
+    <!-- Top Guideline (33% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_top"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.33" />
+
+    <!-- Bottom Guideline (67% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_bottom"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.67" />
+
+    <FrameLayout
+        android:id="@+id/oval_container"
+        android:layout_width="120dp"
+        android:layout_height="200dp"
+        android:background="@drawable/ic_oval_white"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent">
+
+        <!-- Central Microphone Icon -->
+        <ImageView
+            android:id="@+id/microphone_icon"
+            android:layout_width="150dp"
+            android:layout_height="150dp"
+            android:layout_gravity="center"
+            android:contentDescription="@string/microphone"
+            android:src="@drawable/ic_mic_black" />
+
+    </FrameLayout>
+
+    <!-- Diagonal Lines -->
+    <!-- Top Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        android:rotation="-28"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <!-- Top Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="-28"/>
+
+    <!-- Buttons -->
+    <!-- Top Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_top"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/add_a_place"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintBottom_toTopOf="@id/guideline_top"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:targetApi="o" />
+
+    <!-- Bottom Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_bottom"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/places_overview"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintTop_toBottomOf="@id/guideline_bottom"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintVertical_chainStyle="spread_inside"
+        tools:targetApi="o" />
+
+    <!-- Left Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_left"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/places_list"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+    <!-- Right Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_right"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/get_to_favorites"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/place_details_screen_base.xml b/app/src/main/res/layout/place_details_screen_base.xml
new file mode 100644
index 0000000..615c292
--- /dev/null
+++ b/app/src/main/res/layout/place_details_screen_base.xml
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FF0000"
+    android:backgroundTint="#FF0000"
+    tools:context=".activities.PlaceDetailsActivity">
+
+    <!-- Top Guideline (33% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_top"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.33" />
+
+    <!-- Bottom Guideline (67% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_bottom"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.67" />
+
+    <FrameLayout
+        android:id="@+id/oval_container"
+        android:layout_width="120dp"
+        android:layout_height="200dp"
+        android:background="@drawable/ic_oval_white"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent">
+
+        <!-- Central Microphone Icon -->
+        <ImageView
+            android:id="@+id/microphone_icon"
+            android:layout_width="150dp"
+            android:layout_height="150dp"
+            android:layout_gravity="center"
+            android:contentDescription="@string/microphone"
+            android:src="@drawable/ic_mic_black" />
+
+    </FrameLayout>
+
+    <!-- Diagonal Lines -->
+    <!-- Top Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        android:rotation="-28"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <!-- Top Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="-28"/>
+
+    <!-- Buttons -->
+    <!-- Top Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_top"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/add_new_place"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintBottom_toTopOf="@id/guideline_top"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:targetApi="o" />
+
+    <!-- Bottom Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_bottom"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/add_new_place"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintTop_toBottomOf="@id/guideline_bottom"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintVertical_chainStyle="spread_inside"
+        tools:targetApi="o" />
+
+    <!-- Left Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_left"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/other_favorites"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+    <!-- Right Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_right"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/other_favorites"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/place_options_screen.xml b/app/src/main/res/layout/place_options_screen.xml
new file mode 100644
index 0000000..18ebc00
--- /dev/null
+++ b/app/src/main/res/layout/place_options_screen.xml
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FF0000"
+    android:backgroundTint="#FF0000"
+    tools:context=".activities.PlaceDetailsActivity">
+
+    <!-- Top Guideline (33% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_top"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.33" />
+
+    <!-- Bottom Guideline (67% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_bottom"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.67" />
+
+    <FrameLayout
+        android:id="@+id/oval_container"
+        android:layout_width="120dp"
+        android:layout_height="200dp"
+        android:background="@drawable/ic_oval_white"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent">
+
+        <!-- Central Microphone Icon -->
+        <ImageView
+            android:id="@+id/microphone_icon"
+            android:layout_width="150dp"
+            android:layout_height="150dp"
+            android:layout_gravity="center"
+            android:contentDescription="@string/microphone"
+            android:src="@drawable/ic_mic_black" />
+
+    </FrameLayout>
+
+    <!-- Diagonal Lines -->
+    <!-- Top Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        android:rotation="-28"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <!-- Top Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="-28"/>
+
+    <!-- Buttons -->
+    <!-- Top Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_top"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/remove_favorite"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintBottom_toTopOf="@id/guideline_top"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:targetApi="o" />
+
+    <!-- Bottom Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_bottom"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/back_to_favorites"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintTop_toBottomOf="@id/guideline_bottom"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintVertical_chainStyle="spread_inside"
+        tools:targetApi="o" />
+
+    <!-- Left Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_left"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/opening_hours_bustle"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+    <!-- Right Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_right"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/guide"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/places_listview.xml b/app/src/main/res/layout/places_listview.xml
new file mode 100644
index 0000000..a472991
--- /dev/null
+++ b/app/src/main/res/layout/places_listview.xml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:id="@+id/placeslist_listview">
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/places_list_rv"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        android:clipToPadding="false"
+        android:overScrollMode="never"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="@id/v_guide2"
+        app:layout_constraintStart_toStartOf="@id/v_guide1"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/v_guide1"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="vertical"
+        app:layout_constraintGuide_percent="0.05" />
+
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/v_guide2"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="vertical"
+        app:layout_constraintGuide_percent="0.95" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/settings_screen1.xml b/app/src/main/res/layout/settings_screen1.xml
new file mode 100644
index 0000000..0aa83e4
--- /dev/null
+++ b/app/src/main/res/layout/settings_screen1.xml
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FF0000"
+    android:backgroundTint="#FF0000"
+    tools:context=".activities.SettingsActivity">
+
+    <!-- Top Guideline (33% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_top"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.33" />
+
+    <!-- Bottom Guideline (67% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_bottom"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.67" />
+
+    <FrameLayout
+        android:id="@+id/oval_container"
+        android:layout_width="120dp"
+        android:layout_height="200dp"
+        android:background="@drawable/ic_oval_white"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent">
+
+        <!-- Central Microphone Icon -->
+        <ImageView
+            android:id="@+id/microphone_icon"
+            android:layout_width="150dp"
+            android:layout_height="150dp"
+            android:layout_gravity="center"
+            android:contentDescription="@string/microphone"
+            android:src="@drawable/ic_mic_black" />
+
+    </FrameLayout>
+
+    <!-- Diagonal Lines -->
+    <!-- Top Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        android:rotation="-28"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <!-- Top Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="-28"/>
+
+    <!-- Buttons -->
+    <!-- Top Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/settings_feedback"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/feedback"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintBottom_toTopOf="@id/guideline_top"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:targetApi="o" />
+
+    <!-- Bottom Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_bottom"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/placeholder"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintTop_toBottomOf="@id/guideline_bottom"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintVertical_chainStyle="spread_inside"
+        tools:targetApi="o" />
+
+    <!-- Left Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_left"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/nothing_to_the_left"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+    <!-- Right Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_right"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/more_settings"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/settings_screen2.xml b/app/src/main/res/layout/settings_screen2.xml
new file mode 100644
index 0000000..dbe7d65
--- /dev/null
+++ b/app/src/main/res/layout/settings_screen2.xml
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FF0000"
+    android:backgroundTint="#FF0000"
+    tools:context=".activities.SettingsActivity">
+
+    <!-- Top Guideline (33% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_top"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.33" />
+
+    <!-- Bottom Guideline (67% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_bottom"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.67" />
+
+    <FrameLayout
+        android:id="@+id/oval_container"
+        android:layout_width="120dp"
+        android:layout_height="200dp"
+        android:background="@drawable/ic_oval_white"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent">
+
+        <!-- Central Microphone Icon -->
+        <ImageView
+            android:id="@+id/microphone_icon"
+            android:layout_width="150dp"
+            android:layout_height="150dp"
+            android:layout_gravity="center"
+            android:contentDescription="@string/microphone"
+            android:src="@drawable/ic_mic_black" />
+
+    </FrameLayout>
+
+    <!-- Diagonal Lines -->
+    <!-- Top Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        android:rotation="-28"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <!-- Top Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="-28"/>
+
+    <!-- Buttons -->
+    <!-- Top Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/settings_theme"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/settings_theme"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintBottom_toTopOf="@id/guideline_top"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:targetApi="o" />
+
+    <!-- Bottom Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/settings_keep_screen_on"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/settings_keep_screen_on"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintTop_toBottomOf="@id/guideline_bottom"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintVertical_chainStyle="spread_inside"
+        tools:targetApi="o" />
+
+    <!-- Left Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_left"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/more_settings"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+    <!-- Right Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_right"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/more_settings"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/settings_screen3.xml b/app/src/main/res/layout/settings_screen3.xml
new file mode 100644
index 0000000..e1edc32
--- /dev/null
+++ b/app/src/main/res/layout/settings_screen3.xml
@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#FF0000"
+    android:backgroundTint="#FF0000"
+    tools:context=".activities.SettingsActivity">
+
+    <!-- Top Guideline (33% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_top"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.33" />
+
+    <!-- Bottom Guideline (67% from top) -->
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/guideline_bottom"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        app:layout_constraintGuide_percent="0.67" />
+
+    <FrameLayout
+        android:id="@+id/oval_container"
+        android:layout_width="120dp"
+        android:layout_height="200dp"
+        android:background="@drawable/ic_oval_white"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent">
+
+        <!-- Central Microphone Icon -->
+        <ImageView
+            android:id="@+id/microphone_icon"
+            android:layout_width="150dp"
+            android:layout_height="150dp"
+            android:layout_gravity="center"
+            android:contentDescription="@string/microphone"
+            android:src="@drawable/ic_mic_black" />
+
+    </FrameLayout>
+
+    <!-- Diagonal Lines -->
+    <!-- Top Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        android:rotation="-28"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <!-- Top Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Left to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        android:rotation="28"/>
+
+    <!-- Bottom Right to Center -->
+    <View
+        android:layout_width="2dp"
+        android:layout_height="500dp"
+        android:background="?android:textColorPrimary"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/oval_container"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        android:rotation="-28"/>
+
+    <!-- Buttons -->
+    <!-- Top Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/settings_narration_amount"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/narration"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintBottom_toTopOf="@id/guideline_top"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:targetApi="o" />
+
+    <!-- Bottom Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/settings_narration_speed"
+        android:layout_width="200dp"
+        android:layout_height="wrap_content"
+        android:text="@string/narration_speed"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintTop_toBottomOf="@id/guideline_bottom"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintVertical_chainStyle="spread_inside"
+        tools:targetApi="o" />
+
+    <!-- Left Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_left"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/more_settings"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/oval_container"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+    <!-- Right Option -->
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/option_right"
+        android:layout_width="130dp"
+        android:layout_height="wrap_content"
+        android:text="@string/more_settings"
+        android:backgroundTint="?colorPrimary"
+        android:textColor="?android:textColorPrimary"
+        app:autoSizeMaxTextSize="100sp"
+        app:autoSizeMinTextSize="20sp"
+        app:autoSizeStepGranularity="2sp"
+        android:autoSizeTextType="uniform"
+        app:layout_constraintStart_toEndOf="@id/oval_container"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="@id/guideline_top"
+        app:layout_constraintBottom_toBottomOf="@id/guideline_bottom"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        tools:targetApi="o" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/voice_activation_button.xml b/app/src/main/res/layout/voice_activation_button.xml
deleted file mode 100644
index 625980a..0000000
--- a/app/src/main/res/layout/voice_activation_button.xml
+++ /dev/null
@@ -1,25 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:app="http://schemas.android.com/apk/res-auto"
-    xmlns:tools="http://schemas.android.com/tools"
-    android:layout_width="wrap_content"
-    android:layout_height="wrap_content">
-
-    <ImageButton
-        android:id="@+id/voice_activation_bt"
-        android:layout_width="match_parent"
-        android:layout_height="match_parent"
-        android:adjustViewBounds="false"
-        android:backgroundTint="@color/red"
-        android:background="@color/black"
-        android:cropToPadding="false"
-        android:gravity="center"
-        android:padding="50dp"
-        android:scaleType="fitCenter"
-        android:src="@drawable/ic_mic_white"
-        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
diff --git a/app/src/main/res/navigation/main_nav.xml b/app/src/main/res/navigation/main_nav.xml
new file mode 100644
index 0000000..28c8c5a
--- /dev/null
+++ b/app/src/main/res/navigation/main_nav.xml
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<navigation xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    app:startDestination="@id/Main1">
+
+    <fragment
+        android:id="@+id/Main1"
+        android:name="com.nlinterface.fragments.MainScreen1"
+        android:label="Main1"
+        tools:layout="@layout/main_screen1">
+        <action
+            android:id="@+id/Main1_to_Main2"
+            app:destination="@id/Main2"/>
+    </fragment>
+
+    <fragment
+        android:id="@+id/Main2"
+        android:name="com.nlinterface.fragments.MainScreen2"
+        android:label="Main2"
+        tools:layout="@layout/main_screen2">
+        <action
+            android:id="@+id/Main2_to_Main1"
+            app:destination="@id/Main1"/>
+    </fragment>
+
+
+</navigation>
\ No newline at end of file
diff --git a/app/src/main/res/navigation/voice_only_nav.xml b/app/src/main/res/navigation/voice_only_nav.xml
new file mode 100644
index 0000000..eaf1d30
--- /dev/null
+++ b/app/src/main/res/navigation/voice_only_nav.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<navigation xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/voice_only_nav">
+
+</navigation>
\ No newline at end of file
diff --git a/app/src/main/res/values-de/strings.xml b/app/src/main/res/values-de/strings.xml
index 5cc4e02..37ebe5b 100644
--- a/app/src/main/res/values-de/strings.xml
+++ b/app/src/main/res/values-de/strings.xml
@@ -30,6 +30,7 @@
     <string name="list_all_grocery_items">liste alle artikel auf</string>
     <string name="list_all_items_in_cart">liste alle artikel im einkaufswagen auf</string>
     <string name="list_all_items_not_in_cart">liste alle artikel die noch nicht im einkaufswagen sind auf</string>
+    <string name="all_items_are_removed">alle artikel wurden von der einkaufsliste entfernt</string>
 
     <!--    VOICE COMMANDS: PLACE DETAILS    -->
     <string name="remove_a_place">entferne einen ort</string>
@@ -88,7 +89,7 @@
     <!--    NARRATION: GROCERY LIST    -->
     <string name="grocery_list">Einkaufsliste</string>
     <string name="ITEMNAME_is_not_on_the_list">%1$s steht nicht auf der liste</string>
-    <string name="ITEMNAME_is_on_the_list">%1$s steht auf der liste</string>
+    <string name="ITEMNAME_is_on_the_list">%1$s steht bereits auf der liste</string>
     <string name="ITEMNAME_is_in_the_cart">%1$s ist im korb</string>
     <string name="ITEMNAME_is_not_in_the_cart">%1$s ist nicht im korb</string>
     <string name="deleted_ITEMNAME_from_grocery_list">%1$s wurde von der Einkaufsliste gelöscht.</string>
@@ -127,6 +128,9 @@
     <string name="barcode_scanner_settings">Barcodescanner Einstellungen</string>
     <string name="new_barcode_setting">Neue Barcodescanner Einstellung ist %1$s.</string>
 
+    <!--    NARRATION: VOICE ONLY MODE  -->
+    <string name="voice_only_mode">Nur Sprachsteuerung Modus</string>
+
 
 <!--
     ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
@@ -166,18 +170,42 @@
         <item>Bildschirm Immer Anlasssen</item>
         <item>Bildschirm Nicht Immer Anlassen</item>
     </string-array>
+
     <string name="settings_theme">Design</string>
     <string-array name="theme_options">
         <item>Standard Design</item>
         <item>Helles Design</item>
         <item>Dunkeles Design</item>
     </string-array>
+
     <string name="settings_barcode_mode">Barcode Scanner</string>
     <string-array name="barcode_mode_options">
         <item>Barcode Scanner An</item>
         <item>Barcode Scanner Aus</item>
     </string-array>
 
+    <string name="settings_feedback">Feedback</string>
+    <string-array name="feedback_options">
+        <item>Haptisches Feedback</item>
+        <item>Auditives Feedback</item>
+        <item>Haptisches und Auditives Feedback</item>
+        <item>Kein Feedback</item>
+    </string-array>
+
+    <string name="settings_narration_amount">Schilderung</string>
+    <string-array name="narration_amount_options">
+        <item>Standard Schilderung</item>
+        <item>Keine Schilderung</item>
+        <item>Ausführliche Schilderung</item>
+    </string-array>
+
+    <string name="settings_narration_speed">Sprechgeschwindigkeit</string>
+    <string-array name="narration_speed_options">
+        <item>Normale Sprechgeschwindigkeit</item>
+        <item>Schnelle Sprechgeschwindigkeit</item>
+        <item>Langsame Sprechgeschwindigkeit</item>
+    </string-array>
+
     <!--    LABELS: BARCODE SCANNER SETTINGS    -->
     <string name="settings_name_and_volume">Name und Menge</string>
     <string-array name="settings_name_and_volume">
@@ -208,4 +236,74 @@
         <item>Nährwerte An</item>
         <item>Nährwerte Aus</item>
     </string-array>
+
+    <string name="settings_brand">Marke</string>
+    <string-array name="settings_brand">
+        <item>Marke An</item>
+        <item>Marke Aus</item>
+    </string-array>
+
+    <!--
+        ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+        New UI
+        ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+    -->
+    <!--    General -->
+    <string name="microphone">Mikrofon</string>
+    <string name="placeholder">Platzhalter</string>
+    <string name="nothing_to_the_left">Keine Optionen links</string>
+    <string name="nothing_to_the_right">Keine Optionen rechts</string>
+
+    <!--    Main Screen    -->
+
+    <string name="more_activities">Mehr Funktionen</string>
+    <string name="barcode_scanner">Barcode Scanner</string>
+
+    <!--    Grocery List    -->
+
+    <string name="tell_me_all_Items">Nenne mir alle Artikel</string>
+    <string name="remove_all_items">Entferne alle Artikel</string>
+    <string name="grocery_items">Artikel</string>
+    <string name="remove_item">Entferne einen Artikel</string>
+    <string name="more_items">Weitere Artikel</string>
+    <string name="list_view">Listen Ansicht</string>
+
+    <!--    Place Details   -->
+
+    <string name="get_to_favorites">Zu den Favoriten</string>
+    <string name="add_new_place">Füge neuen Ort hinzu</string>
+    <string name="other_favorites">Mehr Favoriten</string>
+    <string name="single_search">Einfache Suche</string>
+    <string name="place_details_main">Ort Details Hauptmenü</string>
+    <string name="places_overview">Übersicht Orte</string>
+    <string name="places_list">Liste Orte</string>
+    <string name="STORENAME_address">Bei %1$s</string>
+    <string name="place_on_list">Dieser Ort ist bereits auf der Liste</string>
+
+    <!--    Single Place Menu   -->
+
+    <string name="back_to_favorites">Zurück zu den Favoriten</string>
+    <string name="opening_hours_bustle">Öffnungszeiten und Belebtheit</string>
+    <string name="guide">Navigiere mich</string>
+    <string name="remove_favorite">Entferne Favoriten</string>
+
+    <!-- Barcode Scanner -->
+
+    <string name="start_the_barcode_scanner">Starte den Barcode Scanner</string>
+    <string name="stop_the_barcode_scanner">Stoppe den Barcode Scanner</string>
+    <string name="more_options">Mehr Optionen</string>
+
+    <!-- Settings -->
+
+    <string name="feedback">Feedback</string>
+    <string name="more_settings">Mehr Einstellungen</string>
+    <string name="narration">Narration</string>
+    <string name="narration_speed">Narration Geschwindigkeit</string>
+
+    <!--   VoiceOnly    -->
+    <string name="processing">Verarbeitung</string>
+    <string name="speaker">Lautsprecher</string>
+    <!-- TODO: Remove or change this placeholder text -->
+    <string name="hello_blank_fragment">Hello blank fragment</string>
+
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values-night/themes.xml b/app/src/main/res/values-night/themes.xml
index 14f027d..18a074b 100644
--- a/app/src/main/res/values-night/themes.xml
+++ b/app/src/main/res/values-night/themes.xml
@@ -9,6 +9,7 @@
         <item name="colorAccent">@color/grey_dark</item>
 
         <item name="android:backgroundTint">@color/black</item>
+        <item name="android:fillColor">@color/black</item>
 
         <item name="android:textColorPrimary">@color/black</item>
         <item name="android:textColorSecondary">@color/white</item>
@@ -19,4 +20,9 @@
     </style>
 
     <style name="Theme.NLInterface" parent="Base.Theme.NLInterface" />
+
+    <style name="ThemeOverlay.NLInterface.FullscreenContainer" parent="">
+        <item name="fullscreenBackgroundColor">@color/light_blue_900</item>
+        <item name="fullscreenTextColor">@color/light_blue_A400</item>
+    </style>
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/attrs.xml b/app/src/main/res/values/attrs.xml
new file mode 100644
index 0000000..e52391d
--- /dev/null
+++ b/app/src/main/res/values/attrs.xml
@@ -0,0 +1,6 @@
+<resources>
+    <declare-styleable name="FullscreenAttrs">
+        <attr name="fullscreenBackgroundColor" format="color" />
+        <attr name="fullscreenTextColor" format="color" />
+    </declare-styleable>
+</resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index 2d17b5f..ad09d8c 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -7,4 +7,9 @@
     <color name="grey">#878787</color>
     <color name="grey_light">#C1C1C1</color>
     <color name="grey_dark">#686868</color>
+    <color name="light_blue_600">#FF039BE5</color>
+    <color name="light_blue_900">#FF01579B</color>
+    <color name="light_blue_A200">#FF40C4FF</color>
+    <color name="light_blue_A400">#FF00B0FF</color>
+    <color name="black_overlay">#66000000</color>
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index b86ecd1..98025f7 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -1,9 +1,18 @@
 <resources>
     <string name="app_name" translatable="false">NL Interface</string>
 
-    <string name="settings_preferences_key" translatable="false">SETTINGS_KEY</string>
-    <string name="settings_keep_screen_on_key" translatable="false">KEEP_SCREEN_ON_KEY</string>
-    <string name="settings_theme_key" translatable="false">THEME_KEY</string>
+    <string name="settings_preferences_key" translatable="false">
+        SETTINGS_KEY</string>
+    <string name="settings_keep_screen_on_key" translatable="false">
+        KEEP_SCREEN_ON_KEY</string>
+    <string name="settings_theme_key" translatable="false">
+        THEME_KEY</string>
+    <string name="settings_feedback_key" translatable="false">
+        FEEDBACK_KEY</string>
+    <string name="settings_narration_speed_key" translatable="false">
+        NARRATION_SPEED_KEY</string>
+    <string name="settings_narration_amount_key" translatable="false">
+        NARRATION_AMOUNT_KEY</string>
     <string name="barcode_service_mode_key" translatable="false">
         BARCODE_SERVICE_MODE_KEY</string>
     <string name="barcode_settings_preferences_key" translatable="false">
@@ -18,6 +27,8 @@
         INGREDIENTS_KEY</string>
     <string name="settings_short_nutritional_values_key" translatable="false">
         NUTRITIONAL_VALUES_KEY</string>
+    <string name="brands_key" translatable="false">
+        BRANDS_KEY</string>
 
 
     <!--
@@ -48,11 +59,12 @@
     <string name="list_all_grocery_items">list all grocery items</string>
     <string name="list_all_items_in_cart">list all items in the cart</string>
     <string name="list_all_items_not_in_cart">list all items not in the cart</string>
+    <string name="all_items_are_removed">all items have been removed from the grocery list</string>
 
     <!--    VOICE COMMANDS: PLACE DETAILS    -->
     <string name="remove_a_place">remove a place</string>
     <string name="tell_me_the_opening_hours_of_a_place">tell me the opening hours of a place</string>
-    <string name="add_a_place">add a place</string>
+    <string name="add_a_place">Add a place</string>
     <string name="list_all_saved_places">list all saved places</string>
     <string name="list_my_favorite_places">list my favorite places</string>
     <string name="list_all_open_places">list all open places</string>
@@ -81,7 +93,7 @@
     <string name="ingredients_and_allergies_off">ingredients and allergies off</string>
     <string name="nutritional_values_on">nutritional values on</string>
     <string name="nutritional_values_off">nutritional values off</string>
-<!--
+    <!--
     ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
     NARRATION
     ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
@@ -105,7 +117,7 @@
     <!--    NARRATION: GROCERY LIST    -->
     <string name="grocery_list">Grocery List</string>
     <string name="ITEMNAME_is_not_on_the_list">%1$s is not on the list</string>
-    <string name="ITEMNAME_is_on_the_list">%1$s is on the list</string>
+    <string name="ITEMNAME_is_on_the_list">%1$s is already on the list</string>
     <string name="ITEMNAME_is_in_the_cart">%1$s is in the cart</string>
     <string name="ITEMNAME_is_not_in_the_cart">%1$s is not in the cart</string>
     <string name="deleted_ITEMNAME_from_grocery_list">Deleted %1$s from grocery list.</string>
@@ -145,7 +157,10 @@
     <string name="barcode_scanner_settings">Barcode Scanner Settings</string>
     <string name="new_barcode_setting">New barcode scanner setting is %1$s.</string>
 
-<!--
+    <!--    NARRATION: VOICE ONLY MODE  -->
+    <string name="voice_only_mode">Voice only Mode</string>
+
+    <!--
     ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
     FOLLOW-UP QUESTIONS
     ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
@@ -161,7 +176,7 @@
 
     <!--    FOLLOW-UP-QUESTIONS: SETTINGS    -->
 
-<!--
+    <!--
     ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
     LABELS
     ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
@@ -197,6 +212,28 @@
         <item>Barcode Scanner Off</item>
     </string-array>
 
+    <string name="settings_feedback">Feedback</string>
+    <string-array name="feedback_options">
+        <item>Tactile Feedback</item>
+        <item>Auditory Feedback</item>
+        <item>Tactile and Auditory Feedback</item>
+        <item>No Feedback</item>
+    </string-array>
+
+    <string name="settings_narration_amount">Narration Amount</string>
+    <string-array name="narration_amount_options">
+        <item>Standard Narration</item>
+        <item>No Narration</item>
+        <item>Extensive Narration</item>
+    </string-array>
+
+    <string name="settings_narration_speed">Narration Speed</string>
+    <string-array name="narration_speed_options">
+        <item>Normal Narration Speed</item>
+        <item>Fast Narration Speed</item>
+        <item>Slow Narration Speed</item>
+    </string-array>
+
     <!--    LABELS: BARCODE SCANNER SETTINGS    -->
     <string name="settings_name_and_volume">Name and Volume</string>
     <string-array name="settings_name_and_volume">
@@ -228,4 +265,73 @@
         <item>Nutritional Values Off</item>
     </string-array>
 
+    <string name="settings_brand">Brand</string>
+    <string-array name="settings_brand">
+        <item>Brand On</item>
+        <item>Brand Off</item>
+    </string-array>
+
+    <!--
+    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+    New UI
+    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+-->
+    <!--    General     -->
+    <string name="microphone">Microphone</string>
+    <string name="placeholder">Placeholder</string>
+    <string name="nothing_to_the_left">There is nothing to to the left</string>
+    <string name="nothing_to_the_right">There is nothing to to the right</string>
+
+    <!--    Main Screen    -->
+
+    <string name="more_activities">More activities</string>
+    <string name="barcode_scanner">Barcode scanner</string>
+
+    <!--    Grocery List    -->
+
+    <string name="tell_me_all_Items">Tell me all items</string>
+    <string name="remove_all_items">Remove all items</string>
+    <string name="grocery_items">Grocery items</string>
+    <string name="remove_item">Remove an item</string>
+    <string name="more_items">More items</string>
+    <string name="list_view">List view</string>
+
+    <!--    Place Details   -->
+
+    <string name="get_to_favorites">Get to favorites</string>
+    <string name="add_new_place">Add new place</string>
+    <string name="other_favorites">Other favorites</string>
+    <string name="single_search">Single search</string>
+    <string name="place_details_main">Place details main screen</string>
+    <string name="places_overview">Places overview</string>
+    <string name="places_list">Places list</string>
+    <string name="STORENAME_address">On %1$s</string>
+    <string name="place_on_list">This place is already on the list</string>
+
+    <!--    Single Place Menu   -->
+
+    <string name="back_to_favorites">Back to favorites</string>
+    <string name="opening_hours_bustle">Opening hours and bustle</string>
+    <string name="guide">Guide me</string>
+    <string name="remove_favorite">Remove favorite</string>
+
+    <!--    Barcode Scanner     -->
+
+    <string name="start_the_barcode_scanner">Start the barcode scanner</string>
+    <string name="stop_the_barcode_scanner">Stop the barcode scanner</string>
+    <string name="more_options">More options</string>
+
+    <!--    Settings    -->
+
+    <string name="feedback">Feedback</string>
+    <string name="more_settings">More Settings</string>
+    <string name="narration">Narration</string>
+    <string name="narration_speed">Narration speed</string>
+
+    <!--   VoiceOnly    -->
+    <string name="processing">Processing</string>
+    <string name="speaker">Speaker</string>
+    <!-- TODO: Remove or change this placeholder text -->
+    <string name="hello_blank_fragment">Hello blank fragment</string>
+
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
new file mode 100644
index 0000000..1b3515e
--- /dev/null
+++ b/app/src/main/res/values/styles.xml
@@ -0,0 +1,7 @@
+<resources>
+
+    <style name="Widget.Theme.NLInterface.ButtonBar.Fullscreen" parent="">
+        <item name="android:background">@color/black_overlay</item>
+        <item name="android:buttonBarStyle">?android:attr/buttonBarStyle</item>
+    </style>
+</resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml
index f2b8a75..071d125 100644
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -8,6 +8,7 @@
         <item name="colorAccent">@color/grey_light</item>
 
         <item name="android:backgroundTint">@color/white</item>
+        <item name="android:fillColor">@color/white</item>
 
         <item name="android:textColorPrimary">@color/white</item>
         <item name="android:textColorPrimaryInverse">@color/black</item>
@@ -16,7 +17,7 @@
         <item name="editTextColor">@color/black</item>
 
         <item name="colorBackgroundFloating">@color/black</item>
-        
+
         <item name="textAllCaps">false</item>
     </style>
 
@@ -51,4 +52,9 @@
         <item name="android:backgroundTint">@color/grey_light</item>
     </style>
 
+    <style name="ThemeOverlay.NLInterface.FullscreenContainer" parent="">
+        <item name="fullscreenBackgroundColor">@color/light_blue_600</item>
+        <item name="fullscreenTextColor">@color/light_blue_A200</item>
+    </style>
+
 </resources>
\ No newline at end of file