Merge branch 'master' into item-details-page

Listify/app/src/main/AndroidManifest.xml

@@ -35,11 +35,13 @@
             android:theme="@style/AppTheme.NoActionBar">
 
         </activity>
-        <activity android:name=".ui.SignupPage" />
-        <activity android:name=".ui.LoginPage" />
-        <activity android:name=".ui.ForgotPasswordPage" />
-        <activity android:name=".ui.ResetPasswordPage" />
-        <activity android:name=".ui.CodePage" />
+  
+        <activity android:name="com.example.listify.ui.SignupPage" />
+        <activity android:name="com.example.listify.ui.LoginPage" />
+        <activity android:name="com.example.listify.ui.ForgotPasswordPage" />
+        <activity android:name="com.example.listify.ui.ResetPasswordPage" />
+        <activity android:name="com.example.listify.List" />
+      
     </application>
 
 </manifest>

Listify/app/src/main/java/com/example/listify/AuthManager.java

@@ -70,6 +70,7 @@ public class AuthManager {
 
     public void setAuthSignUpResult(AuthSignUpResult toSet) {
         authSignUpResult = toSet;
+        waiting = false;
     }
 
     public void setAuthSignInResult(AuthSignInResult toSet) {

Listify/app/src/main/java/com/example/listify/List.java

@@ -1,8 +1,76 @@
 package com.example.listify;
 
-public class List {
-    String name;
-    List(String name) {
-        this.name = name;
+import android.content.Context;
+import android.os.Bundle;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.AdapterView;
+import android.widget.ArrayAdapter;
+import android.widget.ImageView;
+import android.widget.ListView;
+import android.widget.TextView;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.appcompat.app.AppCompatActivity;
+
+public class List extends AppCompatActivity {
+    ListView listView;
+    String listName = "Sample List";
+    String[] pNames = {"Half-gallon organic whole milk"};
+    String[] pStores = {"Kroger"};
+    String[] pPrices = {"$5.00"};
+    int[] pImages = {R.drawable.milk};
+
+    //List(String name) {
+    //    listName = name;
+    //}
+
+    @Override
+    protected void onCreate(@Nullable Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        setContentView(R.layout.activity_list);
+
+        listView = findViewById(R.id.listView);
+
+        MyAdapter myAdapter = new MyAdapter(this, pNames, pStores, pPrices, pImages);
+        listView.setAdapter(myAdapter);
+    }
+
+    class MyAdapter extends ArrayAdapter<String> {
+        Context context;
+        String[] pNames;
+        String[] pStores;
+        String[] pPrices;
+        int[] pImages;
+
+        MyAdapter (Context c, String[] names, String[] stores, String[] prices, int[] images) {
+            super(c, R.layout.listproduct, R.id.productView, names);
+            context = c;
+            pNames = names;
+            pStores = stores;
+            pPrices = prices;
+            pImages = images;
+        }
+
+        @NonNull
+        @Override
+        public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
+            LayoutInflater layoutInflater = (LayoutInflater) getApplicationContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
+            View listproduct = layoutInflater.inflate(R.layout.listproduct, parent,false);
+
+            ImageView image = listproduct.findViewById(R.id.imageView);
+            TextView name = listproduct.findViewById(R.id.productView);
+            TextView store = listproduct.findViewById(R.id.storeView);
+            TextView price = listproduct.findViewById(R.id.priceView);
+
+            image.setImageResource(pImages[position]);
+            name.setText(pNames[position]);
+            store.setText(pStores[position]);
+            price.setText(pPrices[position]);
+
+            return listproduct;
+        }
     }
 }

Listify/app/src/main/java/com/example/listify/MainActivity.java

@@ -27,12 +27,13 @@ public class MainActivity extends AppCompatActivity {
         super.onCreate(savedInstanceState);
         //------------------------------Auth Testing---------------------------------------------//
 
-        AuthManager authManager = new AuthManager();
+        /*AuthManager authManager = new AuthManager();
         try {
             authManager.signIn("merzn@purdue.edu", "Password123");
             Log.i("Authentication", authManager.getAuthSession().toString());
             Log.i("Token", authManager.getAuthSession().getUserPoolTokens().getValue().getIdToken());
-        } catch (AuthException e) {
+        }
+        catch (AuthException e) {
             Log.i("Authentication", "Login failed. User probably needs to register. Exact error: " + e.getMessage());
             try {
                 authManager.startSignUp("merzn@purdue.edu", "Password123");
@@ -40,46 +41,40 @@ public class MainActivity extends AppCompatActivity {
             } catch (AuthException signUpError) {
                 Log.e("Authentication", "SignUp error: " + signUpError.getMessage());
             }
-        }
-
-
-
-        //------------------------------------------------------------------------------------------//
+        }*/
 
         //----------------------------------API Testing---------------------------------------------//
-        Properties configs = new Properties();
+
+        /*Properties configs = new Properties();
         try {
             configs = AuthManager.loadProperties(this, "android.resource://" + getPackageName() + "/raw/auths.json");
-        } catch (IOException|JSONException e) {
-            e.printStackTrace();
         }
+        catch (IOException|JSONException e) {
+            e.printStackTrace();
+        }*/
 
-        Requestor requestor = new Requestor(this, authManager,configs.getProperty("apiKey"));
+        /*Requestor requestor = new Requestor(this, authManager,configs.getProperty("apiKey"));
         List testList = new List("IAmATestList");
         try {
             requestor.postObject(testList);
-        } catch (JSONException e) {
-            e.printStackTrace();
         }
-
-        //------------------------------------------------------------------------------------------//
-
+        catch (JSONException e) {
+            e.printStackTrace();
+        }*/
 
         setContentView(R.layout.activity_main);
         Toolbar toolbar = findViewById(R.id.toolbar);
         setSupportActionBar(toolbar);
-//        FloatingActionButton fab = findViewById(R.id.fab);
-//        fab.setOnClickListener(new View.OnClickListener() {
-//            @Override
-//            public void onClick(View view) {
-//                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
-//                        .setAction("Action", null).show();
-//            }
-//        });
+        /*FloatingActionButton fab = findViewById(R.id.fab);
+        fab.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View view) {
+                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG).setAction("Action", null).show();
+            }
+        });*/
         DrawerLayout drawer = findViewById(R.id.drawer_layout);
         NavigationView navigationView = findViewById(R.id.nav_view);
-        // Passing each menu ID as a set of Ids because each
-        // menu should be considered as top level destinations.
+        // Passing each menu ID as a set of Ids because each menu should be considered as top level destinations.
         mAppBarConfiguration = new AppBarConfiguration.Builder(
                 R.id.nav_home, R.id.nav_gallery, R.id.nav_slideshow)
                 .setDrawerLayout(drawer)
@@ -87,14 +82,12 @@ public class MainActivity extends AppCompatActivity {
         NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment);
         NavigationUI.setupActionBarWithNavController(this, navController, mAppBarConfiguration);
         NavigationUI.setupWithNavController(navigationView, navController);
-
         // Handle search button click
         ImageButton searchButton = (ImageButton) findViewById(R.id.searchButton);
         searchButton.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View v) {
                 Intent intent = new Intent(MainActivity.this, SearchResults.class);
-
                 // Send user to SearchResults activity
                 startActivity(intent);
                 overridePendingTransition(R.anim.enter_from_left, R.anim.exit_from_left);
@@ -103,13 +96,12 @@ public class MainActivity extends AppCompatActivity {
         });
     }
 
-//    @Override
-//    public boolean onCreateOptionsMenu(Menu menu) {
-//        // Inflate the menu; this adds items to the action bar if it is present.
-//        getMenuInflater().inflate(R.menu.main, menu);
-//        return true;
-//    }
-
+    /*@Override
+    public boolean onCreateOptionsMenu(Menu menu) {
+        //Inflate the menu; this adds items to the action bar if it is present.
+        getMenuInflater().inflate(R.menu.main, menu);
+        return true;
+    }*/
 
     @Override
     public boolean onSupportNavigateUp() {

Listify/app/src/main/java/com/example/listify/ui/CodePage.java

@@ -1,39 +1,70 @@
 package com.example.listify.ui;
 
+import android.app.AlertDialog;
+import android.app.Dialog;
+import android.content.Context;
+import android.content.DialogInterface;
 import android.content.Intent;
 import android.os.Bundle;
+import android.view.LayoutInflater;
 import android.view.View;
 import android.widget.Button;
+import android.widget.EditText;
 
+import com.example.listify.AuthManager;
 import com.example.listify.R;
+import com.example.listify.MainActivity;
 
+import androidx.annotation.NonNull;
 import androidx.appcompat.app.AppCompatActivity;
+import androidx.appcompat.app.AppCompatDialog;
+import androidx.appcompat.app.AppCompatDialogFragment;
 
-public class CodePage extends AppCompatActivity {
-    private Button button1; //Reset password page button
-    private Button button2; //Cancel button
+public class CodePage extends AppCompatDialogFragment {
+    private EditText ediTextCode;
+
+    private CodeDialogListener listener;
 
     @Override
-    protected void onCreate(Bundle savedInstanceState) {
-        super.onCreate(savedInstanceState);
-        setContentView(R.layout.activity_code);
+    public Dialog onCreateDialog(Bundle savedInstanceState) {
+        AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
+        LayoutInflater inflater =  getActivity().getLayoutInflater();
+        View view = inflater.inflate(R.layout.activity_code, null);
 
-        button1 = (Button) findViewById(R.id.button1);
-        button1.setOnClickListener(new View.OnClickListener() {
-            @Override
-            public void onClick(View v) {
-                Intent intent = new Intent(CodePage.this, ResetPasswordPage.class);
-                startActivity(intent);
-            }
-        });
+        builder.setView(view)
+                .setTitle("Verification code")
+                .setPositiveButton("Submit", new DialogInterface.OnClickListener() {
+                    @Override
+                    public void onClick(DialogInterface dialog, int which) {
+                        String code = ediTextCode.getText().toString();
+                        listener.sendCode("" + code + "", false);
+                    }
+                })
+                .setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
+                    @Override
+                    public void onClick(DialogInterface dialog, int which) {
+                        String code = ediTextCode.getText().toString();
+                        listener.sendCode("" + code + "", true);
+                    }
+                });
 
-        button2 = (Button) findViewById(R.id.button2);
-        button2.setOnClickListener(new View.OnClickListener() {
-            @Override
-            public void onClick(View v) {
-                Intent intent = new Intent(CodePage.this, LoginPage.class);
-                startActivity(intent);
-            }
-        });
+        ediTextCode = view.findViewById(R.id.editTextCode);
+
+        return builder.create();
+    }
+
+    @Override
+    public void onAttach(@NonNull Context context) {
+        super.onAttach(context);
+
+        try {
+            listener = (CodeDialogListener) context;
+        } catch (ClassCastException e) {
+            throw new ClassCastException("CodeDialogListener not implemented.");
+        }
+    }
+
+    public interface CodeDialogListener {
+        void sendCode(String code, boolean cancel);
     }
 }

Listify/app/src/main/java/com/example/listify/ui/ForgotPasswordPage.java

@@ -2,6 +2,7 @@ package com.example.listify.ui;
 
 import android.content.Intent;
 import android.os.Bundle;
+import android.util.Log;
 import android.view.View;
 import android.widget.Button;
 
@@ -9,7 +10,7 @@ import com.example.listify.R;
 
 import androidx.appcompat.app.AppCompatActivity;
 
-public class ForgotPasswordPage extends AppCompatActivity {
+public class ForgotPasswordPage extends AppCompatActivity implements CodePage.CodeDialogListener {
     private Button button1; //Code page button
 
     @Override
@@ -21,9 +22,27 @@ public class ForgotPasswordPage extends AppCompatActivity {
         button1.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View v) {
-                Intent intent = new Intent(ForgotPasswordPage.this, CodePage.class);
-                startActivity(intent);
+                openDialog();
             }
         });
     }
+
+    public void openDialog() {
+        CodePage codePage = new CodePage();
+        codePage.show(getSupportFragmentManager(), "Verification code");
+    }
+
+    @Override
+    public void sendCode(String code, boolean cancel) {
+        Intent intent;
+
+        if(cancel) {
+            intent = new Intent(ForgotPasswordPage.this, LoginPage.class);
+        }
+        else {
+            intent = new Intent(ForgotPasswordPage.this, ResetPasswordPage.class);
+        }
+
+        startActivity(intent);
+    }
 }

Listify/app/src/main/java/com/example/listify/ui/LoginPage.java

@@ -2,10 +2,13 @@ package com.example.listify.ui;
 
 import android.content.Intent;
 import android.os.Bundle;
+import android.util.Log;
 import android.view.View;
 import android.widget.Button;
+import android.widget.EditText;
 
 import com.example.listify.R;
+import com.example.listify.AuthManager;
 import com.example.listify.MainActivity;
 
 import androidx.appcompat.app.AppCompatActivity;
@@ -42,8 +45,22 @@ public class LoginPage extends AppCompatActivity {
         button3.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View v) {
-                Intent intent = new Intent(LoginPage.this, MainActivity.class);
-                startActivity(intent);
+                EditText emailText = (EditText) findViewById(R.id.editTextTextPersonName);
+                EditText passwordText = (EditText) findViewById(R.id.editTextTextPassword);
+
+                String email = emailText.getText().toString();
+                String password = passwordText.getText().toString();
+
+                AuthManager authManager = new AuthManager();
+
+                try {
+                    authManager.signIn(email, password);
+                    Intent intent = new Intent(LoginPage.this, MainActivity.class);
+                    startActivity(intent);
+                }
+                catch(Exception ex) {
+                    //Display "Incorrect email or password" message
+                }
             }
         });
     }

Listify/app/src/main/java/com/example/listify/ui/SignupPage.java

@@ -2,18 +2,23 @@ package com.example.listify.ui;
 
 import android.content.Intent;
 import android.os.Bundle;
+import android.util.Log;
 import android.view.View;
 import android.widget.Button;
+import android.widget.EditText;
 
 import com.example.listify.R;
+import com.example.listify.AuthManager;
 import com.example.listify.MainActivity;
 
 import androidx.appcompat.app.AppCompatActivity;
 
-public class SignupPage extends AppCompatActivity {
+public class SignupPage extends AppCompatActivity implements CodePage.CodeDialogListener {
     private Button button1; //Log in page button
     private Button button2; //Sign up button
 
+    AuthManager authManager = new AuthManager();
+
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
@@ -32,9 +37,43 @@ public class SignupPage extends AppCompatActivity {
         button2.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View v) {
-                Intent intent = new Intent(SignupPage.this, MainActivity.class);
-                startActivity(intent);
+                EditText emailText = (EditText) findViewById(R.id.editTextTextEmailAddress);
+                EditText passwordText = (EditText) findViewById(R.id.editTextTextPassword);
+
+                String email = emailText.getText().toString();
+                String password = passwordText.getText().toString();
+
+                try {
+                    authManager.startSignUp(email, password);
+                }
+                catch(Exception e) {
+                    return;
+                }
+
+                openDialog();
             }
         });
     }
+
+    public void openDialog() {
+        CodePage codePage = new CodePage();
+        codePage.show(getSupportFragmentManager(), "Verification code");
+    }
+
+    @Override
+    public void sendCode(String code, boolean cancel) {
+        if(cancel) {
+            //Remove user from database
+        }
+        else {
+            try {
+                authManager.confirmSignUp(code);
+                Intent intent = new Intent(SignupPage.this, MainActivity.class);
+                startActivity(intent);
+            }
+            catch (Exception e) {
+                //Remove user from database
+            }
+        }
+    }
 }

Listify/app/src/main/java/com/example/listify/ui/home/HomeFragment.java

@@ -14,17 +14,29 @@ import com.example.listify.R;
 
 public class HomeFragment extends Fragment {
     private Button toLoginPage;
+    private Button toListPage;
 
     public View onCreateView(@NonNull LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
         View root = inflater.inflate(R.layout.fragment_home, container, false);
+
         toLoginPage = (Button) root.findViewById(R.id.button1);
         toLoginPage.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View v) {
-                Intent intent = new Intent(HomeFragment.this.getActivity(), com.example.listify.ui.SignupPage.class);
+                Intent intent = new Intent(HomeFragment.this.getActivity(), com.example.listify.ui.LoginPage.class);
                 startActivity(intent);
             }
         });
+
+        toListPage = (Button) root.findViewById(R.id.button2);
+        toListPage.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                Intent intent = new Intent(HomeFragment.this.getActivity(), com.example.listify.List.class);
+                startActivity(intent);
+            }
+        });
+
         return root;
     }
 }

Listify/app/src/main/res/layout/activity_code.xml

@@ -5,44 +5,16 @@
     android:layout_width="match_parent"
     android:layout_height="match_parent">
 
-    <Button
-        android:id="@+id/button1"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginTop="24dp"
-        android:text="Submit"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/editTextNumber" />
-
-    <Button
-        android:id="@+id/button2"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginTop="22dp"
-        android:text="Cancel"
-        app:layout_constraintStart_toStartOf="@+id/button1"
-        app:layout_constraintTop_toBottomOf="@+id/button1" />
-
     <EditText
-        android:id="@+id/editTextNumber"
+        android:id="@+id/editTextCode"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginTop="17dp"
+        android:layout_marginTop="16dp"
         android:ems="10"
         android:hint="Code"
-        android:inputType="number"
+        android:inputType="textPersonName"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/textView3" />
-
-    <TextView
-        android:id="@+id/textView3"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginStart="31dp"
-        android:layout_marginTop="260dp"
-        android:text="Please enter the 6-digit code from the email sent to you."
-        app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent" />
+
 </androidx.constraintlayout.widget.ConstraintLayout>

Listify/app/src/main/res/layout/activity_list.xml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <ListView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:id="@+id/listView">
+
+    </ListView>
+
+</androidx.constraintlayout.widget.ConstraintLayout>

Listify/app/src/main/res/layout/activity_signup.xml

@@ -27,15 +27,15 @@
         app:layout_constraintTop_toTopOf="parent" />
 
     <EditText
-        android:id="@+id/editTextTextEmailAddress"
+        android:id="@+id/editTextTextPersonName"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginTop="24dp"
         android:ems="10"
         android:hint="Username"
-        android:inputType="textEmailAddress"
-        app:layout_constraintStart_toStartOf="@+id/editTextTextPersonName"
-        app:layout_constraintTop_toBottomOf="@+id/editTextTextPersonName" />
+        android:inputType="textPersonName"
+        app:layout_constraintStart_toStartOf="@+id/editTextTextEmailAddress"
+        app:layout_constraintTop_toBottomOf="@+id/editTextTextEmailAddress" />
 
     <EditText
         android:id="@+id/editTextTextPassword"
@@ -45,17 +45,17 @@
         android:ems="10"
         android:hint="Password"
         android:inputType="textPassword"
-        app:layout_constraintStart_toStartOf="@+id/editTextTextEmailAddress"
-        app:layout_constraintTop_toBottomOf="@+id/editTextTextEmailAddress" />
+        app:layout_constraintStart_toStartOf="@+id/editTextTextPersonName"
+        app:layout_constraintTop_toBottomOf="@+id/editTextTextPersonName" />
 
     <EditText
-        android:id="@+id/editTextTextPersonName"
+        android:id="@+id/editTextTextEmailAddress"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginTop="28dp"
         android:ems="10"
         android:hint="Email"
-        android:inputType="textPersonName"
+        android:inputType="textEmailAddress"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toBottomOf="@+id/button1" />

Listify/app/src/main/res/layout/fragment_home.xml

@@ -10,32 +10,39 @@
         android:id="@+id/button1"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginEnd="1dp"
-        android:layout_marginRight="1dp"
-        android:layout_marginTop="29dp"
-        android:text="Button"
-        app:layout_constraintEnd_toEndOf="@+id/switch2"
-        app:layout_constraintTop_toBottomOf="@+id/switch2" />
+        android:layout_marginBottom="25dp"
+        android:layout_marginStart="1dp"
+        android:text="Log in"
+        app:layout_constraintBottom_toTopOf="@+id/button2"
+        app:layout_constraintStart_toStartOf="@+id/button2" />
 
-    <Switch
-        android:id="@+id/switch2"
+    <Button
+        android:id="@+id/button2"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginEnd="19dp"
-        android:layout_marginRight="19dp"
-        android:layout_marginTop="31dp"
-        android:text="Target"
-        app:layout_constraintEnd_toEndOf="@+id/textView4"
-        app:layout_constraintTop_toBottomOf="@+id/textView4" />
+        android:layout_marginBottom="148dp"
+        android:text="List"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent" />
+
+    <Switch
+        android:id="@+id/switch1"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginBottom="29dp"
+        android:text="Kroger"
+        app:layout_constraintBottom_toTopOf="@+id/button1"
+        app:layout_constraintStart_toStartOf="@+id/button1" />
 
     <TextView
         android:id="@+id/textView4"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
+        android:layout_marginBottom="31dp"
         android:text="Search these stores:"
-        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintBottom_toTopOf="@+id/switch1"
         app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintStart_toStartOf="parent" />
 
 </androidx.constraintlayout.widget.ConstraintLayout>

Listify/app/src/main/res/layout/listproduct.xml

@@ -0,0 +1,106 @@
+<?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">
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:id="@+id/constraintLayout"
+        android:layout_width="wrap_content"
+        android:layout_height="400px"
+        android:padding="10dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <Button
+            android:id="@+id/buttonIncr"
+            android:layout_width="30dp"
+            android:layout_height="30dp"
+            android:layout_marginStart="25dp"
+            android:text="+"
+            android:textSize="10dp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@+id/imageView"
+            app:layout_constraintTop_toBottomOf="@+id/storeView" />
+
+        <Button
+            android:id="@+id/buttonDecr"
+            android:layout_width="30dp"
+            android:layout_height="30dp"
+            android:layout_marginStart="75dp"
+            android:text="-"
+            android:textSize="10dp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@+id/imageView"
+            app:layout_constraintTop_toBottomOf="@+id/storeView" />
+
+        <Button
+            android:id="@+id/buttonDel"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="150dp"
+            android:text="Remove"
+            android:textSize="10dp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@+id/imageView"
+            app:layout_constraintTop_toBottomOf="@+id/storeView" />
+
+        <ImageView
+            android:id="@+id/imageView"
+            android:layout_width="400px"
+            android:layout_height="wrap_content"
+            android:src="@drawable/placeholder"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <TextView
+            android:id="@+id/productView"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginBottom="100dp"
+            android:padding="30dp"
+            android:text="Product Name"
+            android:textSize="20sp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@+id/imageView"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <TextView
+            android:id="@+id/storeView"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginBottom="90dp"
+            android:padding="30dp"
+            android:text="Store"
+            android:textSize="15sp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@+id/imageView"
+            app:layout_constraintTop_toBottomOf="@+id/productView" />
+
+        <TextView
+            android:id="@+id/priceView"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginBottom="80dp"
+            android:padding="30dp"
+            android:text="Price"
+            android:textSize="15sp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@+id/imageView"
+            app:layout_constraintTop_toBottomOf="@+id/storeView" />
+
+        <TextView
+            android:id="@+id/textViewQuantity"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="1"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@+id/buttonDecr"
+            app:layout_constraintStart_toEndOf="@+id/buttonIncr"
+            app:layout_constraintTop_toBottomOf="@+id/storeView" />
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
+</androidx.constraintlayout.widget.ConstraintLayout>