Online Grocery Store App | Android Studio 2020 | LearnCode With Rk

 Step 1 main.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    tools:context=".Home_page">

    <RelativeLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content">

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="Aali Vihar,India"

            android:textSize="20dp"

            android:drawableLeft="@drawable/ic_location"

            android:drawableRight="@drawable/arrow"

            android:padding="10sp"/>

        <ImageView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:src="@drawable/ic_filter"

            android:layout_alignParentRight="true"

            android:layout_marginEnd="10sp"

            android:layout_marginTop="10sp"

            />

    </RelativeLayout>

    <androidx.cardview.widget.CardView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_margin="5dp"

        app:cardElevation="20dp">

        <LinearLayout

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:gravity="center"

            android:orientation="vertical"

            android:paddingBottom="20sp">

            <TextView

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:padding="10sp"

                android:text="Search Your Requirement"

                android:textColor="#EE1616"

                android:textSize="20dp"

                android:textStyle="bold" />

            <EditText

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:layout_margin="10sp"

                android:background="@drawable/design"

                android:hint="Search By Product Name"

                android:padding="13dp" />

            <Button

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:layout_margin="10sp"

                android:background="@drawable/design"

                android:backgroundTint="#CF1818"

                android:text="Find Product"

                android:textColor="#fff" />

        </LinearLayout>

    </androidx.cardview.widget.CardView>

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:padding="10sp"

        android:text="Shop Near By You"

        android:background="#dddddd"

        android:textColor="#E64E4E"

        android:textSize="20dp"

        android:textStyle="bold" />

    <ScrollView

        android:layout_width="match_parent"

        android:layout_height="wrap_content">

        <androidx.cardview.widget.CardView

            android:layout_width="match_parent"

            android:layout_height="wrap_content">

            <LinearLayout

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:orientation="vertical">

                <LinearLayout

                    android:layout_width="match_parent"

                    android:layout_height="wrap_content">

                    <ImageView

                        android:layout_width="100dp"

                        android:layout_height="100dp"

                        android:padding="5dp"

                        android:scaleType="fitXY"

                        android:src="@drawable/fruit" />

                    <LinearLayout

                        android:layout_width="match_parent"

                        android:layout_height="wrap_content"

                        android:orientation="vertical"

                        android:padding="7dp">

                        <RelativeLayout

                            android:layout_width="match_parent"

                            android:layout_height="wrap_content">

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:text="Your Shop Name"

                                android:textColor="#E64E4E"

                                android:textSize="19dp"

                                android:textStyle="bold" />

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:layout_alignParentRight="true"

                                android:background="#B91C1C"

                                android:padding="5dp"

                                android:text="30% OFF"

                                android:textColor="#fff"

                                android:textStyle="bold" />

                        </RelativeLayout>

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:text="OPEN"

                            android:textColor="#52970A"

                            android:textSize="14dp"

                            android:textStyle="bold" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:padding="1dp"

                            android:text="Minimum Order 200"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:drawableRight="@drawable/time"

                            android:text="Live Tracking"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                    </LinearLayout>

                </LinearLayout>

                <View

                    android:layout_width="match_parent"

                    android:layout_height="1dp"

                    android:background="?android:attr/listDivider" />

                <LinearLayout

                    android:layout_width="match_parent"

                    android:layout_height="wrap_content">

                    <ImageView

                        android:layout_width="100dp"

                        android:layout_height="100dp"

                        android:padding="5dp"

                        android:scaleType="fitXY"

                        android:src="@drawable/gro1" />

                    <LinearLayout

                        android:layout_width="match_parent"

                        android:layout_height="wrap_content"

                        android:orientation="vertical"

                        android:padding="7dp">

                        <RelativeLayout

                            android:layout_width="match_parent"

                            android:layout_height="wrap_content">

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:text="Your Shop Name"

                                android:textColor="#E64E4E"

                                android:textSize="19dp"

                                android:textStyle="bold" />

                        </RelativeLayout>

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:text="OPEN"

                            android:textColor="#52970A"

                            android:textSize="14dp"

                            android:textStyle="bold" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:drawableRight="@drawable/time"

                            android:text="Live Tracking"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                    </LinearLayout>

                </LinearLayout>

                <View

                    android:layout_width="match_parent"

                    android:layout_height="1dp"

                    android:background="?android:attr/listDivider" />

                <LinearLayout

                    android:layout_width="match_parent"

                    android:layout_height="wrap_content">

                    <ImageView

                        android:layout_width="100dp"

                        android:layout_height="100dp"

                        android:padding="5dp"

                        android:scaleType="fitXY"

                        android:src="@drawable/vegetable" />

                    <LinearLayout

                        android:layout_width="match_parent"

                        android:layout_height="wrap_content"

                        android:orientation="vertical"

                        android:padding="7dp">

                        <RelativeLayout

                            android:layout_width="match_parent"

                            android:layout_height="wrap_content">

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:text="Your Shop Name"

                                android:textColor="#E64E4E"

                                android:textSize="19dp"

                                android:textStyle="bold" />

                        </RelativeLayout>

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:text="CLOSED"

                            android:textColor="#970A26"

                            android:textSize="14dp"

                            android:textStyle="bold" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:padding="1dp"

                            android:text="Minimum Order 50"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:drawableRight="@drawable/time"

                            android:text="Live Tracking"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                    </LinearLayout>

                </LinearLayout>

                <View

                    android:layout_width="match_parent"

                    android:layout_height="1dp"

                    android:background="?android:attr/listDivider" />

                <LinearLayout

                    android:layout_width="match_parent"

                    android:layout_height="wrap_content">

                    <ImageView

                        android:layout_width="100dp"

                        android:layout_height="100dp"

                        android:padding="5dp"

                        android:scaleType="fitXY"

                        android:src="@drawable/fruit2" />

                    <LinearLayout

                        android:layout_width="match_parent"

                        android:layout_height="wrap_content"

                        android:orientation="vertical"

                        android:padding="7dp">

                        <RelativeLayout

                            android:layout_width="match_parent"

                            android:layout_height="wrap_content">

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:text="Your Shop Name "

                                android:textColor="#E64E4E"

                                android:textSize="19dp"

                                android:textStyle="bold" />

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:layout_alignParentRight="true"

                                android:background="#B91C1C"

                                android:padding="5dp"

                                android:text="50% OFF"

                                android:textColor="#fff"

                                android:textStyle="bold" />

                        </RelativeLayout>

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:text="OPEN"

                            android:textColor="#52970A"

                            android:textSize="14dp"

                            android:textStyle="bold" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:padding="1dp"

                            android:text="Minimum Order 200"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:drawableRight="@drawable/time"

                            android:text="Live Tracking"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                    </LinearLayout>

                </LinearLayout>

                <LinearLayout

                    android:layout_width="match_parent"

                    android:layout_height="wrap_content">

                    <ImageView

                        android:layout_width="100dp"

                        android:layout_height="100dp"

                        android:padding="5dp"

                        android:scaleType="fitXY"

                        android:src="@drawable/fruit2" />

                    <LinearLayout

                        android:layout_width="match_parent"

                        android:layout_height="wrap_content"

                        android:orientation="vertical"

                        android:padding="7dp">

                        <RelativeLayout

                            android:layout_width="match_parent"

                            android:layout_height="wrap_content">

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:text="Your Shop Name "

                                android:textColor="#E64E4E"

                                android:textSize="19dp"

                                android:textStyle="bold" />

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:layout_alignParentRight="true"

                                android:background="#B91C1C"

                                android:padding="5dp"

                                android:text="50% OFF"

                                android:textColor="#fff"

                                android:textStyle="bold" />

                        </RelativeLayout>

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:text="OPEN"

                            android:textColor="#52970A"

                            android:textSize="14dp"

                            android:textStyle="bold" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:padding="1dp"

                            android:text="Minimum Order 200"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:drawableRight="@drawable/time"

                            android:text="Live Tracking"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                    </LinearLayout>

                </LinearLayout>

                <LinearLayout

                    android:layout_width="match_parent"

                    android:layout_height="wrap_content">

                    <ImageView

                        android:layout_width="100dp"

                        android:layout_height="100dp"

                        android:padding="5dp"

                        android:scaleType="fitXY"

                        android:src="@drawable/fruit2" />

                    <LinearLayout

                        android:layout_width="match_parent"

                        android:layout_height="wrap_content"

                        android:orientation="vertical"

                        android:padding="7dp">

                        <RelativeLayout

                            android:layout_width="match_parent"

                            android:layout_height="wrap_content">

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:text="Your Shop Name "

                                android:textColor="#E64E4E"

                                android:textSize="19dp"

                                android:textStyle="bold" />

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:layout_alignParentRight="true"

                                android:background="#B91C1C"

                                android:padding="5dp"

                                android:text="50% OFF"

                                android:textColor="#fff"

                                android:textStyle="bold" />

                        </RelativeLayout>

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:text="OPEN"

                            android:textColor="#52970A"

                            android:textSize="14dp"

                            android:textStyle="bold" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:padding="1dp"

                            android:text="Minimum Order 200"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:drawableRight="@drawable/time"

                            android:text="Live Tracking"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                    </LinearLayout>

                </LinearLayout>

                <LinearLayout

                    android:layout_width="match_parent"

                    android:layout_height="wrap_content">

                    <ImageView

                        android:layout_width="100dp"

                        android:layout_height="100dp"

                        android:padding="5dp"

                        android:scaleType="fitXY"

                        android:src="@drawable/fruit2" />

                    <LinearLayout

                        android:layout_width="match_parent"

                        android:layout_height="wrap_content"

                        android:orientation="vertical"

                        android:padding="7dp">

                        <RelativeLayout

                            android:layout_width="match_parent"

                            android:layout_height="wrap_content">

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:text="Your Shop Name "

                                android:textColor="#E64E4E"

                                android:textSize="19dp"

                                android:textStyle="bold" />

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:layout_alignParentRight="true"

                                android:background="#B91C1C"

                                android:padding="5dp"

                                android:text="50% OFF"

                                android:textColor="#fff"

                                android:textStyle="bold" />

                        </RelativeLayout>

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:text="OPEN"

                            android:textColor="#52970A"

                            android:textSize="14dp"

                            android:textStyle="bold" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:padding="1dp"

                            android:text="Minimum Order 200"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:drawableRight="@drawable/time"

                            android:text="Live Tracking"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                    </LinearLayout>

                </LinearLayout>

                <LinearLayout

                    android:layout_width="match_parent"

                    android:layout_height="wrap_content">

                    <ImageView

                        android:layout_width="100dp"

                        android:layout_height="100dp"

                        android:padding="5dp"

                        android:scaleType="fitXY"

                        android:src="@drawable/fruit2" />

                    <LinearLayout

                        android:layout_width="match_parent"

                        android:layout_height="wrap_content"

                        android:orientation="vertical"

                        android:padding="7dp">

                        <RelativeLayout

                            android:layout_width="match_parent"

                            android:layout_height="wrap_content">

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:text="Your Shop Name "

                                android:textColor="#E64E4E"

                                android:textSize="19dp"

                                android:textStyle="bold" />

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:layout_alignParentRight="true"

                                android:background="#B91C1C"

                                android:padding="5dp"

                                android:text="50% OFF"

                                android:textColor="#fff"

                                android:textStyle="bold" />

                        </RelativeLayout>

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:text="OPEN"

                            android:textColor="#52970A"

                            android:textSize="14dp"

                            android:textStyle="bold" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:padding="1dp"

                            android:text="Minimum Order 200"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:drawableRight="@drawable/time"

                            android:text="Live Tracking"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                    </LinearLayout>

                </LinearLayout>

                <LinearLayout

                    android:layout_width="match_parent"

                    android:layout_height="wrap_content">

                    <ImageView

                        android:layout_width="100dp"

                        android:layout_height="100dp"

                        android:padding="5dp"

                        android:scaleType="fitXY"

                        android:src="@drawable/fruit2" />

                    <LinearLayout

                        android:layout_width="match_parent"

                        android:layout_height="wrap_content"

                        android:orientation="vertical"

                        android:padding="7dp">

                        <RelativeLayout

                            android:layout_width="match_parent"

                            android:layout_height="wrap_content">

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:text="Your Shop Name "

                                android:textColor="#E64E4E"

                                android:textSize="19dp"

                                android:textStyle="bold" />

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:layout_alignParentRight="true"

                                android:background="#B91C1C"

                                android:padding="5dp"

                                android:text="50% OFF"

                                android:textColor="#fff"

                                android:textStyle="bold" />

                        </RelativeLayout>

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:text="OPEN"

                            android:textColor="#52970A"

                            android:textSize="14dp"

                            android:textStyle="bold" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:padding="1dp"

                            android:text="Minimum Order 200"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:drawableRight="@drawable/time"

                            android:text="Live Tracking"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                    </LinearLayout>

                </LinearLayout>

                <LinearLayout

                    android:layout_width="match_parent"

                    android:layout_height="wrap_content">

                    <ImageView

                        android:layout_width="100dp"

                        android:layout_height="100dp"

                        android:padding="5dp"

                        android:scaleType="fitXY"

                        android:src="@drawable/fruit2" />

                    <LinearLayout

                        android:layout_width="match_parent"

                        android:layout_height="wrap_content"

                        android:orientation="vertical"

                        android:padding="7dp">

                        <RelativeLayout

                            android:layout_width="match_parent"

                            android:layout_height="wrap_content">

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:text="Your Shop Name "

                                android:textColor="#E64E4E"

                                android:textSize="19dp"

                                android:textStyle="bold" />

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:layout_alignParentRight="true"

                                android:background="#B91C1C"

                                android:padding="5dp"

                                android:text="50% OFF"

                                android:textColor="#fff"

                                android:textStyle="bold" />

                        </RelativeLayout>

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:text="OPEN"

                            android:textColor="#52970A"

                            android:textSize="14dp"

                            android:textStyle="bold" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:padding="1dp"

                            android:text="Minimum Order 200"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:drawableRight="@drawable/time"

                            android:text="Live Tracking"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                    </LinearLayout>

                </LinearLayout>

                <LinearLayout

                    android:layout_width="match_parent"

                    android:layout_height="wrap_content">

                    <ImageView

                        android:layout_width="100dp"

                        android:layout_height="100dp"

                        android:padding="5dp"

                        android:scaleType="fitXY"

                        android:src="@drawable/fruit2" />

                    <LinearLayout

                        android:layout_width="match_parent"

                        android:layout_height="wrap_content"

                        android:orientation="vertical"

                        android:padding="7dp">

                        <RelativeLayout

                            android:layout_width="match_parent"

                            android:layout_height="wrap_content">

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:text="Your Shop Name "

                                android:textColor="#E64E4E"

                                android:textSize="19dp"

                                android:textStyle="bold" />

                            <TextView

                                android:layout_width="wrap_content"

                                android:layout_height="wrap_content"

                                android:layout_alignParentRight="true"

                                android:background="#B91C1C"

                                android:padding="5dp"

                                android:text="50% OFF"

                                android:textColor="#fff"

                                android:textStyle="bold" />

                        </RelativeLayout>

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:text="OPEN"

                            android:textColor="#52970A"

                            android:textSize="14dp"

                            android:textStyle="bold" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:padding="1dp"

                            android:text="Minimum Order 200"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                        <TextView

                            android:layout_width="wrap_content"

                            android:layout_height="wrap_content"

                            android:drawableRight="@drawable/time"

                            android:text="Live Tracking"

                            android:textColor="#FD383C3D"

                            android:textSize="14dp" />

                    </LinearLayout>

                </LinearLayout>

            </LinearLayout>

        </androidx.cardview.widget.CardView>

    </ScrollView>

</LinearLayout>

ALL CODE >>

GITHUB : https://github.com/LearncodeWithRk/Grocery-Order-App