From 24c50844effcdd28782d246856ff271f4f87ccaf Mon Sep 17 00:00:00 2001
From: alazar-w <ej.dalvic@gmail.com>
Date: Tue, 27 Oct 2020 11:03:33 +0300
Subject: [PATCH] landing page layout done!

---
 .idea/.name                                   |   1 +
 .idea/gradle.xml                              |   1 +
 .idea/vcs.xml                                 |   6 +
 app/build.gradle                              |   3 +
 app/src/main/AndroidManifest.xml              |   3 +-
 .../com/example/shopeIt/MainActivity.java     |  56 ++++++++
 .../shopeIt/adapters/ItemRecyclerAdapter.java |  43 ++++++
 .../shopeIt/adapters/LoadingViewHolder.java   |  12 ++
 .../shopeIt/adapters/OnRecipeListener.java    |   7 +
 .../java/com/example/shopeIt/models/Item.java | 122 ++++++++++++++++
 .../com/example/shopeIt/util/Constants.java   |  24 ++++
 .../util/HorizontalDottedProgress.java        | 131 ++++++++++++++++++
 .../com/example/shopeIt/util/Testing.java     |  17 +++
 .../util/VerticalSpacingItemDecorator.java    |  20 +++
 .../java/com/example/vendit/MainActivity.java |  14 --
 app/src/main/res/layout/activity_main.xml     |  48 +++++--
 .../main/res/layout/layout_content_main.xml   |  79 +++++++++++
 app/src/main/res/values/colors.xml            |   8 +-
 app/src/main/res/values/dimen.xml             |   8 ++
 app/src/main/res/values/styles.xml            |   2 +-
 20 files changed, 572 insertions(+), 33 deletions(-)
 create mode 100644 .idea/.name
 create mode 100644 .idea/vcs.xml
 create mode 100644 app/src/main/java/com/example/shopeIt/MainActivity.java
 create mode 100644 app/src/main/java/com/example/shopeIt/adapters/ItemRecyclerAdapter.java
 create mode 100644 app/src/main/java/com/example/shopeIt/adapters/LoadingViewHolder.java
 create mode 100644 app/src/main/java/com/example/shopeIt/adapters/OnRecipeListener.java
 create mode 100644 app/src/main/java/com/example/shopeIt/models/Item.java
 create mode 100644 app/src/main/java/com/example/shopeIt/util/Constants.java
 create mode 100644 app/src/main/java/com/example/shopeIt/util/HorizontalDottedProgress.java
 create mode 100644 app/src/main/java/com/example/shopeIt/util/Testing.java
 create mode 100644 app/src/main/java/com/example/shopeIt/util/VerticalSpacingItemDecorator.java
 delete mode 100644 app/src/main/java/com/example/vendit/MainActivity.java
 create mode 100644 app/src/main/res/layout/layout_content_main.xml
 create mode 100644 app/src/main/res/values/dimen.xml

diff --git a/.idea/.name b/.idea/.name
new file mode 100644
index 0000000..8ee30f6
--- /dev/null
+++ b/.idea/.name
@@ -0,0 +1 @@
+vendIt
\ No newline at end of file
diff --git a/.idea/gradle.xml b/.idea/gradle.xml
index 440480e..5cd135a 100644
--- a/.idea/gradle.xml
+++ b/.idea/gradle.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
   <component name="GradleSettings">
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/app/build.gradle b/app/build.gradle
index d5b1592..43d32fb 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -31,4 +31,7 @@ dependencies {
     testImplementation 'junit:junit:4.12'
     androidTestImplementation 'androidx.test.ext:junit:1.1.2'
     androidTestImplementation 'androidx.test.espresso:espresso-core:3.3.0'
+    implementation 'androidx.cardview:cardview:1.0.0'
+    implementation 'androidx.recyclerview:recyclerview:1.1.0'
+    implementation 'com.google.android.material:material:1.2.1'
 }
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 2494753..eeb7460 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -2,6 +2,7 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     package="com.example.vendit">
 
+    <uses-permission android:name="android.permission.INTERNET"/>
     <application
         android:allowBackup="true"
         android:icon="@mipmap/ic_launcher"
@@ -9,7 +10,7 @@
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
         android:theme="@style/AppTheme">
-        <activity android:name=".MainActivity">
+        <activity android:name="com.example.shopeIt.MainActivity">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
 
diff --git a/app/src/main/java/com/example/shopeIt/MainActivity.java b/app/src/main/java/com/example/shopeIt/MainActivity.java
new file mode 100644
index 0000000..9d2cef7
--- /dev/null
+++ b/app/src/main/java/com/example/shopeIt/MainActivity.java
@@ -0,0 +1,56 @@
+package com.example.shopeIt;
+
+import androidx.appcompat.app.AppCompatActivity;
+import androidx.appcompat.widget.SearchView;
+import androidx.recyclerview.widget.LinearLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
+
+import android.os.Bundle;
+
+import com.example.vendit.R;
+import com.example.shopeIt.adapters.ItemRecyclerAdapter;
+import com.example.shopeIt.adapters.OnRecipeListener;
+import com.example.shopeIt.util.VerticalSpacingItemDecorator;
+
+public class MainActivity extends AppCompatActivity {
+    private RecyclerView mRecyclerView;
+    private ItemRecyclerAdapter mAdapter;
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        setContentView(R.layout.activity_main);
+
+        mRecyclerView = findViewById(R.id.recipe_list_recyclerView);
+
+    }
+
+    private void initSearchView(){
+        final androidx.appcompat.widget.SearchView searchView = findViewById(R.id.search_view);
+        searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
+            @Override
+            public boolean onQueryTextSubmit(String query) {
+               //...
+                return false;
+            }
+
+            @Override
+            public boolean onQueryTextChange(String newText) {
+                return false;
+            }
+        });
+
+
+    }
+    private void initRecyclerView(){
+        mAdapter = new ItemRecyclerAdapter((OnRecipeListener) this);
+
+        VerticalSpacingItemDecorator itemDecorator = new  VerticalSpacingItemDecorator(30);
+        mRecyclerView.addItemDecoration(itemDecorator);
+
+        mRecyclerView.setAdapter(mAdapter);
+        mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
+
+
+    }
+}
diff --git a/app/src/main/java/com/example/shopeIt/adapters/ItemRecyclerAdapter.java b/app/src/main/java/com/example/shopeIt/adapters/ItemRecyclerAdapter.java
new file mode 100644
index 0000000..77407f5
--- /dev/null
+++ b/app/src/main/java/com/example/shopeIt/adapters/ItemRecyclerAdapter.java
@@ -0,0 +1,43 @@
+package com.example.shopeIt.adapters;
+
+import android.view.View;
+import android.view.ViewGroup;
+
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+
+import com.example.shopeIt.models.Item;
+
+import java.util.List;
+
+public class ItemRecyclerAdapter extends RecyclerView.Adapter<ItemRecyclerAdapter.ViewHolder> {
+    private List<Item> mItems;
+    private OnRecipeListener mOnRecipeListener;
+
+    public ItemRecyclerAdapter(OnRecipeListener onRecipeListener) {
+        mOnRecipeListener = onRecipeListener;
+    }
+    @NonNull
+    @Override
+    public ItemRecyclerAdapter.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
+        return null;
+    }
+
+    @Override
+    public void onBindViewHolder(@NonNull ItemRecyclerAdapter.ViewHolder holder, int position) {
+
+    }
+
+    @Override
+    public int getItemCount() {
+        return 0;
+    }
+
+    public class ViewHolder extends RecyclerView.ViewHolder {
+        public ViewHolder(@NonNull View itemView) {
+            super(itemView);
+        }
+    }
+
+}
+
diff --git a/app/src/main/java/com/example/shopeIt/adapters/LoadingViewHolder.java b/app/src/main/java/com/example/shopeIt/adapters/LoadingViewHolder.java
new file mode 100644
index 0000000..bd96afb
--- /dev/null
+++ b/app/src/main/java/com/example/shopeIt/adapters/LoadingViewHolder.java
@@ -0,0 +1,12 @@
+package com.example.shopeIt.adapters;
+
+import android.view.View;
+
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+
+public class LoadingViewHolder extends RecyclerView.ViewHolder {
+    public LoadingViewHolder(@NonNull View itemView) {
+        super(itemView);
+    }
+}
diff --git a/app/src/main/java/com/example/shopeIt/adapters/OnRecipeListener.java b/app/src/main/java/com/example/shopeIt/adapters/OnRecipeListener.java
new file mode 100644
index 0000000..ccf6da4
--- /dev/null
+++ b/app/src/main/java/com/example/shopeIt/adapters/OnRecipeListener.java
@@ -0,0 +1,7 @@
+package com.example.shopeIt.adapters;
+
+public interface OnRecipeListener {
+    void onRecipeClick(int position);
+
+    void onCategoryClick(String category);
+}
diff --git a/app/src/main/java/com/example/shopeIt/models/Item.java b/app/src/main/java/com/example/shopeIt/models/Item.java
new file mode 100644
index 0000000..ab5c5ec
--- /dev/null
+++ b/app/src/main/java/com/example/shopeIt/models/Item.java
@@ -0,0 +1,122 @@
+package com.example.shopeIt.models;
+
+import android.os.Parcel;
+import android.os.Parcelable;
+
+public class Item implements Parcelable {
+    private String title;
+    private String publisher;
+    private String description;
+    private String item_id;
+    private String image_url;
+    private String brand;
+
+
+    public Item(String title, String publisher, String description, String item_id, String image_url, String brand) {
+        this.title = title;
+        this.publisher = publisher;
+        this.description = description;
+        this.item_id = item_id;
+        this.image_url = image_url;
+        this.brand = brand;
+    }
+
+    public Item() {
+    }
+
+    protected Item(Parcel in) {
+        title = in.readString();
+        publisher = in.readString();
+        description = in.readString();
+        item_id = in.readString();
+        image_url = in.readString();
+        brand = in.readString();
+    }
+
+    public static final Creator<Item> CREATOR = new Creator<Item>() {
+        @Override
+        public Item createFromParcel(Parcel in) {
+            return new Item(in);
+        }
+
+        @Override
+        public Item[] newArray(int size) {
+            return new Item[size];
+        }
+    };
+
+    public String getTitle() {
+        return title;
+    }
+
+    public void setTitle(String title) {
+        this.title = title;
+    }
+
+    public String getPublisher() {
+        return publisher;
+    }
+
+    public void setPublisher(String publisher) {
+        this.publisher = publisher;
+    }
+
+    public String getDescription() {
+        return description;
+    }
+
+    public void setDescription(String description) {
+        this.description = description;
+    }
+
+    public String getItem_id() {
+        return item_id;
+    }
+
+    public void setItem_id(String item_id) {
+        this.item_id = item_id;
+    }
+
+    public String getImage_url() {
+        return image_url;
+    }
+
+    public void setImage_url(String image_url) {
+        this.image_url = image_url;
+    }
+
+    public String getBrand() {
+        return brand;
+    }
+
+    public void setBrand(String brand) {
+        this.brand = brand;
+    }
+
+    @Override
+    public String toString() {
+        return "Item{" +
+                "title='" + title + '\'' +
+                ", publisher='" + publisher + '\'' +
+                ", description='" + description + '\'' +
+                ", item_id='" + item_id + '\'' +
+                ", image_url='" + image_url + '\'' +
+                ", brand='" + brand + '\'' +
+                '}';
+    }
+
+    @Override
+    public int describeContents() {
+        return 0;
+    }
+
+    @Override
+    public void writeToParcel(Parcel dest, int flags) {
+        dest.writeString(title);
+        dest.writeString(publisher);
+        dest.writeString(description);
+        dest.writeString(item_id);
+        dest.writeString(image_url);
+        dest.writeString(brand);
+    }
+}
diff --git a/app/src/main/java/com/example/shopeIt/util/Constants.java b/app/src/main/java/com/example/shopeIt/util/Constants.java
new file mode 100644
index 0000000..292ca6f
--- /dev/null
+++ b/app/src/main/java/com/example/shopeIt/util/Constants.java
@@ -0,0 +1,24 @@
+package com.example.shopeIt.util;
+
+public class Constants {
+    public static final String BASE_URL = "https://recipesapi.herokuapp.com/";
+    public static final String API_KEY = "";
+
+    public static final int NETWORK_TIMEOUT = 3000;
+
+    public static final String[] DEFAULT_SEARCH_CATEGORIES =
+            {"Barbeque", "Breakfast", "Chicken", "Beef", "Brunch", "Dinner", "Wine", "Italian"};
+
+    public static final String[] DEFAULT_SEARCH_CATEGORY_IMAGES =
+            {
+                    "barbeque",
+                    "breakfast",
+                    "chicken",
+                    "beef",
+                    "brunch",
+                    "dinner",
+                    "wine",
+                    "italian"
+            };
+}
+
diff --git a/app/src/main/java/com/example/shopeIt/util/HorizontalDottedProgress.java b/app/src/main/java/com/example/shopeIt/util/HorizontalDottedProgress.java
new file mode 100644
index 0000000..7ebe9c5
--- /dev/null
+++ b/app/src/main/java/com/example/shopeIt/util/HorizontalDottedProgress.java
@@ -0,0 +1,131 @@
+package com.example.shopeIt.util;
+import android.content.Context;
+import android.graphics.Canvas;
+import android.graphics.Color;
+import android.graphics.Paint;
+import android.util.AttributeSet;
+import android.util.Log;
+import android.view.View;
+import android.view.animation.Animation;
+import android.view.animation.LinearInterpolator;
+import android.view.animation.Transformation;
+
+public class HorizontalDottedProgress extends View {
+    //actual dot radius
+    private int mDotRadius = 5;
+
+    //Bounced Dot Radius
+    private int mBounceDotRadius = 8;
+
+    //to get identified in which position dot has to bounce
+    private int  mDotPosition;
+
+    //specify how many dots you need in a progressbar
+    private int mDotAmount = 10;
+
+    public HorizontalDottedProgress(Context context) {
+        super(context);
+    }
+
+    public HorizontalDottedProgress(Context context, AttributeSet attrs) {
+        super(context, attrs);
+    }
+
+    public HorizontalDottedProgress(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+    }
+
+    //Method to draw your customized dot on the canvas
+    @Override
+    protected void onDraw(Canvas canvas) {
+        super.onDraw(canvas);
+
+        Paint paint = new Paint();
+
+        //set the color for the dot that you want to draw
+        paint.setColor(Color.parseColor("#fd583f"));
+
+        //function to create dot
+        createDot(canvas,paint);
+    }
+
+    @Override
+    protected void onAttachedToWindow() {
+        super.onAttachedToWindow();
+        //Animation called when attaching to the window, i.e to your screen
+        startAnimation();
+    }
+
+    private void createDot(Canvas canvas, Paint paint) {
+
+        //here i have setted progress bar with 10 dots , so repeat and wnen i = mDotPosition  then increase the radius of dot i.e mBounceDotRadius
+        for(int i = 0; i < mDotAmount; i++ ){
+            if(i == mDotPosition){
+                canvas.drawCircle(10+(i*20), mBounceDotRadius, mBounceDotRadius, paint);
+            }else {
+                canvas.drawCircle(10+(i*20), mBounceDotRadius, mDotRadius, paint);
+            }
+        }
+
+
+    }
+
+    @Override
+    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
+        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
+        int width;
+        int height;
+
+        //calculate the view width
+        int calculatedWidth = (20*9);
+
+        width = calculatedWidth;
+        height = (mBounceDotRadius*2);
+
+
+
+        //MUST CALL THIS
+        setMeasuredDimension(width, height);
+    }
+
+    private void startAnimation() {
+        BounceAnimation bounceAnimation = new BounceAnimation();
+        bounceAnimation.setDuration(100);
+        bounceAnimation.setRepeatCount(Animation.INFINITE);
+        bounceAnimation.setInterpolator(new LinearInterpolator());
+        bounceAnimation.setAnimationListener(new Animation.AnimationListener() {
+            @Override
+            public void onAnimationStart(Animation animation) {
+
+            }
+
+            @Override
+            public void onAnimationEnd(Animation animation) {
+
+            }
+
+            @Override
+            public void onAnimationRepeat(Animation animation) {
+                mDotPosition++;
+                //when mDotPosition == mDotAmount , then start again applying animation from 0th positon , i.e  mDotPosition = 0;
+                if (mDotPosition == mDotAmount) {
+                    mDotPosition = 0;
+                }
+                Log.d("INFOMETHOD","----On Animation Repeat----");
+
+            }
+        });
+        startAnimation(bounceAnimation);
+    }
+
+
+    private class BounceAnimation extends Animation {
+        @Override
+        protected void applyTransformation(float interpolatedTime, Transformation t) {
+            super.applyTransformation(interpolatedTime, t);
+            //call invalidate to redraw your view againg.
+            invalidate();
+        }
+    }
+}
+
diff --git a/app/src/main/java/com/example/shopeIt/util/Testing.java b/app/src/main/java/com/example/shopeIt/util/Testing.java
new file mode 100644
index 0000000..61759e9
--- /dev/null
+++ b/app/src/main/java/com/example/shopeIt/util/Testing.java
@@ -0,0 +1,17 @@
+package com.example.shopeIt.util;
+
+import android.util.Log;
+
+import com.example.shopeIt.models.Item;
+
+import java.util.List;
+
+public class Testing {
+    public static void printRecipes(List<Item> list , String tag){
+        if (list != null){
+            for (Item item:list){
+                Log.d(tag, "onChanged: SUCCESS" + item.getTitle());
+            }
+        }
+    }
+}
diff --git a/app/src/main/java/com/example/shopeIt/util/VerticalSpacingItemDecorator.java b/app/src/main/java/com/example/shopeIt/util/VerticalSpacingItemDecorator.java
new file mode 100644
index 0000000..575af2f
--- /dev/null
+++ b/app/src/main/java/com/example/shopeIt/util/VerticalSpacingItemDecorator.java
@@ -0,0 +1,20 @@
+package com.example.shopeIt.util;
+
+import android.graphics.Rect;
+import android.view.View;
+
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+
+public class VerticalSpacingItemDecorator extends RecyclerView.ItemDecoration {
+    private final int verticalSpaceHeight;
+
+    public VerticalSpacingItemDecorator(int verticalSpaceHeight) {
+        this.verticalSpaceHeight = verticalSpaceHeight;
+    }
+
+    @Override
+    public void getItemOffsets(@NonNull Rect outRect, @NonNull View view, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) {
+            outRect.top = verticalSpaceHeight;
+    }
+}
diff --git a/app/src/main/java/com/example/vendit/MainActivity.java b/app/src/main/java/com/example/vendit/MainActivity.java
deleted file mode 100644
index 6119f17..0000000
--- a/app/src/main/java/com/example/vendit/MainActivity.java
+++ /dev/null
@@ -1,14 +0,0 @@
-package com.example.vendit;
-
-import androidx.appcompat.app.AppCompatActivity;
-
-import android.os.Bundle;
-
-public class MainActivity extends AppCompatActivity {
-
-    @Override
-    protected void onCreate(Bundle savedInstanceState) {
-        super.onCreate(savedInstanceState);
-        setContentView(R.layout.activity_main);
-    }
-}
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
index 4fc2444..d26d4cd 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -1,18 +1,38 @@
 <?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"
+<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    tools:context=".MainActivity">
-
-    <TextView
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="Hello World!"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintLeft_toLeftOf="parent"
-        app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
-
-</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    tools:context="com.example.shopeIt.MainActivity">
+
+    <com.google.android.material.appbar.AppBarLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content">
+
+        <androidx.appcompat.widget.Toolbar
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:id="@+id/toolbar"
+            app:layout_scrollFlags="scroll|enterAlways">
+
+            <androidx.appcompat.widget.SearchView
+                android:layout_width="match_parent"
+                android:layout_height="?attr/actionBarSize"
+                android:id="@+id/search_view"
+                app:queryHint="shoes...">
+
+            </androidx.appcompat.widget.SearchView>
+
+        </androidx.appcompat.widget.Toolbar>
+
+
+    </com.google.android.material.appbar.AppBarLayout>
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:id="@+id/recipe_list_recyclerView"
+        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
+
+</androidx.coordinatorlayout.widget.CoordinatorLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/layout_content_main.xml b/app/src/main/res/layout/layout_content_main.xml
new file mode 100644
index 0000000..e986c70
--- /dev/null
+++ b/app/src/main/res/layout/layout_content_main.xml
@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:orientation="vertical">
+
+    <androidx.cardview.widget.CardView
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:id="@+id/card_view"
+        app:cardElevation="10dp">
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical">
+
+            <ImageView
+                android:layout_width="match_parent"
+                android:layout_height="@dimen/recipe_image_height"
+                android:scaleType="centerCrop"
+                android:id="@+id/recipe_image"
+                android:src="@drawable/ic_launcher_background"/>
+
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="vertical"
+                android:padding="10dp">
+
+                <TextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:textSize="@dimen/recipe_title_text_size"
+                    android:textColor="#000"
+                    android:id="@+id/recipe_title"/>
+
+                <LinearLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:orientation="horizontal"
+                    android:weightSum="100">
+
+                    <TextView
+                        android:layout_width="0dp"
+                        android:layout_height="wrap_content"
+                        android:layout_weight="90"
+                        android:textSize="@dimen/recipe_publisher_text_height"
+                        android:id="@+id/recipe_publisher"
+                        android:gravity="start"/>
+
+                    <TextView
+                        android:layout_width="0dp"
+                        android:layout_height="wrap_content"
+                        android:layout_weight="10"
+                        android:textSize="@dimen/recipe_publisher_text_height"
+                        android:textColor="@color/red"
+                        android:id="@+id/recipe_social_score"
+                        android:gravity="center"/>
+
+
+                </LinearLayout>
+
+
+            </LinearLayout>
+
+
+        </LinearLayout>
+
+    </androidx.cardview.widget.CardView>
+
+
+</LinearLayout>
+
+
+
+
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index 030098f..6e91e31 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -1,6 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <color name="colorPrimary">#6200EE</color>
-    <color name="colorPrimaryDark">#3700B3</color>
-    <color name="colorAccent">#03DAC5</color>
+    <color name="colorPrimary">#fff</color>
+    <color name="colorPrimaryDark">#b3b3b3</color>
+    <color name="colorAccent">#FF4081 </color>
+
+    <color name="red">#e22b2b</color>
 </resources>
diff --git a/app/src/main/res/values/dimen.xml b/app/src/main/res/values/dimen.xml
new file mode 100644
index 0000000..6bd5d62
--- /dev/null
+++ b/app/src/main/res/values/dimen.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <dimen name="recipe_image_height">250dp</dimen>
+    <dimen name="recipe_title_text_size">20sp</dimen>
+    <dimen name="recipe_publisher_text_height">16sp</dimen>
+    <dimen name="recycler_loading_view_height">80dp</dimen>
+
+</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
index 5885930..0eb88fe 100644
--- a/app/src/main/res/values/styles.xml
+++ b/app/src/main/res/values/styles.xml
@@ -1,7 +1,7 @@
 <resources>
 
     <!-- Base application theme. -->
-    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
+    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
         <!-- Customize your theme here. -->
         <item name="colorPrimary">@color/colorPrimary</item>
         <item name="colorPrimaryDark">@color/colorPrimaryDark</item>