From 9ade66bd32b0d3026b9508921f88757dedb42a6f Mon Sep 17 00:00:00 2001
From: Insaf <insafanas@mail.ru>
Date: Mon, 4 Oct 2021 21:34:23 +0300
Subject: [PATCH 1/2] drawed instagram profile

---
 app/build.gradle                              |   4 +
 .../itis/androidlabproject/MainActivity.kt    |   4 +-
 app/src/main/res/drawable/ic_add.xml          |  10 +
 app/src/main/res/drawable/ic_all_media.xml    |  10 +
 app/src/main/res/drawable/ic_avatarka.xml     |  10 +
 app/src/main/res/drawable/ic_home.xml         |  10 +
 app/src/main/res/drawable/ic_like.xml         |  22 ++
 app/src/main/res/drawable/ic_more.xml         |  10 +
 app/src/main/res/drawable/ic_reels.xml        |  13 +
 app/src/main/res/drawable/ic_search.xml       |  10 +
 app/src/main/res/layout/activity_main.xml     | 237 +++++++++++++++++-
 11 files changed, 334 insertions(+), 6 deletions(-)
 create mode 100644 app/src/main/res/drawable/ic_add.xml
 create mode 100644 app/src/main/res/drawable/ic_all_media.xml
 create mode 100644 app/src/main/res/drawable/ic_avatarka.xml
 create mode 100644 app/src/main/res/drawable/ic_home.xml
 create mode 100644 app/src/main/res/drawable/ic_like.xml
 create mode 100644 app/src/main/res/drawable/ic_more.xml
 create mode 100644 app/src/main/res/drawable/ic_reels.xml
 create mode 100644 app/src/main/res/drawable/ic_search.xml

diff --git a/app/build.gradle b/app/build.gradle
index fa1124d..9d3ba0a 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -16,6 +16,10 @@ android {
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
     }
 
+    buildFeatures {
+        viewBinding true
+    }
+
     buildTypes {
         release {
             minifyEnabled false
diff --git a/app/src/main/java/com/itis/androidlabproject/MainActivity.kt b/app/src/main/java/com/itis/androidlabproject/MainActivity.kt
index d85e6eb..d71ac0c 100644
--- a/app/src/main/java/com/itis/androidlabproject/MainActivity.kt
+++ b/app/src/main/java/com/itis/androidlabproject/MainActivity.kt
@@ -2,10 +2,12 @@ package com.itis.androidlabproject
 
 import androidx.appcompat.app.AppCompatActivity
 import android.os.Bundle
+import com.itis.androidlabproject.databinding.ActivityMainBinding
 
 class MainActivity : AppCompatActivity() {
+    private lateinit var binding: ActivityMainBinding
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         setContentView(R.layout.activity_main)
     }
-}
\ No newline at end of file
+}
diff --git a/app/src/main/res/drawable/ic_add.xml b/app/src/main/res/drawable/ic_add.xml
new file mode 100644
index 0000000..eb23254
--- /dev/null
+++ b/app/src/main/res/drawable/ic_add.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M19,13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_all_media.xml b/app/src/main/res/drawable/ic_all_media.xml
new file mode 100644
index 0000000..374e8f4
--- /dev/null
+++ b/app/src/main/res/drawable/ic_all_media.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M4,8h4L8,4L4,4v4zM10,20h4v-4h-4v4zM4,20h4v-4L4,16v4zM4,14h4v-4L4,10v4zM10,14h4v-4h-4v4zM16,4v4h4L20,4h-4zM10,8h4L14,4h-4v4zM16,14h4v-4h-4v4zM16,20h4v-4h-4v4z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_avatarka.xml b/app/src/main/res/drawable/ic_avatarka.xml
new file mode 100644
index 0000000..3481c02
--- /dev/null
+++ b/app/src/main/res/drawable/ic_avatarka.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M3,5v14c0,1.1 0.89,2 2,2h14c1.1,0 2,-0.9 2,-2L21,5c0,-1.1 -0.9,-2 -2,-2L5,3c-1.11,0 -2,0.9 -2,2zM15,9c0,1.66 -1.34,3 -3,3s-3,-1.34 -3,-3 1.34,-3 3,-3 3,1.34 3,3zM6,17c0,-2 4,-3.1 6,-3.1s6,1.1 6,3.1v1L6,18v-1z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_home.xml b/app/src/main/res/drawable/ic_home.xml
new file mode 100644
index 0000000..11b964a
--- /dev/null
+++ b/app/src/main/res/drawable/ic_home.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M12,5.69l5,4.5V18h-2v-6H9v6H7v-7.81l5,-4.5M12,3L2,12h3v8h6v-6h2v6h6v-8h3L12,3z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_like.xml b/app/src/main/res/drawable/ic_like.xml
new file mode 100644
index 0000000..7ca45e7
--- /dev/null
+++ b/app/src/main/res/drawable/ic_like.xml
@@ -0,0 +1,22 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M7.5,14h1v3H10v-3h1v4.5h1.5v-5c0,-0.55 -0.45,-1 -1,-1H7c-0.55,0 -1,0.45 -1,1v5h1.5V14z"/>
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M13.5,18.5H15V17h2c0.55,0 1,-0.45 1,-1v-2.5c0,-0.55 -0.45,-1 -1,-1h-3.5V18.5zM15,14h1.5v1.5H15V14z"/>
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M19,3H5C3.9,3 3,3.9 3,5v14c0,1.1 0.9,2 2,2h14c1.1,0 2,-0.9 2,-2V5C21,3.9 20.1,3 19,3zM19,19H5V5h14V19z"/>
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M8.5,11.5l1.5,0l0,-6l-3,0l0,1.5l1.5,0z"/>
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M16.5,10h-3V9h2c0.55,0 1,-0.45 1,-1V6.5c0,-0.55 -0.45,-1 -1,-1H12V7h3v1h-2c-0.55,0 -1,0.45 -1,1v2.5h4.5V10z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_more.xml b/app/src/main/res/drawable/ic_more.xml
new file mode 100644
index 0000000..34b93ec
--- /dev/null
+++ b/app/src/main/res/drawable/ic_more.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M12,8c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM12,10c-1.1,0 -2,0.9 -2,2s0.9,2 2,2 2,-0.9 2,-2 -0.9,-2 -2,-2zM12,16c-1.1,0 -2,0.9 -2,2s0.9,2 2,2 2,-0.9 2,-2 -0.9,-2 -2,-2z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_reels.xml b/app/src/main/res/drawable/ic_reels.xml
new file mode 100644
index 0000000..13186de
--- /dev/null
+++ b/app/src/main/res/drawable/ic_reels.xml
@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M12,12m-3.2,0a3.2,3.2 0,1 1,6.4 0a3.2,3.2 0,1 1,-6.4 0"/>
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M9,2L7.17,4L4,4c-1.1,0 -2,0.9 -2,2v12c0,1.1 0.9,2 2,2h16c1.1,0 2,-0.9 2,-2L22,6c0,-1.1 -0.9,-2 -2,-2h-3.17L15,2L9,2zM12,17c-2.76,0 -5,-2.24 -5,-5s2.24,-5 5,-5 5,2.24 5,5 -2.24,5 -5,5z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_search.xml b/app/src/main/res/drawable/ic_search.xml
new file mode 100644
index 0000000..07b76d6
--- /dev/null
+++ b/app/src/main/res/drawable/ic_search.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M15.5,14h-0.79l-0.28,-0.27C15.41,12.59 16,11.11 16,9.5 16,5.91 13.09,3 9.5,3S3,5.91 3,9.5 5.91,16 9.5,16c1.61,0 3.09,-0.59 4.23,-1.57l0.27,0.28v0.79l5,4.99L20.49,19l-4.99,-5zM9.5,14C7.01,14 5,11.99 5,9.5S7.01,5 9.5,5 14,7.01 14,9.5 11.99,14 9.5,14z"/>
+</vector>
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
index 4fa45b0..acfd10e 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -6,13 +6,240 @@
     android:layout_height="match_parent"
     tools:context=".MainActivity">
 
-    <TextView
+    <androidx.appcompat.widget.Toolbar
+        android:id="@+id/toolbar"
+        android:layout_width="match_parent"
+        android:layout_height="50dp"
+        tools:ignore="MissingConstraints"
+        app:layout_constraintStart_toStartOf="parent">
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content">
+            <TextView
+                android:id="@+id/username"
+                app:layout_constraintHorizontal_chainStyle="spread_inside"
+                android:layout_width="wrap_content"
+                android:layout_height="match_parent"
+                android:text="insaf_id1"
+                app:layout_constraintEnd_toStartOf="@id/addMedia"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"
+                app:layout_constraintBottom_toBottomOf="parent"
+                android:textSize="19sp"/>
+
+            <ImageButton
+                android:id="@+id/addMedia"
+                android:layout_width="wrap_content"
+                android:layout_height="0dp"
+                android:layout_marginLeft="220dp"
+                app:layout_constraintStart_toEndOf="@id/username"
+                app:layout_constraintEnd_toStartOf="@id/menu"
+                android:src="@drawable/ic_add"/>
+
+            <ImageButton
+                android:id="@+id/menu"
+                android:layout_width="wrap_content"
+                android:layout_height="0dp"
+                app:layout_constraintStart_toEndOf="@id/addMedia"
+                app:layout_constraintEnd_toEndOf="parent"
+                android:src="@drawable/ic_more"/>
+        </androidx.constraintlayout.widget.ConstraintLayout>
+    </androidx.appcompat.widget.Toolbar>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:id="@+id/ava_and_subs"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        app:layout_constraintTop_toBottomOf="@id/toolbar">
+        <ImageView
+            app:layout_constraintHorizontal_chainStyle="spread_inside"
+            android:id="@+id/avatarka"
+            android:layout_width="140dp"
+            android:layout_height="140dp"
+            android:src="@drawable/ic_avatarka"
+            app:layout_constraintLeft_toLeftOf="parent"
+            tools:ignore="MissingConstraints,NotSibling" />
+        <TextView
+            app:layout_constraintVertical_chainStyle="packed"
+            app:layout_constraintHorizontal_chainStyle="spread_inside"
+            android:id="@+id/countOfPosts"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            android:text="33"
+            android:textSize="18sp"
+            android:layout_marginStart="20dp"
+            app:layout_constraintStart_toEndOf="@id/avatarka"
+            app:layout_constraintEnd_toStartOf="@id/countOfSubscriberes"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toTopOf="@id/posts"
+            />
+        <TextView
+            android:id="@+id/posts"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            android:text="Посты"
+            android:textSize="18sp"
+            android:layout_marginStart="-20dp"
+            app:layout_constraintTop_toBottomOf="@id/countOfPosts"
+            app:layout_constraintStart_toStartOf="@id/countOfPosts"
+            app:layout_constraintBottom_toBottomOf="parent"/>
+        <TextView
+            android:id="@+id/countOfSubscriberes"
+            app:layout_constraintVertical_chainStyle="packed"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            app:layout_constraintStart_toEndOf="@id/countOfPosts"
+            app:layout_constraintEnd_toStartOf="@id/count_of_subscriptions"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintBottom_toTopOf="@id/subscriberes"
+            android:layout_marginStart="50dp"
+            android:textSize="18sp"
+            android:text="433"
+            />
+        <TextView
+            android:id="@+id/subscriberes"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            app:layout_constraintTop_toBottomOf="@id/countOfSubscriberes"
+            app:layout_constraintStart_toStartOf="@id/countOfSubscriberes"
+            app:layout_constraintBottom_toBottomOf="parent"
+            android:textSize="18sp"
+            android:text="Подписчики"
+            android:layout_marginStart="-40dp"
+            />
+        <TextView
+            android:id="@+id/count_of_subscriptions"
+            app:layout_constraintVertical_chainStyle="packed"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            app:layout_constraintStart_toEndOf="@id/countOfSubscriberes"
+            app:layout_constraintBottom_toTopOf="@id/subscriptions"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            android:layout_marginStart="50dp"
+            android:textSize="18sp"
+            android:text="600"
+            />
+        <TextView
+            android:id="@+id/subscriptions"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            app:layout_constraintTop_toBottomOf="@id/count_of_subscriptions"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toStartOf="@id/count_of_subscriptions"
+            android:textSize="18sp"
+            android:text="Подписки"
+            android:layout_marginStart="-30dp"
+            />
+    </androidx.constraintlayout.widget.ConstraintLayout>
+    <com.google.android.material.textfield.TextInputEditText
+        android:id="@+id/description"
+        android:layout_width="match_parent"
+        android:layout_height="100dp"
+        app:layout_constraintTop_toBottomOf="@id/ava_and_subs"
+        android:text="ОПИСАНИЕ"
+        android:padding="20dp" />
+    <Button
+        app:layout_constraintHorizontal_chainStyle="spread"
+        android:id="@+id/btn_edit"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Редактировать"
+        android:background=""
+        android:textColor="@color/black"
+        app:layout_constraintTop_toBottomOf="@id/description"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/btn_advert"/>
+    <Button
+        android:id="@+id/btn_advert"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Реклама"
+        android:background=""
+        android:textColor="@color/black"
+        app:layout_constraintStart_toEndOf="@id/btn_edit"
+        app:layout_constraintTop_toTopOf="@id/btn_edit"
+        app:layout_constraintEnd_toStartOf="@id/btn_statistics"/>
+    <Button
+        android:id="@+id/btn_statistics"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:text="Hello World!"
+        android:text="Статистика"
+        android:background=""
+        android:textColor="@color/black"
+        app:layout_constraintStart_toEndOf="@id/btn_advert"
+        app:layout_constraintTop_toTopOf="@id/btn_edit"
+        app:layout_constraintEnd_toEndOf="parent"/>
+    <ImageButton
+        android:id="@+id/im_btn_all_media"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:src="@drawable/ic_all_media"
+        app:layout_constraintTop_toBottomOf="@id/btn_edit"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/im_btn_marks"/>
+    <ImageButton
+        android:id="@+id/im_btn_marks"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:src="@drawable/ic_avatarka"
+        app:layout_constraintTop_toBottomOf="@id/btn_edit"
+        app:layout_constraintStart_toEndOf="@id/im_btn_all_media"
+        app:layout_constraintEnd_toEndOf="parent"/>
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        app:layout_constraintBottom_toStartOf="@id/navbar_btn_home"
+        app:layout_constraintBottom_toTopOf="@+id/navbar_btn_home"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/im_btn_all_media"
+        />
+
+    <ImageButton
+        app:layout_constraintHorizontal_chainStyle="spread"
+        android:id="@+id/navbar_btn_home"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:src="@drawable/ic_home"
+        app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintLeft_toLeftOf="parent"
-        app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintEnd_toStartOf="@id/navbar_btn_search"/>
+    <ImageButton
+        android:id="@+id/navbar_btn_search"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:src="@drawable/ic_search"
+        app:layout_constraintBottom_toBottomOf="@id/navbar_btn_home"
+        app:layout_constraintStart_toEndOf="@id/navbar_btn_home"
+        app:layout_constraintEnd_toStartOf="@id/navbar_btn_reels"/>
+    <ImageButton
+        android:id="@+id/navbar_btn_reels"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:src="@drawable/ic_reels"
+        app:layout_constraintBottom_toBottomOf="@id/navbar_btn_home"
+        app:layout_constraintStart_toEndOf="@id/navbar_btn_search"
+        app:layout_constraintEnd_toStartOf="@id/navbar_btn_like"/>
+    <ImageButton
+        android:id="@+id/navbar_btn_like"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:src="@drawable/ic_like"
+        app:layout_constraintBottom_toBottomOf="@id/navbar_btn_home"
+        app:layout_constraintStart_toEndOf="@id/navbar_btn_reels"
+        app:layout_constraintEnd_toStartOf="@id/navbar_btn_profile"/>
+    <ImageButton
+        android:id="@+id/navbar_btn_profile"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:src="@drawable/ic_avatarka"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toEndOf="@id/navbar_btn_like"
+        app:layout_constraintBottom_toBottomOf="@id/navbar_btn_home"/>
+
+
+
 
 </androidx.constraintlayout.widget.ConstraintLayout>

From c3eaec68b1b174b33944bbf752c433aa58a4b897 Mon Sep 17 00:00:00 2001
From: Insaf <insafanas@mail.ru>
Date: Fri, 22 Oct 2021 23:38:35 +0300
Subject: [PATCH 2/2] made own btn nav

---
 .../itis/androidlabproject/HomeFragment.kt    |  11 +
 .../itis/androidlabproject/LikeFragment.kt    |   6 +
 .../itis/androidlabproject/MainActivity.kt    |  45 +++-
 .../itis/androidlabproject/ProfileFragment.kt |   7 +
 .../itis/androidlabproject/ReelsFragment.kt   |   7 +
 .../itis/androidlabproject/SearchFragment.kt  |   7 +
 app/src/main/res/anim/enter_from_left.xml     |   8 +
 app/src/main/res/anim/enter_from_right.xml    |   8 +
 app/src/main/res/anim/exit_to_left.xml        |   8 +
 app/src/main/res/anim/exit_to_right.xml       |   8 +
 app/src/main/res/layout/activity_main.xml     | 218 ++----------------
 app/src/main/res/layout/fragment_home.xml     |  20 ++
 app/src/main/res/layout/fragment_like.xml     |  21 ++
 app/src/main/res/layout/fragment_profile.xml  |  21 ++
 app/src/main/res/layout/fragment_reels.xml    |  21 ++
 app/src/main/res/layout/fragment_search.xml   |  21 ++
 build.gradle                                  |   2 +-
 17 files changed, 238 insertions(+), 201 deletions(-)
 create mode 100644 app/src/main/java/com/itis/androidlabproject/HomeFragment.kt
 create mode 100644 app/src/main/java/com/itis/androidlabproject/LikeFragment.kt
 create mode 100644 app/src/main/java/com/itis/androidlabproject/ProfileFragment.kt
 create mode 100644 app/src/main/java/com/itis/androidlabproject/ReelsFragment.kt
 create mode 100644 app/src/main/java/com/itis/androidlabproject/SearchFragment.kt
 create mode 100644 app/src/main/res/anim/enter_from_left.xml
 create mode 100644 app/src/main/res/anim/enter_from_right.xml
 create mode 100644 app/src/main/res/anim/exit_to_left.xml
 create mode 100644 app/src/main/res/anim/exit_to_right.xml
 create mode 100644 app/src/main/res/layout/fragment_home.xml
 create mode 100644 app/src/main/res/layout/fragment_like.xml
 create mode 100644 app/src/main/res/layout/fragment_profile.xml
 create mode 100644 app/src/main/res/layout/fragment_reels.xml
 create mode 100644 app/src/main/res/layout/fragment_search.xml

diff --git a/app/src/main/java/com/itis/androidlabproject/HomeFragment.kt b/app/src/main/java/com/itis/androidlabproject/HomeFragment.kt
new file mode 100644
index 0000000..0f1d6aa
--- /dev/null
+++ b/app/src/main/java/com/itis/androidlabproject/HomeFragment.kt
@@ -0,0 +1,11 @@
+package com.itis.androidlabproject
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+
+class HomeFragment : Fragment(R.layout.fragment_home) {
+    
+}
diff --git a/app/src/main/java/com/itis/androidlabproject/LikeFragment.kt b/app/src/main/java/com/itis/androidlabproject/LikeFragment.kt
new file mode 100644
index 0000000..10abac9
--- /dev/null
+++ b/app/src/main/java/com/itis/androidlabproject/LikeFragment.kt
@@ -0,0 +1,6 @@
+package com.itis.androidlabproject
+
+import androidx.fragment.app.Fragment
+
+class LikeFragment : Fragment(R.layout.fragment_like) {
+}
diff --git a/app/src/main/java/com/itis/androidlabproject/MainActivity.kt b/app/src/main/java/com/itis/androidlabproject/MainActivity.kt
index d71ac0c..ab23486 100644
--- a/app/src/main/java/com/itis/androidlabproject/MainActivity.kt
+++ b/app/src/main/java/com/itis/androidlabproject/MainActivity.kt
@@ -2,12 +2,55 @@ package com.itis.androidlabproject
 
 import androidx.appcompat.app.AppCompatActivity
 import android.os.Bundle
+import android.provider.ContactsContract
+import androidx.fragment.app.Fragment
 import com.itis.androidlabproject.databinding.ActivityMainBinding
 
 class MainActivity : AppCompatActivity() {
     private lateinit var binding: ActivityMainBinding
+
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
-        setContentView(R.layout.activity_main)
+        binding = ActivityMainBinding.inflate(layoutInflater).also {
+            setContentView(it.root)
+        }
+
+        supportFragmentManager.beginTransaction().run {
+            add(R.id.frame_layout, HomeFragment())
+            addToBackStack("home")
+            commit()
+        }
+
+        with(binding) {
+            navbarBtnHome.setOnClickListener {
+                replaceFragment(HomeFragment())
+            }
+            navbarBtnSearch.setOnClickListener {
+                replaceFragment(SearchFragment())
+            }
+            navbarBtnReels.setOnClickListener {
+                replaceFragment(ReelsFragment())
+            }
+            navbarBtnLike.setOnClickListener {
+                replaceFragment(LikeFragment())
+            }
+            navbarBtnProfile.setOnClickListener {
+                replaceFragment(ProfileFragment())
+            }
+        }
+    }
+
+    private fun replaceFragment(fragment: Fragment) {
+        supportFragmentManager.beginTransaction().run {
+            addToBackStack(fragment.javaClass.toString())
+            setCustomAnimations(
+                R.anim.enter_from_right,
+                R.anim.exit_to_left,
+                R.anim.enter_from_left,
+                R.anim.exit_to_right
+            )
+            commit()
+            replace(R.id.frame_layout, fragment)
+        }
     }
 }
diff --git a/app/src/main/java/com/itis/androidlabproject/ProfileFragment.kt b/app/src/main/java/com/itis/androidlabproject/ProfileFragment.kt
new file mode 100644
index 0000000..6d23dc9
--- /dev/null
+++ b/app/src/main/java/com/itis/androidlabproject/ProfileFragment.kt
@@ -0,0 +1,7 @@
+package com.itis.androidlabproject
+
+import androidx.fragment.app.Fragment
+
+class ProfileFragment :Fragment(R.layout.fragment_profile){
+
+}
diff --git a/app/src/main/java/com/itis/androidlabproject/ReelsFragment.kt b/app/src/main/java/com/itis/androidlabproject/ReelsFragment.kt
new file mode 100644
index 0000000..268a53c
--- /dev/null
+++ b/app/src/main/java/com/itis/androidlabproject/ReelsFragment.kt
@@ -0,0 +1,7 @@
+package com.itis.androidlabproject
+
+import androidx.fragment.app.Fragment
+
+class ReelsFragment : Fragment(R.layout.fragment_reels) {
+
+}
diff --git a/app/src/main/java/com/itis/androidlabproject/SearchFragment.kt b/app/src/main/java/com/itis/androidlabproject/SearchFragment.kt
new file mode 100644
index 0000000..2e682c0
--- /dev/null
+++ b/app/src/main/java/com/itis/androidlabproject/SearchFragment.kt
@@ -0,0 +1,7 @@
+package com.itis.androidlabproject
+
+import androidx.fragment.app.Fragment
+
+class SearchFragment : Fragment(R.layout.fragment_search) {
+
+}
diff --git a/app/src/main/res/anim/enter_from_left.xml b/app/src/main/res/anim/enter_from_left.xml
new file mode 100644
index 0000000..0826b75
--- /dev/null
+++ b/app/src/main/res/anim/enter_from_left.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shareInterpolator="false">
+    <translate
+        android:fromXDelta="-100%p" android:toXDelta="0%"
+        android:fromYDelta="0%" android:toYDelta="0%"
+        android:duration="@android:integer/config_mediumAnimTime"/>
+</set>
diff --git a/app/src/main/res/anim/enter_from_right.xml b/app/src/main/res/anim/enter_from_right.xml
new file mode 100644
index 0000000..d424f42
--- /dev/null
+++ b/app/src/main/res/anim/enter_from_right.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shareInterpolator="false">
+    <translate
+        android:fromXDelta="100%p" android:toXDelta="0%"
+        android:fromYDelta="0%" android:toYDelta="0%"
+        android:duration="@android:integer/config_mediumAnimTime" />
+</set>
diff --git a/app/src/main/res/anim/exit_to_left.xml b/app/src/main/res/anim/exit_to_left.xml
new file mode 100644
index 0000000..9c2ad05
--- /dev/null
+++ b/app/src/main/res/anim/exit_to_left.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shareInterpolator="false">
+    <translate
+        android:fromXDelta="0%" android:toXDelta="-100%p"
+        android:fromYDelta="0%" android:toYDelta="0%"
+        android:duration="@android:integer/config_mediumAnimTime"/>
+</set>
diff --git a/app/src/main/res/anim/exit_to_right.xml b/app/src/main/res/anim/exit_to_right.xml
new file mode 100644
index 0000000..7becffd
--- /dev/null
+++ b/app/src/main/res/anim/exit_to_right.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shareInterpolator="false">
+    <translate
+        android:fromXDelta="0%" android:toXDelta="100%p"
+        android:fromYDelta="0%" android:toYDelta="0%"
+        android:duration="@android:integer/config_mediumAnimTime" />
+</set>
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
index acfd10e..32ac741 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -6,240 +6,60 @@
     android:layout_height="match_parent"
     tools:context=".MainActivity">
 
-    <androidx.appcompat.widget.Toolbar
-        android:id="@+id/toolbar"
-        android:layout_width="match_parent"
-        android:layout_height="50dp"
-        tools:ignore="MissingConstraints"
-        app:layout_constraintStart_toStartOf="parent">
-        <androidx.constraintlayout.widget.ConstraintLayout
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content">
-            <TextView
-                android:id="@+id/username"
-                app:layout_constraintHorizontal_chainStyle="spread_inside"
-                android:layout_width="wrap_content"
-                android:layout_height="match_parent"
-                android:text="insaf_id1"
-                app:layout_constraintEnd_toStartOf="@id/addMedia"
-                app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toTopOf="parent"
-                app:layout_constraintBottom_toBottomOf="parent"
-                android:textSize="19sp"/>
-
-            <ImageButton
-                android:id="@+id/addMedia"
-                android:layout_width="wrap_content"
-                android:layout_height="0dp"
-                android:layout_marginLeft="220dp"
-                app:layout_constraintStart_toEndOf="@id/username"
-                app:layout_constraintEnd_toStartOf="@id/menu"
-                android:src="@drawable/ic_add"/>
-
-            <ImageButton
-                android:id="@+id/menu"
-                android:layout_width="wrap_content"
-                android:layout_height="0dp"
-                app:layout_constraintStart_toEndOf="@id/addMedia"
-                app:layout_constraintEnd_toEndOf="parent"
-                android:src="@drawable/ic_more"/>
-        </androidx.constraintlayout.widget.ConstraintLayout>
-    </androidx.appcompat.widget.Toolbar>
-
-    <androidx.constraintlayout.widget.ConstraintLayout
-        android:id="@+id/ava_and_subs"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        app:layout_constraintTop_toBottomOf="@id/toolbar">
-        <ImageView
-            app:layout_constraintHorizontal_chainStyle="spread_inside"
-            android:id="@+id/avatarka"
-            android:layout_width="140dp"
-            android:layout_height="140dp"
-            android:src="@drawable/ic_avatarka"
-            app:layout_constraintLeft_toLeftOf="parent"
-            tools:ignore="MissingConstraints,NotSibling" />
-        <TextView
-            app:layout_constraintVertical_chainStyle="packed"
-            app:layout_constraintHorizontal_chainStyle="spread_inside"
-            android:id="@+id/countOfPosts"
-            android:layout_width="0dp"
-            android:layout_height="match_parent"
-            android:text="33"
-            android:textSize="18sp"
-            android:layout_marginStart="20dp"
-            app:layout_constraintStart_toEndOf="@id/avatarka"
-            app:layout_constraintEnd_toStartOf="@id/countOfSubscriberes"
-            app:layout_constraintTop_toTopOf="parent"
-            app:layout_constraintBottom_toTopOf="@id/posts"
-            />
-        <TextView
-            android:id="@+id/posts"
-            android:layout_width="0dp"
-            android:layout_height="match_parent"
-            android:text="Посты"
-            android:textSize="18sp"
-            android:layout_marginStart="-20dp"
-            app:layout_constraintTop_toBottomOf="@id/countOfPosts"
-            app:layout_constraintStart_toStartOf="@id/countOfPosts"
-            app:layout_constraintBottom_toBottomOf="parent"/>
-        <TextView
-            android:id="@+id/countOfSubscriberes"
-            app:layout_constraintVertical_chainStyle="packed"
-            android:layout_width="0dp"
-            android:layout_height="match_parent"
-            app:layout_constraintStart_toEndOf="@id/countOfPosts"
-            app:layout_constraintEnd_toStartOf="@id/count_of_subscriptions"
-            app:layout_constraintTop_toTopOf="parent"
-            app:layout_constraintBottom_toTopOf="@id/subscriberes"
-            android:layout_marginStart="50dp"
-            android:textSize="18sp"
-            android:text="433"
-            />
-        <TextView
-            android:id="@+id/subscriberes"
-            android:layout_width="0dp"
-            android:layout_height="match_parent"
-            app:layout_constraintTop_toBottomOf="@id/countOfSubscriberes"
-            app:layout_constraintStart_toStartOf="@id/countOfSubscriberes"
-            app:layout_constraintBottom_toBottomOf="parent"
-            android:textSize="18sp"
-            android:text="Подписчики"
-            android:layout_marginStart="-40dp"
-            />
-        <TextView
-            android:id="@+id/count_of_subscriptions"
-            app:layout_constraintVertical_chainStyle="packed"
-            android:layout_width="0dp"
-            android:layout_height="match_parent"
-            app:layout_constraintStart_toEndOf="@id/countOfSubscriberes"
-            app:layout_constraintBottom_toTopOf="@id/subscriptions"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintTop_toTopOf="parent"
-            android:layout_marginStart="50dp"
-            android:textSize="18sp"
-            android:text="600"
-            />
-        <TextView
-            android:id="@+id/subscriptions"
-            android:layout_width="0dp"
-            android:layout_height="match_parent"
-            app:layout_constraintTop_toBottomOf="@id/count_of_subscriptions"
-            app:layout_constraintBottom_toBottomOf="parent"
-            app:layout_constraintStart_toStartOf="@id/count_of_subscriptions"
-            android:textSize="18sp"
-            android:text="Подписки"
-            android:layout_marginStart="-30dp"
-            />
-    </androidx.constraintlayout.widget.ConstraintLayout>
-    <com.google.android.material.textfield.TextInputEditText
-        android:id="@+id/description"
-        android:layout_width="match_parent"
-        android:layout_height="100dp"
-        app:layout_constraintTop_toBottomOf="@id/ava_and_subs"
-        android:text="ОПИСАНИЕ"
-        android:padding="20dp" />
-    <Button
-        app:layout_constraintHorizontal_chainStyle="spread"
-        android:id="@+id/btn_edit"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="Редактировать"
-        android:background=""
-        android:textColor="@color/black"
-        app:layout_constraintTop_toBottomOf="@id/description"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintEnd_toStartOf="@id/btn_advert"/>
-    <Button
-        android:id="@+id/btn_advert"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="Реклама"
-        android:background=""
-        android:textColor="@color/black"
-        app:layout_constraintStart_toEndOf="@id/btn_edit"
-        app:layout_constraintTop_toTopOf="@id/btn_edit"
-        app:layout_constraintEnd_toStartOf="@id/btn_statistics"/>
-    <Button
-        android:id="@+id/btn_statistics"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="Статистика"
-        android:background=""
-        android:textColor="@color/black"
-        app:layout_constraintStart_toEndOf="@id/btn_advert"
-        app:layout_constraintTop_toTopOf="@id/btn_edit"
-        app:layout_constraintEnd_toEndOf="parent"/>
-    <ImageButton
-        android:id="@+id/im_btn_all_media"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:src="@drawable/ic_all_media"
-        app:layout_constraintTop_toBottomOf="@id/btn_edit"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintEnd_toStartOf="@id/im_btn_marks"/>
-    <ImageButton
-        android:id="@+id/im_btn_marks"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:src="@drawable/ic_avatarka"
-        app:layout_constraintTop_toBottomOf="@id/btn_edit"
-        app:layout_constraintStart_toEndOf="@id/im_btn_all_media"
-        app:layout_constraintEnd_toEndOf="parent"/>
-
-    <androidx.recyclerview.widget.RecyclerView
+    <FrameLayout
+        android:id="@+id/frame_layout"
         android:layout_width="0dp"
         android:layout_height="0dp"
-        app:layout_constraintBottom_toStartOf="@id/navbar_btn_home"
         app:layout_constraintBottom_toTopOf="@+id/navbar_btn_home"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/im_btn_all_media"
-        />
+        app:layout_constraintTop_toTopOf="parent" />
 
     <ImageButton
-        app:layout_constraintHorizontal_chainStyle="spread"
         android:id="@+id/navbar_btn_home"
         android:layout_width="0dp"
         android:layout_height="wrap_content"
         android:src="@drawable/ic_home"
-        app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toStartOf="@id/navbar_btn_search"/>
+        app:layout_constraintEnd_toStartOf="@id/navbar_btn_search"
+        app:layout_constraintHorizontal_chainStyle="spread"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/frame_layout" />
+
     <ImageButton
         android:id="@+id/navbar_btn_search"
         android:layout_width="0dp"
         android:layout_height="wrap_content"
         android:src="@drawable/ic_search"
         app:layout_constraintBottom_toBottomOf="@id/navbar_btn_home"
-        app:layout_constraintStart_toEndOf="@id/navbar_btn_home"
-        app:layout_constraintEnd_toStartOf="@id/navbar_btn_reels"/>
+        app:layout_constraintEnd_toStartOf="@id/navbar_btn_reels"
+        app:layout_constraintStart_toEndOf="@id/navbar_btn_home" />
+
     <ImageButton
         android:id="@+id/navbar_btn_reels"
         android:layout_width="0dp"
         android:layout_height="wrap_content"
         android:src="@drawable/ic_reels"
         app:layout_constraintBottom_toBottomOf="@id/navbar_btn_home"
-        app:layout_constraintStart_toEndOf="@id/navbar_btn_search"
-        app:layout_constraintEnd_toStartOf="@id/navbar_btn_like"/>
+        app:layout_constraintEnd_toStartOf="@id/navbar_btn_like"
+        app:layout_constraintStart_toEndOf="@id/navbar_btn_search" />
+
     <ImageButton
         android:id="@+id/navbar_btn_like"
         android:layout_width="0dp"
         android:layout_height="wrap_content"
         android:src="@drawable/ic_like"
         app:layout_constraintBottom_toBottomOf="@id/navbar_btn_home"
-        app:layout_constraintStart_toEndOf="@id/navbar_btn_reels"
-        app:layout_constraintEnd_toStartOf="@id/navbar_btn_profile"/>
+        app:layout_constraintEnd_toStartOf="@id/navbar_btn_profile"
+        app:layout_constraintStart_toEndOf="@id/navbar_btn_reels" />
+
     <ImageButton
         android:id="@+id/navbar_btn_profile"
         android:layout_width="0dp"
         android:layout_height="wrap_content"
         android:src="@drawable/ic_avatarka"
+        app:layout_constraintBottom_toBottomOf="@id/navbar_btn_home"
         app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toEndOf="@id/navbar_btn_like"
-        app:layout_constraintBottom_toBottomOf="@id/navbar_btn_home"/>
-
-
-
+        app:layout_constraintStart_toEndOf="@id/navbar_btn_like" />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/fragment_home.xml b/app/src/main/res/layout/fragment_home.xml
new file mode 100644
index 0000000..876bbdd
--- /dev/null
+++ b/app/src/main/res/layout/fragment_home.xml
@@ -0,0 +1,20 @@
+<?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"
+    tools:context=".HomeFragment">
+
+    <TextView
+        android:id="@+id/tv_home"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Home"
+        android:textAllCaps="true"
+        android:textSize="50sp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/fragment_like.xml b/app/src/main/res/layout/fragment_like.xml
new file mode 100644
index 0000000..96390c0
--- /dev/null
+++ b/app/src/main/res/layout/fragment_like.xml
@@ -0,0 +1,21 @@
+<?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"
+    tools:context=".LikeFragment">
+
+    <TextView
+        android:id="@+id/tv_like"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Like"
+        android:textAllCaps="true"
+        android:textSize="50sp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/fragment_profile.xml b/app/src/main/res/layout/fragment_profile.xml
new file mode 100644
index 0000000..f6b75d7
--- /dev/null
+++ b/app/src/main/res/layout/fragment_profile.xml
@@ -0,0 +1,21 @@
+<?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"
+    tools:context=".ProfileFragment">
+
+    <TextView
+        android:id="@+id/tv_profile"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Profile"
+        android:textAllCaps="true"
+        android:textSize="50sp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/fragment_reels.xml b/app/src/main/res/layout/fragment_reels.xml
new file mode 100644
index 0000000..7c9fc0b
--- /dev/null
+++ b/app/src/main/res/layout/fragment_reels.xml
@@ -0,0 +1,21 @@
+<?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"
+    tools:context=".ReelsFragment">
+
+    <TextView
+        android:id="@+id/tv_reels"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Reels"
+        android:textAllCaps="true"
+        android:textSize="50sp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/app/src/main/res/layout/fragment_search.xml b/app/src/main/res/layout/fragment_search.xml
new file mode 100644
index 0000000..a6c766a
--- /dev/null
+++ b/app/src/main/res/layout/fragment_search.xml
@@ -0,0 +1,21 @@
+<?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"
+    tools:context=".SearchFragment">
+
+    <TextView
+        android:id="@+id/tv_search"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Search"
+        android:textAllCaps="true"
+        android:textSize="50sp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/build.gradle b/build.gradle
index 12f1d4c..0a80f8a 100644
--- a/build.gradle
+++ b/build.gradle
@@ -5,7 +5,7 @@ buildscript {
         mavenCentral()
     }
     dependencies {
-        classpath "com.android.tools.build:gradle:7.0.2"
+        classpath 'com.android.tools.build:gradle:7.0.3'
         classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:1.5.30"
 
         // NOTE: Do not place your application dependencies here; they belong