diff --git a/.idea/misc.xml b/.idea/misc.xml
index bdb0e2c..c2064d2 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -3,16 +3,30 @@
   <component name="DesignSurface">
     <option name="filePathToZoomLevelMap">
       <map>
+        <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/drawable-v24/ic_launcher_foreground.xml" value="0.1765625" />
+        <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/drawable/button_bg.xml" value="0.26614583333333336" />
         <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/drawable/ic_baseline_bookmark_border_24.xml" value="0.13796296296296295" />
+        <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/drawable/ic_baseline_bookmarks_24.xml" value="0.26614583333333336" />
         <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/drawable/ic_baseline_business_24.xml" value="0.24259259259259258" />
         <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/drawable/ic_baseline_check_24.xml" value="0.24259259259259258" />
         <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/drawable/ic_baseline_delete_outline_24.xml" value="0.18072916666666666" />
+        <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/drawable/ic_baseline_filter_list_24.xml" value="0.1765625" />
+        <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/drawable/ic_baseline_keyboard_arrow_down_24.xml" value="0.26614583333333336" />
+        <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/drawable/ic_baseline_keyboard_arrow_up_24.xml" value="0.1765625" />
+        <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/drawable/ic_baseline_open_in_browser_24.xml" value="0.1765625" />
+        <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/drawable/ic_baseline_open_in_new_24.xml" value="0.26614583333333336" />
+        <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/drawable/ic_baseline_save_24.xml" value="0.1765625" />
         <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/drawable/ic_baseline_share_24.xml" value="0.13796296296296295" />
-        <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/layout/activity_main.xml" value="0.12864583333333332" />
+        <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/drawable/ic_launcher_background.xml" value="0.1765625" />
+        <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/layout/activity_main.xml" value="0.264" />
+        <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/layout/activity_saved_news.xml" value="0.25" />
         <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/layout/fragment_category.xml" value="0.1" />
         <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/layout/fragment_main.xml" value="0.1" />
+        <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/layout/fragment_saved_news.xml" value="0.1" />
         <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/layout/list_item.xml" value="0.2" />
+        <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/layout/shimmer_list_item.xml" value="0.2" />
         <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/menu/main_menu.xml" value="0.1" />
+        <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/menu/menu_item.xml" value="0.25" />
         <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml" value="0.26614583333333336" />
         <entry key="..\:/Users/RAJ MANJREKAR/AndroidStudioProjects/NewsApp/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml" value="0.26614583333333336" />
       </map>
diff --git a/README.md b/README.md
index 6778641..8f1da1f 100644
--- a/README.md
+++ b/README.md
@@ -2,23 +2,16 @@
 Android news app built in kotlin that fetches news data from <a href="https://newsapi.org/">news api</a> with **Retrofit** and displays news to users.
 This App follow MVVM architecture carrying Room operations in Data Access Objects(DAO) and API calls in Repository, and fragments navigations implemented with Android Navigation Component.
 
-### Problem Statement : 
-In Today's corporate life, people don't have enough time to watch news from different sources, thus they can miss out important opportunities, information, etc. Besides opportunites, it's a good habit to be educated about the environment we live in.
-
-### Proposed Solution : 
-A News app built in kotlin with implementation of MVVM architecture and android navigation components.This news app clusters news from various sources of journalism, So that users can get aware in a glimpse. They can also share relevant news with their belongings and save important news.
-
-
  ### App Screenshots : 
  
  <table align="center">
   <tr>
-    <th>News</th>
+    <th>Home</th>
     <th>Saved News</th>
     <th>News Sharing</th>
   </tr>
   <tr>
-    <td><img src="https://user-images.githubusercontent.com/79650580/148635903-616783b2-7a1d-4630-8dba-c2d4464ab322.jpg" alt="News Display" style="width:250px;height:500px;"></td>
+    <td><img src="https://github.com/Raj-m01/News-App/screenshots/App_home.gif" alt="News home" style="width:250px;height:500px;"></td>
     <td><img src="https://user-images.githubusercontent.com/79650580/148636163-39cc92db-8472-4129-b720-a247f40dc998.jpg" alt="Saved News" style="width:250px;height:500px;"></td>
     <td><img src="https://user-images.githubusercontent.com/79650580/148540369-f782a187-b760-42c8-9eb0-8cd461ae7e27.jpg" alt="Image - news sharing" style="width:250px;height:500px;"></td>
   </tr>
@@ -27,13 +20,6 @@ A News app built in kotlin with implementation of MVVM architecture and android
 
 
 
- ### App features : 
- * Views News 
- * Share News 
- * Save News 
- 
-
-
 ### MVVM Architecture : 
 
 MVVM is one of the architectural patterns which enhances separation of concerns, it allows separating the user interface logic from the business (or the back-end) logic. Its target (with other MVC patterns goal) is to achieve the following principle "Keeping UI code simple and free of app logic in order to make it easier to manage".
@@ -62,22 +48,7 @@ MVVM is one of the architectural patterns which enhances separation of concerns,
  * **LiveData:** A data holder class that can be observed. Always holds/caches the latest version of data, and notifies its observers when data has changed.
  
  
- ### Navigation Component : 
- 
- #### The Navigation component consists of three key parts that are described below:
-
-* **Navigation graph :** An XML resource that contains all navigation-related information in one centralized location. This includes all of the individual content areas within your app, called destinations, as well as the possible paths that a user can take through your app.
-
-* **NavHost :** An empty container that displays destinations from your navigation graph. The Navigation component contains a default NavHost implementation, NavHostFragment, that displays fragment destinations.
-
-* **NavController :** An object that manages app navigation within a NavHost. The NavController orchestrates the swapping of destination content in the NavHost as users move throughout your app.
- 
 ### Retrofit : 
 Retrofit is a type-safe REST client for Android, Java and Kotlin developed by Square. The library provides a powerful framework for authenticating and interacting with APIs and sending network requests with OkHttp.
 
-### Application link : <a href="https://drive.google.com/file/d/1hjB8vKHGF_7C7B1QBB0-E7P5eOWmux3t/view?usp=sharing">**Click here to download**</a>
-
-### Future Scope : 
-
-* Add Quiz such as sudoku, words, etc. section in app 
-* Display various data, surveys, events( such as earthquake magnitude) in analytical visuals to get better idea.
+### Application link : <a href="https://drive.google.com/file/d/1u0A4mCkY98cfavE32c6GH_bVp0v9wujr/view?usp=sharing">**Click here to download**</a>
diff --git a/app/build.gradle b/app/build.gradle
index b68a6ca..95548f6 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -5,6 +5,7 @@ plugins {
     id 'kotlin-kapt'
     id 'androidx.navigation.safeargs.kotlin'
 }
+apply plugin: 'kotlin-android'
 
 
 android {
@@ -43,12 +44,13 @@ android {
 
 dependencies {
 
-    def room_version = "2.4.0"
-    def nav_version = "2.3.5"
+    implementation 'androidx.constraintlayout:constraintlayout:2.1.3'
+    def room_version = '2.4.2'
+    def nav_version = '2.4.1'
 
-    implementation "androidx.lifecycle:lifecycle-viewmodel-ktx:2.4.0"
+    implementation 'androidx.lifecycle:lifecycle-viewmodel-ktx:2.4.1'
 
-    implementation "androidx.navigation:navigation-fragment-ktx:$nav_version"
+    implementation "androidx.navigation:navigation-fragment-ktx:2.4.1"
     implementation "androidx.navigation:navigation-ui-ktx:$nav_version"
 
     implementation "androidx.room:room-runtime:$room_version"
@@ -57,8 +59,8 @@ dependencies {
     implementation "androidx.activity:activity-ktx:1.4.0"
 
     implementation 'androidx.core:core-ktx:1.7.0'
-    implementation 'androidx.appcompat:appcompat:1.4.0'
-    implementation 'com.google.android.material:material:1.4.0'
+    implementation 'androidx.appcompat:appcompat:1.4.1'
+    implementation 'com.google.android.material:material:1.5.0'
     implementation 'androidx.legacy:legacy-support-v4:1.0.0'
     testImplementation 'junit:junit:4.13.2'
     androidTestImplementation 'androidx.test.ext:junit:1.1.3'
@@ -74,6 +76,8 @@ dependencies {
 
 
     implementation 'com.squareup.picasso:picasso:2.71828'
-    
+    implementation "androidx.core:core-ktx:+"
+    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
 
-}
\ No newline at end of file
+    implementation 'com.facebook.shimmer:shimmer:0.5.0'
+}
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index c5d9aec..1732ab1 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -2,24 +2,31 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     package="com.example.newsapp">
 
-    <uses-permission android:name="android.permission.INTERNET"></uses-permission>
+    <uses-permission android:name="android.permission.INTERNET" />
 
     <application
         android:allowBackup="true"
         android:icon="@mipmap/ic_launcher"
-        android:label="@string/app_name"
+        android:label="News App"
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
         android:theme="@style/Theme.NewsApp">
         <activity
             android:name=".MainActivity"
-            android:exported="true">
+            android:exported="true"
+            android:launchMode="singleTask">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
-
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
+
+        <activity
+            android:name=".SavedNews"
+            android:parentActivityName=".MainActivity"
+            android:label="Saved News">
+
+        </activity>
     </application>
 
 </manifest>
\ No newline at end of file
diff --git a/app/src/main/java/com/example/newsapp/CustomAdapter.kt b/app/src/main/java/com/example/newsapp/CustomAdapter.kt
index b2b4a99..6b56fa5 100644
--- a/app/src/main/java/com/example/newsapp/CustomAdapter.kt
+++ b/app/src/main/java/com/example/newsapp/CustomAdapter.kt
@@ -6,18 +6,16 @@ import android.net.Uri
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
+import android.widget.ImageButton
 import android.widget.ImageView
 import android.widget.TextView
-import androidx.navigation.NavController
-import androidx.navigation.findNavController
 import androidx.recyclerview.widget.RecyclerView
 import com.squareup.picasso.Picasso
 
 
 class CustomAdapter(private val newsList: MutableList<NewsModel>, val saveListener: SaveClickListener) : RecyclerView.Adapter<CustomAdapter.ViewHolder>(){
 
-    lateinit var  context: Context
-    private lateinit var navController: NavController
+    private lateinit var  context: Context
 
     companion object{
         var myClickListener: SaveClickListener? = null
@@ -28,9 +26,6 @@ class CustomAdapter(private val newsList: MutableList<NewsModel>, val saveListen
 
         val view = LayoutInflater.from(parent.context).inflate(R.layout.list_item, parent, false)
         context = parent.context
-
-        navController =  parent.findNavController()
-
         return ViewHolder(view)
     }
 
@@ -57,41 +52,36 @@ class CustomAdapter(private val newsList: MutableList<NewsModel>, val saveListen
         }
 
 
-        if(navController.currentDestination.toString().contains("savedNewsFragment4")){
+        if(context.toString().contains("com.example.newsapp.SavedNews")){
             holder.saveBtn.setImageResource(R.drawable.ic_baseline_delete_outline_24)
-
         }
 
 
-        holder.image.setOnClickListener( View.OnClickListener {
-            newsData.url?.let { it1 -> openNews(it1,context) }
-        })
+        holder.image.setOnClickListener {
+            newsData.url?.let { it1 -> openNews(it1, context) }
+        }
 
-        holder.headLine.setOnClickListener(View.OnClickListener { newsData.url?.let { it1 ->
+        holder.headLine.setOnClickListener{ newsData.url?.let { it1 ->
             openNews(
                 it1, context)
-        } })
+        } }
 
-        holder.shareBtn.setOnClickListener(View.OnClickListener {
+        holder.shareBtn.setOnClickListener {
 
             val intent = Intent(Intent.ACTION_SEND)
-            intent.putExtra(Intent.EXTRA_TEXT,"Hey, checkout this news : "+newsData.url)
+            intent.putExtra(Intent.EXTRA_TEXT, "Hey, checkout this news : " + newsData.url)
             intent.type = "text/plain"
-            context.startActivity(Intent.createChooser(intent,"Share with :"))
+            context.startActivity(Intent.createChooser(intent, "Share with :"))
 
-        })
+        }
 
         myClickListener = saveListener
 
-        holder.saveBtn.setOnClickListener(object : View.OnClickListener {
-
-            override fun onClick(v: View?) {
-                if (myClickListener != null) {
-                    myClickListener?.onSaveBtnClick(holder.adapterPosition)
-                }
+        holder.saveBtn.setOnClickListener {
+            if (myClickListener != null) {
+                myClickListener?.onSaveBtnClick(holder.adapterPosition)
             }
-            })
-
+        }
     }
 
 
@@ -102,15 +92,16 @@ class CustomAdapter(private val newsList: MutableList<NewsModel>, val saveListen
 
     class ViewHolder(ItemView: View?) : RecyclerView.ViewHolder(ItemView!!){
 
-        val saveBtn: ImageView = itemView.findViewById(R.id.save_news)
-        val shareBtn: ImageView = itemView.findViewById(R.id.share_btn)
+        val saveBtn: ImageButton = itemView.findViewById(R.id.save_news)
+        val shareBtn: ImageButton = itemView.findViewById(R.id.share_btn)
         val image: ImageView = itemView.findViewById(R.id.news_image)
         val headLine: TextView = itemView.findViewById(R.id.headline)
         val description: TextView = itemView.findViewById(R.id.description)
 
+
     }
 
-    open interface SaveClickListener {
+    interface SaveClickListener {
         fun onSaveBtnClick(position: Int)
     }
 
diff --git a/app/src/main/java/com/example/newsapp/MainActivity.kt b/app/src/main/java/com/example/newsapp/MainActivity.kt
index 49c12f0..f47e182 100644
--- a/app/src/main/java/com/example/newsapp/MainActivity.kt
+++ b/app/src/main/java/com/example/newsapp/MainActivity.kt
@@ -1,35 +1,203 @@
 package com.example.newsapp
 
-import android.annotation.SuppressLint
+import android.content.Intent
 import android.os.Bundle
-import android.util.Log
+import android.view.Menu
+import android.view.MenuItem
+import android.view.View
+import android.view.animation.TranslateAnimation
+import android.widget.*
+import androidx.annotation.Nullable
 import androidx.appcompat.app.AppCompatActivity
-import androidx.navigation.ActivityNavigator
-import androidx.navigation.NavController
-import androidx.navigation.fragment.NavHostFragment
-import androidx.navigation.ui.AppBarConfiguration
-import androidx.navigation.ui.navigateUp
-import androidx.navigation.ui.setupActionBarWithNavController
+import androidx.lifecycle.ViewModelProvider
+import androidx.recyclerview.widget.DividerItemDecoration
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import com.example.newsapp.architecture.NewsViewModel
+import com.facebook.shimmer.ShimmerFrameLayout
+
 
 
 class MainActivity : AppCompatActivity() {
 
-private lateinit var navController: NavController
+    private lateinit var viewModel: NewsViewModel
+    private lateinit var recyclerView: RecyclerView
+    private lateinit var newsContainer: FrameLayout
+    private lateinit var fetchedNews: MutableList<NewsModel>
+    private lateinit var mAdapter: CustomAdapter
+    private lateinit var shimmerLayout: ShimmerFrameLayout
+    private lateinit var categoryContainer: LinearLayout
+    private lateinit var dropBtn: ImageButton
 
-    private val appBarConfiguration by lazy { AppBarConfiguration(navController.graph) }
+    private var hideCategory: Boolean = false
 
-    @SuppressLint("RestrictedApi")
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         setContentView(R.layout.activity_main)
-        val navHostFragment = supportFragmentManager.findFragmentById(R.id.fragmentContainerView) as NavHostFragment
-        navController = navHostFragment.navController
-        setupActionBarWithNavController(navController, appBarConfiguration)
+
+        categoryContainer = findViewById(R.id.cate_container)
+        dropBtn = findViewById(R.id.drop_btn)
+        newsContainer = findViewById(R.id.news_container)
+        recyclerView = findViewById(R.id.recyclerView)
+        shimmerLayout = findViewById(R.id.shimmerLayout)
+        recyclerView.layoutManager = LinearLayoutManager(this)
+        recyclerView.addItemDecoration(DividerItemDecoration(this, LinearLayoutManager.VERTICAL))
+        viewModel = ViewModelProvider(this)[NewsViewModel::class.java]
+        fetchedNews = mutableListOf<NewsModel>()
+
+        findViewById<Button>(R.id.general_btn).setBackgroundColor(resources.getColor(R.color.purple_500))
+        findViewById<Button>(R.id.general_btn).setTextColor(resources.getColor(R.color.white))
+
+
+        changeNews("general")
+
+        dropBtn.setOnClickListener{
+
+            if(!hideCategory) {
+
+                hideCategory = true
+                val h = categoryContainer.height
+                slideUp(categoryContainer, h)
+                dropBtn.animate().rotationBy(180f)
+
+            }else{
+
+                hideCategory = false
+                val h = it.height
+                slideDown(categoryContainer, h)
+                dropBtn.animate().rotationBy(180f)
+            }
+
+        }
+
+        mAdapter = CustomAdapter(fetchedNews, object : CustomAdapter.SaveClickListener{
+            override fun onSaveBtnClick(position: Int) {
+
+                this.let { viewModel.insertNews(this@MainActivity, fetchedNews[position]) }
+
+                Toast.makeText(this@MainActivity,"Saved", Toast.LENGTH_SHORT).show()
+
+            }
+        })
 
     }
 
-    override fun onSupportNavigateUp(): Boolean {
-        return navController.navigateUp(appBarConfiguration) || super.onSupportNavigateUp()
+
+    private fun slideUp(view: View, height: Int) {
+
+        val duration = 200
+
+        val animate = TranslateAnimation(0f, 0f, 0f, -height.toFloat())
+        animate.duration = duration.toLong()
+        view.animate().alpha(0.0f)
+        view.startAnimation(animate)
+        view.visibility = View.GONE
+
+
+    }
+
+    private fun slideDown(view: View, height: Int) {
+
+        val duration = 200
+
+        val animate = TranslateAnimation(0f, 0f, -height.toFloat(),0f )
+        animate.duration = duration.toLong()
+        view.animate().alpha(1.0f)
+        view.startAnimation(animate)
+        view.visibility = View.VISIBLE
+
+
+    }
+
+    fun buttonOnClick(view:View)
+    {
+
+        // change button style
+        findViewById<Button>(R.id.general_btn).setBackgroundColor(resources.getColor(R.color.white))
+        findViewById<Button>(R.id.business_btn).setBackgroundColor(resources.getColor(R.color.white))
+        findViewById<Button>(R.id.entertainment_btn).setBackgroundColor(resources.getColor(R.color.white))
+        findViewById<Button>(R.id.health_btn).setBackgroundColor(resources.getColor(R.color.white))
+        findViewById<Button>(R.id.science_btn).setBackgroundColor(resources.getColor(R.color.white))
+        findViewById<Button>(R.id.sport_btn).setBackgroundColor(resources.getColor(R.color.white))
+
+        findViewById<Button>(R.id.general_btn).setTextColor(resources.getColor(R.color.purple_500))
+        findViewById<Button>(R.id.business_btn).setTextColor(resources.getColor(R.color.purple_500))
+        findViewById<Button>(R.id.entertainment_btn).setTextColor(resources.getColor(R.color.purple_500))
+        findViewById<Button>(R.id.health_btn).setTextColor(resources.getColor(R.color.purple_500))
+        findViewById<Button>(R.id.science_btn).setTextColor(resources.getColor(R.color.purple_500))
+        findViewById<Button>(R.id.sport_btn).setTextColor(resources.getColor(R.color.purple_500))
+
+
+        view.setBackgroundColor(resources.getColor(R.color.purple_500))
+        findViewById<Button>(view.id).setTextColor(resources.getColor(R.color.white))
+
+
+        when(view.id)
+        {
+
+            R.id.general_btn ->{
+                changeNews("general")
+            }
+
+            R.id.business_btn ->{
+                changeNews("business")
+            }
+
+            R.id.health_btn ->{
+                changeNews("health")
+            }
+
+            R.id.entertainment_btn ->{
+                changeNews("entertainment")
+            }
+
+            R.id.science_btn ->{
+                changeNews("science")
+            }
+
+            R.id.sport_btn ->{
+                changeNews("sport")
+            }
+
+
+
+        }
+    }
+
+    private fun changeNews(cate : String){
+
+        shimmerLayout.startShimmer()
+
+        viewModel.getNews(category = cate)?.observe(this, {
+
+            fun onChanged(@Nullable news: List<NewsModel>) {
+
+                fetchedNews.clear()
+                fetchedNews.addAll(news)
+                recyclerView.adapter = mAdapter
+                shimmerLayout.stopShimmer()
+                shimmerLayout.visibility = View.GONE
+                mAdapter.notifyDataSetChanged()
+            }
+
+            onChanged(it)
+
+        })
+
+    }
+
+
+
+    override fun onCreateOptionsMenu(menu: Menu): Boolean {
+        menuInflater.inflate(R.menu.menu_item, menu)
+        return super.onCreateOptionsMenu(menu)
+    }
+
+    override fun onOptionsItemSelected(item: MenuItem): Boolean {
+
+        intent = Intent(applicationContext, SavedNews::class.java)
+        startActivity(intent)
+        return super.onOptionsItemSelected(item)
     }
 
 }
diff --git a/app/src/main/java/com/example/newsapp/MainFragment.kt b/app/src/main/java/com/example/newsapp/MainFragment.kt
deleted file mode 100644
index 823db6e..0000000
--- a/app/src/main/java/com/example/newsapp/MainFragment.kt
+++ /dev/null
@@ -1,87 +0,0 @@
-package com.example.newsapp
-
-import android.os.Bundle
-import android.view.LayoutInflater
-import android.view.View
-import android.view.ViewGroup
-import android.widget.ProgressBar
-import android.widget.Toast
-import androidx.annotation.Nullable
-import androidx.fragment.app.Fragment
-import androidx.lifecycle.Observer
-import androidx.lifecycle.ViewModelProvider
-import androidx.navigation.findNavController
-import androidx.recyclerview.widget.DividerItemDecoration
-import androidx.recyclerview.widget.LinearLayoutManager
-import androidx.recyclerview.widget.RecyclerView
-import com.google.android.material.floatingactionbutton.FloatingActionButton
-
-
-class MainFragment : Fragment() {
-
-
-    lateinit var viewModel: NewsViewModel
-    lateinit var recyclerView: RecyclerView
-    lateinit var progressBar: ProgressBar
-    lateinit var fetchedNews: MutableList<NewsModel>
-    lateinit var mAdapter: CustomAdapter
-
-    override fun onCreateView(
-        inflater: LayoutInflater, container: ViewGroup?,
-        savedInstanceState: Bundle?
-    ): View? {
-
-        val view: View =  inflater.inflate(R.layout.fragment_main, container, false)
-
-
-        progressBar = view.findViewById(R.id.progressbar)
-        recyclerView = view.findViewById<RecyclerView>(R.id.recyclerView)
-        recyclerView.layoutManager = LinearLayoutManager(context)
-        recyclerView.addItemDecoration(DividerItemDecoration(context, LinearLayoutManager.VERTICAL))
-        viewModel = ViewModelProvider(this).get(NewsViewModel::class.java)
-        fetchedNews = mutableListOf<NewsModel>()
-
-
-        progressBar.visibility = View.VISIBLE
-
-
-        view.findViewById<FloatingActionButton>(R.id.fab).setOnClickListener(View.OnClickListener {
-
-            val action = MainFragmentDirections.actionMainFragmentToSavedNewsFragment4()
-
-            it.findNavController().navigate(action)
-
-
-        })
-
-
-
-        mAdapter = CustomAdapter(fetchedNews, object : CustomAdapter.SaveClickListener{
-            override fun onSaveBtnClick(position: Int) {
-
-                context?.let { viewModel.insertNews(it,fetchedNews.get(position)) }
-
-                Toast.makeText(context,"Saved", Toast.LENGTH_SHORT).show()
-
-            }
-        })
-
-
-        viewModel.getNews()?.observe(viewLifecycleOwner, Observer<List<NewsModel>>(){
-
-            fun onChanged(@Nullable news: List<NewsModel>) {
-                // do something
-                fetchedNews.addAll(news)
-                recyclerView.adapter = mAdapter
-                progressBar.visibility = View.GONE
-                mAdapter.notifyDataSetChanged()
-            }
-
-            onChanged(it)
-
-        })
-
-    return view
-    }
-
-}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/newsapp/NewsApi.kt b/app/src/main/java/com/example/newsapp/NewsApi.kt
deleted file mode 100644
index 43fa286..0000000
--- a/app/src/main/java/com/example/newsapp/NewsApi.kt
+++ /dev/null
@@ -1,19 +0,0 @@
-package com.example.newsapp
-
-import NewsDataFromJson
-import retrofit2.Call
-import retrofit2.Response
-import retrofit2.http.GET
-import retrofit2.http.Query
-
-interface NewsApi {
-
-    //https://newsapi.org/v2/top-headlines?country=in&category=business&apiKey=5a3e054de1834138a2fbc4a75ee69053
-
-    //https://newsapi.org/v2/top-headlines?country=in&apiKey=5a3e054de1834138a2fbc4a75ee69053
-
-    @GET("/v2/top-headlines")
-    fun getNews(@Query("country") country : String, @Query("apiKey") key : String) : Call<NewsDataFromJson>
-
-
-}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/newsapp/SavedNewsFragment.kt b/app/src/main/java/com/example/newsapp/SavedNews.kt
similarity index 52%
rename from app/src/main/java/com/example/newsapp/SavedNewsFragment.kt
rename to app/src/main/java/com/example/newsapp/SavedNews.kt
index 8539e61..6e00d7d 100644
--- a/app/src/main/java/com/example/newsapp/SavedNewsFragment.kt
+++ b/app/src/main/java/com/example/newsapp/SavedNews.kt
@@ -1,39 +1,33 @@
 package com.example.newsapp
 
 import android.os.Bundle
-import android.util.Log
-import android.view.LayoutInflater
-import android.view.View
-import android.view.ViewGroup
-import androidx.fragment.app.Fragment
+import androidx.appcompat.app.AppCompatActivity
 import androidx.lifecycle.Observer
 import androidx.lifecycle.ViewModelProvider
 import androidx.recyclerview.widget.DividerItemDecoration
 import androidx.recyclerview.widget.LinearLayoutManager
 import androidx.recyclerview.widget.RecyclerView
+import com.example.newsapp.architecture.NewsViewModel
 
-class SavedNewsFragment : Fragment() {
+class SavedNews : AppCompatActivity() {
 
     lateinit var recyclerView: RecyclerView
     lateinit var viewModel: NewsViewModel
     lateinit var newData: MutableList<NewsModel>
 
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(R.layout.activity_saved_news)
 
-    override fun onCreateView(
-        inflater: LayoutInflater, container: ViewGroup?,
-        savedInstanceState: Bundle?
-    ): View? {
-        // Inflate the layout for this fragment
-        val view: View =  inflater.inflate(R.layout.fragment_saved_news, container, false)
 
-        recyclerView = view.findViewById<RecyclerView>(R.id.recyclerView)
-        recyclerView.layoutManager = LinearLayoutManager(context)
-        recyclerView.addItemDecoration(DividerItemDecoration(context, LinearLayoutManager.VERTICAL))
+        recyclerView = findViewById<RecyclerView>(R.id.recyclerView)
+        recyclerView.layoutManager = LinearLayoutManager(this)
+        recyclerView.addItemDecoration(DividerItemDecoration(this, LinearLayoutManager.VERTICAL))
         newData = mutableListOf()
 
         val adapter = CustomAdapter(newData, object : CustomAdapter.SaveClickListener{
             override fun onSaveBtnClick(position: Int) {
-                context?.let { viewModel.deleteNews(it,newData.get(position)) }
+                this@SavedNews?.let { viewModel.deleteNews(it,newData.get(position)) }
             }
         })
 
@@ -41,8 +35,8 @@ class SavedNewsFragment : Fragment() {
 
         viewModel = ViewModelProvider(this).get(NewsViewModel::class.java)
 
-        context?.let {
-            viewModel.getNewsFromDB(it.applicationContext)?.observe(viewLifecycleOwner, Observer {
+        this?.let {
+            viewModel.getNewsFromDB(it.applicationContext)?.observe(this, Observer {
                 newData.clear()
                 newData.addAll(it)
                 adapter.notifyDataSetChanged()
@@ -51,7 +45,7 @@ class SavedNewsFragment : Fragment() {
 
         recyclerView.adapter = adapter
 
-    return view
     }
 
+
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/example/newsapp/NewsDao.kt b/app/src/main/java/com/example/newsapp/architecture/NewsDao.kt
similarity index 80%
rename from app/src/main/java/com/example/newsapp/NewsDao.kt
rename to app/src/main/java/com/example/newsapp/architecture/NewsDao.kt
index 919ca32..9e2dd1f 100644
--- a/app/src/main/java/com/example/newsapp/NewsDao.kt
+++ b/app/src/main/java/com/example/newsapp/architecture/NewsDao.kt
@@ -1,7 +1,8 @@
-package com.example.newsapp
+package com.example.newsapp.architecture
 
 import androidx.lifecycle.LiveData
 import androidx.room.*
+import com.example.newsapp.NewsModel
 
 
 @Dao
diff --git a/app/src/main/java/com/example/newsapp/NewsDatabase.kt b/app/src/main/java/com/example/newsapp/architecture/NewsDatabase.kt
similarity index 91%
rename from app/src/main/java/com/example/newsapp/NewsDatabase.kt
rename to app/src/main/java/com/example/newsapp/architecture/NewsDatabase.kt
index d65ab80..4bc7a80 100644
--- a/app/src/main/java/com/example/newsapp/NewsDatabase.kt
+++ b/app/src/main/java/com/example/newsapp/architecture/NewsDatabase.kt
@@ -1,9 +1,10 @@
-package com.example.newsapp
+package com.example.newsapp.architecture
 
 import android.content.Context
 import androidx.room.Database
 import androidx.room.Room
 import androidx.room.RoomDatabase
+import com.example.newsapp.NewsModel
 
 @Database(entities = arrayOf(NewsModel::class), version = 1,  exportSchema = false)
 abstract class NewsDatabase : RoomDatabase() {
diff --git a/app/src/main/java/com/example/newsapp/NewsRepository.kt b/app/src/main/java/com/example/newsapp/architecture/NewsRepository.kt
similarity index 84%
rename from app/src/main/java/com/example/newsapp/NewsRepository.kt
rename to app/src/main/java/com/example/newsapp/architecture/NewsRepository.kt
index 54fbd9b..f61cf65 100644
--- a/app/src/main/java/com/example/newsapp/NewsRepository.kt
+++ b/app/src/main/java/com/example/newsapp/architecture/NewsRepository.kt
@@ -1,9 +1,12 @@
-package com.example.newsapp
+package com.example.newsapp.architecture
 
-import NewsDataFromJson
+import com.example.newsapp.retrofit.NewsDataFromJson
 import android.content.Context
 import androidx.lifecycle.LiveData
 import androidx.lifecycle.MutableLiveData
+import com.example.newsapp.NewsModel
+import com.example.newsapp.retrofit.NewsApi
+import com.example.newsapp.retrofit.RetrofitHelper
 import kotlinx.coroutines.CoroutineScope
 import kotlinx.coroutines.Dispatchers.IO
 import kotlinx.coroutines.launch
@@ -51,10 +54,11 @@ class NewsRepository {
     }
 
     // get news from API
-    fun getNewsApiCall(): MutableLiveData<List<NewsModel>> {
+    fun getNewsApiCall(category: String?): MutableLiveData<List<NewsModel>> {
+
 
         val call = RetrofitHelper.getInstance().create(NewsApi::class.java)
-            .getNews("in", "5a3e054de1834138a2fbc4a75ee69053")
+            .getNews("in", category, "5a3e054de1834138a2fbc4a75ee69053") //put your api key here
 
         call.enqueue(object : Callback<NewsDataFromJson> {
             override fun onResponse(
diff --git a/app/src/main/java/com/example/newsapp/NewsViewModel.kt b/app/src/main/java/com/example/newsapp/architecture/NewsViewModel.kt
similarity index 74%
rename from app/src/main/java/com/example/newsapp/NewsViewModel.kt
rename to app/src/main/java/com/example/newsapp/architecture/NewsViewModel.kt
index 0d48156..fd8cffa 100644
--- a/app/src/main/java/com/example/newsapp/NewsViewModel.kt
+++ b/app/src/main/java/com/example/newsapp/architecture/NewsViewModel.kt
@@ -1,8 +1,8 @@
-package com.example.newsapp
+package com.example.newsapp.architecture
 
 import android.content.Context
-import android.util.Log
 import androidx.lifecycle.*
+import com.example.newsapp.NewsModel
 
 
 class NewsViewModel() : ViewModel() {
@@ -11,9 +11,9 @@ class NewsViewModel() : ViewModel() {
 
 
     //get news from API
-    fun getNews() : MutableLiveData<List<NewsModel>>?{
+    fun getNews(category: String?) : MutableLiveData<List<NewsModel>>?{
 
-        NewsLiveData = NewsRepository().getNewsApiCall()
+        NewsLiveData = category?.let { NewsRepository().getNewsApiCall(it) }
 
         return NewsLiveData
     }
diff --git a/app/src/main/java/com/example/newsapp/Article.kt b/app/src/main/java/com/example/newsapp/retrofit/Article.kt
similarity index 81%
rename from app/src/main/java/com/example/newsapp/Article.kt
rename to app/src/main/java/com/example/newsapp/retrofit/Article.kt
index 18ff7a0..6b4e654 100644
--- a/app/src/main/java/com/example/newsapp/Article.kt
+++ b/app/src/main/java/com/example/newsapp/retrofit/Article.kt
@@ -1,3 +1,5 @@
+package com.example.newsapp.retrofit
+
 data class Article(
     val author: String,
     val description: String,
diff --git a/app/src/main/java/com/example/newsapp/retrofit/NewsApi.kt b/app/src/main/java/com/example/newsapp/retrofit/NewsApi.kt
new file mode 100644
index 0000000..fb456db
--- /dev/null
+++ b/app/src/main/java/com/example/newsapp/retrofit/NewsApi.kt
@@ -0,0 +1,16 @@
+package com.example.newsapp.retrofit
+
+import retrofit2.Call
+import retrofit2.http.GET
+import retrofit2.http.Query
+
+interface NewsApi {
+
+    //https://newsapi.org/v2/top-headlines?country=in&category=business&apiKey=your_api_key
+
+
+    @GET("/v2/top-headlines")
+    fun getNews(@Query("country") country : String, @Query("category") category : String?, @Query("apiKey") key : String) : Call<NewsDataFromJson>
+
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/newsapp/NewsDataFromJson.kt b/app/src/main/java/com/example/newsapp/retrofit/NewsDataFromJson.kt
similarity index 74%
rename from app/src/main/java/com/example/newsapp/NewsDataFromJson.kt
rename to app/src/main/java/com/example/newsapp/retrofit/NewsDataFromJson.kt
index 10c9d71..3d5c62c 100644
--- a/app/src/main/java/com/example/newsapp/NewsDataFromJson.kt
+++ b/app/src/main/java/com/example/newsapp/retrofit/NewsDataFromJson.kt
@@ -1,3 +1,5 @@
+package com.example.newsapp.retrofit
+
 data class NewsDataFromJson(
     val articles: List<Article>,
     val status: String,
diff --git a/app/src/main/java/com/example/newsapp/RetrofitHelper.kt b/app/src/main/java/com/example/newsapp/retrofit/RetrofitHelper.kt
similarity index 90%
rename from app/src/main/java/com/example/newsapp/RetrofitHelper.kt
rename to app/src/main/java/com/example/newsapp/retrofit/RetrofitHelper.kt
index cc00b59..e4bd5ad 100644
--- a/app/src/main/java/com/example/newsapp/RetrofitHelper.kt
+++ b/app/src/main/java/com/example/newsapp/retrofit/RetrofitHelper.kt
@@ -1,4 +1,4 @@
-package com.example.newsapp
+package com.example.newsapp.retrofit
 
 import retrofit2.Retrofit
 import retrofit2.converter.gson.GsonConverterFactory
diff --git a/app/src/main/java/com/example/newsapp/Source.kt b/app/src/main/java/com/example/newsapp/retrofit/Source.kt
similarity index 60%
rename from app/src/main/java/com/example/newsapp/Source.kt
rename to app/src/main/java/com/example/newsapp/retrofit/Source.kt
index 97a1dca..09eee63 100644
--- a/app/src/main/java/com/example/newsapp/Source.kt
+++ b/app/src/main/java/com/example/newsapp/retrofit/Source.kt
@@ -1,3 +1,5 @@
+package com.example.newsapp.retrofit
+
 data class Source(
     val id: Any,
     val name: String
diff --git a/app/src/main/res/drawable-v24/ic_launcher_foreground.xml b/app/src/main/res/drawable-v24/ic_launcher_foreground.xml
deleted file mode 100644
index 2b068d1..0000000
--- a/app/src/main/res/drawable-v24/ic_launcher_foreground.xml
+++ /dev/null
@@ -1,30 +0,0 @@
-<vector xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:aapt="http://schemas.android.com/aapt"
-    android:width="108dp"
-    android:height="108dp"
-    android:viewportWidth="108"
-    android:viewportHeight="108">
-    <path android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
-        <aapt:attr name="android:fillColor">
-            <gradient
-                android:endX="85.84757"
-                android:endY="92.4963"
-                android:startX="42.9492"
-                android:startY="49.59793"
-                android:type="linear">
-                <item
-                    android:color="#44000000"
-                    android:offset="0.0" />
-                <item
-                    android:color="#00000000"
-                    android:offset="1.0" />
-            </gradient>
-        </aapt:attr>
-    </path>
-    <path
-        android:fillColor="#FFFFFF"
-        android:fillType="nonZero"
-        android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
-        android:strokeWidth="1"
-        android:strokeColor="#00000000" />
-</vector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/ic_baseline_bookmark_border_24.xml b/app/src/main/res/drawable/ic_baseline_bookmark_border_24.xml
index ae16e72..61dc4cf 100644
--- a/app/src/main/res/drawable/ic_baseline_bookmark_border_24.xml
+++ b/app/src/main/res/drawable/ic_baseline_bookmark_border_24.xml
@@ -1,5 +1,10 @@
-<vector android:height="28dp" android:tint="?attr/colorControlNormal"
-    android:viewportHeight="24" android:viewportWidth="24"
-    android:width="28dp" xmlns:android="http://schemas.android.com/apk/res/android">
-    <path android:fillColor="@android:color/white" android:pathData="M17,3L7,3c-1.1,0 -1.99,0.9 -1.99,2L5,21l7,-3 7,3L19,5c0,-1.1 -0.9,-2 -2,-2zM17,18l-5,-2.18L7,18L7,5h10v13z"/>
+<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="M17,3L7,3c-1.1,0 -1.99,0.9 -1.99,2L5,21l7,-3 7,3L19,5c0,-1.1 -0.9,-2 -2,-2zM17,18l-5,-2.18L7,18L7,5h10v13z"/>
 </vector>
diff --git a/app/src/main/res/drawable/ic_baseline_open_in_browser_24.xml b/app/src/main/res/drawable/ic_baseline_bookmarks_24.xml
similarity index 61%
rename from app/src/main/res/drawable/ic_baseline_open_in_browser_24.xml
rename to app/src/main/res/drawable/ic_baseline_bookmarks_24.xml
index 40ceddc..bcb76cd 100644
--- a/app/src/main/res/drawable/ic_baseline_open_in_browser_24.xml
+++ b/app/src/main/res/drawable/ic_baseline_bookmarks_24.xml
@@ -6,5 +6,5 @@
     android:tint="?attr/colorControlNormal">
   <path
       android:fillColor="@android:color/white"
-      android:pathData="M19,4L5,4c-1.11,0 -2,0.9 -2,2v12c0,1.1 0.89,2 2,2h4v-2L5,18L5,8h14v10h-4v2h4c1.1,0 2,-0.9 2,-2L21,6c0,-1.1 -0.89,-2 -2,-2zM12,10l-4,4h3v6h2v-6h3l-4,-4z"/>
+      android:pathData="M19,18l2,1V3c0,-1.1 -0.9,-2 -2,-2H8.99C7.89,1 7,1.9 7,3h10c1.1,0 2,0.9 2,2v13zM15,5H5c-1.1,0 -2,0.9 -2,2v16l7,-3 7,3V7c0,-1.1 -0.9,-2 -2,-2z"/>
 </vector>
diff --git a/app/src/main/res/drawable/ic_baseline_keyboard_arrow_down_24.xml b/app/src/main/res/drawable/ic_baseline_keyboard_arrow_down_24.xml
new file mode 100644
index 0000000..e468fb7
--- /dev/null
+++ b/app/src/main/res/drawable/ic_baseline_keyboard_arrow_down_24.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="32dp"
+    android:height="36dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M7.41,8.59L12,13.17l4.59,-4.58L18,10l-6,6 -6,-6 1.41,-1.41z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_baseline_save_24.xml b/app/src/main/res/drawable/ic_baseline_save_24.xml
deleted file mode 100644
index 1a8d86d..0000000
--- a/app/src/main/res/drawable/ic_baseline_save_24.xml
+++ /dev/null
@@ -1,10 +0,0 @@
-<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="M17,3L5,3c-1.11,0 -2,0.9 -2,2v14c0,1.1 0.89,2 2,2h14c1.1,0 2,-0.9 2,-2L21,7l-4,-4zM12,19c-1.66,0 -3,-1.34 -3,-3s1.34,-3 3,-3 3,1.34 3,3 -1.34,3 -3,3zM15,9L5,9L5,5h10v4z"/>
-</vector>
diff --git a/app/src/main/res/drawable/ic_launcher_background.xml b/app/src/main/res/drawable/ic_launcher_background.xml
deleted file mode 100644
index 07d5da9..0000000
--- a/app/src/main/res/drawable/ic_launcher_background.xml
+++ /dev/null
@@ -1,170 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<vector xmlns:android="http://schemas.android.com/apk/res/android"
-    android:width="108dp"
-    android:height="108dp"
-    android:viewportWidth="108"
-    android:viewportHeight="108">
-    <path
-        android:fillColor="#3DDC84"
-        android:pathData="M0,0h108v108h-108z" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M9,0L9,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,0L19,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M29,0L29,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M39,0L39,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M49,0L49,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M59,0L59,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M69,0L69,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M79,0L79,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M89,0L89,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M99,0L99,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,9L108,9"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,19L108,19"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,29L108,29"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,39L108,39"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,49L108,49"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,59L108,59"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,69L108,69"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,79L108,79"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,89L108,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,99L108,99"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,29L89,29"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,39L89,39"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,49L89,49"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,59L89,59"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,69L89,69"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,79L89,79"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M29,19L29,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M39,19L39,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M49,19L49,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M59,19L59,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M69,19L69,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M79,19L79,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-</vector>
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
index fdc04bc..9a94b6f 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<RelativeLayout 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"
@@ -8,13 +8,183 @@
     tools:context=".MainActivity">
 
 
-        <androidx.fragment.app.FragmentContainerView
-            android:id="@+id/fragmentContainerView"
-            android:name="androidx.navigation.fragment.NavHostFragment"
+    <TextView
+        android:id="@+id/tag1"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_alignParentTop="true"
+        android:layout_margin="10dp"
+        android:text="Categories"
+        android:forceHasOverlappingRendering="true"
+        android:textSize="22sp"
+        android:textStyle="bold" />
+
+    <ImageButton
+        android:id="@+id/drop_btn"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_alignParentRight="true"
+        android:layout_margin="5dp"
+        android:background="?attr/selectableItemBackground"
+        android:src="@drawable/ic_baseline_keyboard_arrow_down_24" />
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:id="@+id/cate_container"
+            android:layout_below="@+id/tag1"
+            android:orientation="vertical">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                android:layout_marginVertical="5dp">
+
+                <Button
+                    android:id="@+id/general_btn"
+                    style="?attr/materialButtonOutlinedStyle"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginHorizontal="10dp"
+
+                    android:padding="10dp"
+                    android:text="general"
+                    app:cornerRadius="30dp"
+                    android:onClick="buttonOnClick"/>
+
+                <Button
+                    android:id="@+id/business_btn"
+                    style="?attr/materialButtonOutlinedStyle"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginHorizontal="10dp"
+                    android:padding="10dp"
+                    android:text="Business"
+                    app:cornerRadius="30dp"
+                    android:onClick="buttonOnClick"/>
+
+                <Button
+                    android:id="@+id/entertainment_btn"
+                    style="?attr/materialButtonOutlinedStyle"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginHorizontal="10dp"
+                    android:onClick="buttonOnClick"
+                    android:padding="10dp"
+                    android:text="entertainment"
+                    app:cornerRadius="30dp"
+                    app:rippleColor="@null"
+                     />
+
+
+            </LinearLayout>
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal">
+
+                <Button
+                    android:id="@+id/health_btn"
+                    style="?attr/materialButtonOutlinedStyle"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:padding="10dp"
+                    android:layout_marginHorizontal="10dp"
+                    android:text="Health"
+                    app:cornerRadius="30dp"
+                    android:onClick="buttonOnClick"/>
+
+                <Button
+                    android:id="@+id/science_btn"
+                    style="?attr/materialButtonOutlinedStyle"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:padding="10dp"
+                    android:layout_marginHorizontal="10dp"
+                    android:text="science"
+                    app:cornerRadius="30dp"
+                    android:onClick="buttonOnClick"/>
+
+                <Button
+                    android:id="@+id/sport_btn"
+                    style="?attr/materialButtonOutlinedStyle"
+                    android:layout_width="wrap_content"
+                    android:layout_marginHorizontal="10dp"
+                    android:layout_height="wrap_content"
+                    android:padding="10dp"
+                    android:text="sports"
+                    app:cornerRadius="30dp"
+                    android:onClick="buttonOnClick"/>
+
+            </LinearLayout>
+
+        </LinearLayout>
+
+
+    <TextView
+        android:id="@+id/tag2"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_below="@+id/cate_container"
+        android:layout_margin="10dp"
+        android:textStyle="bold"
+        android:text="News"
+        android:textSize="22sp" />
+
+
+
+    <FrameLayout
+        android:id="@+id/news_container"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
-            app:defaultNavHost="true"
-            app:navGraph="@navigation/navigation_graph" />
+            android:layout_below="@+id/tag2"
+        >
+
+
+
+            <androidx.recyclerview.widget.RecyclerView
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:id="@+id/recyclerView"
+                />
+
+        <com.facebook.shimmer.ShimmerFrameLayout
+            android:id="@+id/shimmerLayout"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            app:shimmer_repeat_mode="restart"
+
+            app:shimmer_shape="linear"
+            android:animateLayoutChanges="true"
+            android:animationCache="true"
+            >
+
+            <!--For shimmer we are creating a same
+                layout but setting its background
+                as a gray colour and not providing
+                any view inside it-->
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:orientation="vertical">
+
+
+
+                <!--below we are displaying multiple
+                    shimmer layouts using include
+                    to show them in list format-->
+                <include layout="@layout/shimmer_list_item" />
+                <include layout="@layout/shimmer_list_item" />
+                <include layout="@layout/shimmer_list_item" />
+
+
+            </LinearLayout>
+
+        </com.facebook.shimmer.ShimmerFrameLayout>
+
 
+        </FrameLayout>
 
-</FrameLayout>
\ No newline at end of file
+</RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_saved_news.xml b/app/src/main/res/layout/activity_saved_news.xml
new file mode 100644
index 0000000..0f5de23
--- /dev/null
+++ b/app/src/main/res/layout/activity_saved_news.xml
@@ -0,0 +1,15 @@
+<?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=".SavedNews">
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:id="@+id/recyclerView"
+        />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_main.xml b/app/src/main/res/layout/fragment_main.xml
deleted file mode 100644
index 085f29e..0000000
--- a/app/src/main/res/layout/fragment_main.xml
+++ /dev/null
@@ -1,33 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<FrameLayout 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=".MainFragment">
-
-    <!-- TODO: Update blank fragment layout -->
-    <androidx.recyclerview.widget.RecyclerView
-        android:layout_width="match_parent"
-        android:layout_height="match_parent"
-        android:id="@+id/recyclerView"
-        />
-
-    <ProgressBar
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_gravity="center"
-        android:id="@+id/progressbar"
-        android:visibility="gone"
-        />
-
-    <com.google.android.material.floatingactionbutton.FloatingActionButton
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:id="@+id/fab"
-        android:layout_gravity="bottom|end"
-        android:layout_margin="10dp"
-        android:src="@drawable/ic_baseline_save_24"
-        />
-
-
-</FrameLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_saved_news.xml b/app/src/main/res/layout/fragment_saved_news.xml
deleted file mode 100644
index 21ba13a..0000000
--- a/app/src/main/res/layout/fragment_saved_news.xml
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<FrameLayout 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=".SavedNewsFragment">
-
-
-   <androidx.recyclerview.widget.RecyclerView
-       android:layout_width="match_parent"
-       android:layout_height="match_parent"
-       android:id="@+id/recyclerView"
-       />
-
-
-</FrameLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/list_item.xml b/app/src/main/res/layout/list_item.xml
index 6d6f959..81c1cec 100644
--- a/app/src/main/res/layout/list_item.xml
+++ b/app/src/main/res/layout/list_item.xml
@@ -11,20 +11,17 @@
         android:layout_height="wrap_content"
         android:layout_toLeftOf="@+id/share_btn"
         android:text="Headline"
-        android:textColor="@color/black"
-        android:textSize="16sp"
+        android:textSize="18sp"
         android:textStyle="bold" />
 
-    <ImageView
+    <ImageButton
         android:id="@+id/share_btn"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_alignParentTop="true"
         android:layout_alignParentRight="true"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
-        android:layout_marginEnd="5dp"
-        android:layout_marginBottom="5dp"
+        android:layout_margin="5dp"
+        android:background="?attr/selectableItemBackground"
         android:src="@drawable/ic_baseline_share_24" />
 
     <ImageView
@@ -54,14 +51,14 @@
             android:layout_gravity="left"
             />
 
-        <ImageView
+        <ImageButton
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="wrap_content"
             android:layout_gravity="bottom|right"
             android:id="@+id/save_news"
             android:src="@drawable/ic_baseline_bookmark_border_24"
-
+            android:background="?attr/selectableItemBackground"
             />
 
 
diff --git a/app/src/main/res/layout/shimmer_list_item.xml b/app/src/main/res/layout/shimmer_list_item.xml
new file mode 100644
index 0000000..a02dcc9
--- /dev/null
+++ b/app/src/main/res/layout/shimmer_list_item.xml
@@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+    android:maxHeight="200dp"
+        android:layout_margin="10dp">
+
+
+        <TextView
+            android:id="@+id/headline"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:textSize="16sp"
+            android:textStyle="bold"
+            android:background="#B3B3B3"/>
+
+
+
+        <ImageView
+            android:id="@+id/news_image"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:minHeight="200dp"
+            android:maxHeight="250dp"
+            android:background="#B3B3B3"
+            android:layout_below="@+id/headline"
+            android:layout_marginVertical="10dp"
+            />
+
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:layout_below="@+id/news_image">
+
+            <TextView
+                android:layout_width="0dp"
+                android:layout_weight="9"
+                android:layout_height="35dp"
+                android:id="@+id/description"
+                android:gravity="left"
+                android:layout_gravity="left"
+                android:background="#B3B3B3"
+                android:layout_marginEnd="5dp"
+                />
+
+            <ImageView
+                android:layout_width="0dp"
+                android:layout_weight="1"
+                android:layout_height="35dp"
+                android:layout_gravity="bottom|right"
+                android:id="@+id/save_news"
+                android:background="#B3B3B3"
+                />
+
+
+        </LinearLayout>
+
+
+
+
+
+
+<!--    <LinearLayout-->
+<!--        android:layout_width="match_parent"-->
+<!--        android:layout_height="wrap_content"-->
+<!--        android:orientation="vertical">-->
+
+<!--        &lt;!&ndash;Image view for displaying our image&ndash;&gt;-->
+<!--        <ImageView-->
+<!--            android:layout_width="match_parent"-->
+<!--            android:layout_height="300dp"-->
+<!--            android:layout_margin="5dp"-->
+<!--            android:background="#B3B3B3" />-->
+
+<!--        &lt;!&ndash;Text view for displaying our course name&ndash;&gt;-->
+<!--        <TextView-->
+<!--            android:layout_width="match_parent"-->
+<!--            android:layout_height="wrap_content"-->
+<!--            android:layout_margin="5dp"-->
+<!--            android:background="#B3B3B3"-->
+<!--            android:padding="5dp"-->
+<!--            android:textColor="@color/black"-->
+<!--            android:textSize="18sp"-->
+<!--            android:textStyle="bold" />-->
+
+<!--        <LinearLayout-->
+<!--            android:layout_width="match_parent"-->
+<!--            android:layout_height="wrap_content"-->
+<!--            android:layout_margin="5dp"-->
+<!--            android:orientation="horizontal"-->
+<!--            android:weightSum="2">-->
+
+<!--            &lt;!&ndash;Text view for displaying our batch&ndash;&gt;-->
+<!--            <TextView-->
+<!--                android:layout_width="0dp"-->
+<!--                android:layout_height="wrap_content"-->
+<!--                android:layout_margin="2dp"-->
+<!--                android:layout_weight="1"-->
+<!--                android:background="#B3B3B3"-->
+<!--                android:padding="5dp"-->
+<!--                android:textColor="@color/black" />-->
+
+<!--            &lt;!&ndash;Text view for displaying our tracks.&ndash;&gt;-->
+<!--            <TextView-->
+<!--                android:layout_width="0dp"-->
+<!--                android:layout_height="wrap_content"-->
+<!--                android:layout_margin="2dp"-->
+<!--                android:layout_weight="1"-->
+<!--                android:background="#B3B3B3"-->
+<!--                android:padding="5dp"-->
+<!--                android:textColor="@color/black" />-->
+
+<!--        </LinearLayout>-->
+
+<!--    </LinearLayout>-->
+
+
+</RelativeLayout>
+
diff --git a/app/src/main/res/menu/menu_item.xml b/app/src/main/res/menu/menu_item.xml
new file mode 100644
index 0000000..030a1ce
--- /dev/null
+++ b/app/src/main/res/menu/menu_item.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<menu xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <item
+        android:icon="@drawable/ic_baseline_bookmarks_24"
+        app:showAsAction="always"
+        android:title="Saved News"
+        android:id="@+id/savednews_menu"/>
+
+
+</menu>
\ No newline at end of file
diff --git a/app/src/main/res/navigation/navigation_graph.xml b/app/src/main/res/navigation/navigation_graph.xml
deleted file mode 100644
index b4bffc7..0000000
--- a/app/src/main/res/navigation/navigation_graph.xml
+++ /dev/null
@@ -1,26 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<navigation xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:app="http://schemas.android.com/apk/res-auto"
-    xmlns:tools="http://schemas.android.com/tools"
-    android:id="@+id/navigation_graph"
-    app:startDestination="@id/mainFragment">
-
-    <fragment
-        android:id="@+id/mainFragment"
-        android:name="com.example.newsapp.MainFragment"
-        android:label="News"
-        tools:layout="@layout/fragment_main" >
-        <action
-            android:id="@+id/action_mainFragment_to_savedNewsFragment4"
-            app:destination="@id/savedNewsFragment4" />
-    </fragment>
-    <fragment
-        android:id="@+id/savedNewsFragment4"
-        android:name="com.example.newsapp.SavedNewsFragment"
-        android:label="Saved News"
-        tools:layout="@layout/fragment_saved_news" >
-        <action
-            android:id="@+id/action_savedNewsFragment4_to_mainFragment"
-            app:destination="@id/mainFragment" />
-    </fragment>
-</navigation>
\ No newline at end of file
diff --git a/app/src/main/res/values-night/themes.xml b/app/src/main/res/values-night/themes.xml
index ce9e759..6753831 100644
--- a/app/src/main/res/values-night/themes.xml
+++ b/app/src/main/res/values-night/themes.xml
@@ -1,14 +1,32 @@
+<!--<resources xmlns:tools="http://schemas.android.com/tools">-->
+<!--    &lt;!&ndash; Base application theme. &ndash;&gt;-->
+<!--    <style name="Theme.NewsApp" parent="Theme.MaterialComponents.DayNight.DarkActionBar">-->
+<!--        &lt;!&ndash; Primary brand color. &ndash;&gt;-->
+<!--        <item name="colorPrimary">@color/purple_200</item>-->
+<!--        <item name="colorPrimaryVariant">@color/purple_700</item>-->
+<!--        <item name="colorOnPrimary">@color/black</item>-->
+<!--        &lt;!&ndash; Secondary brand color. &ndash;&gt;-->
+<!--        <item name="colorSecondary">@color/teal_200</item>-->
+<!--        <item name="colorSecondaryVariant">@color/teal_200</item>-->
+<!--        <item name="colorOnSecondary">@color/black</item>-->
+<!--        &lt;!&ndash; Status bar color. &ndash;&gt;-->
+<!--        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>-->
+<!--        &lt;!&ndash; Customize your theme here. &ndash;&gt;-->
+<!--    </style>-->
+<!--</resources>-->
+
 <resources xmlns:tools="http://schemas.android.com/tools">
     <!-- Base application theme. -->
-    <style name="Theme.NewsApp" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
+    <style name="Theme.NewsApp" parent="Theme.MaterialComponents.Light.DarkActionBar">
         <!-- Primary brand color. -->
-        <item name="colorPrimary">@color/purple_200</item>
+        <item name="colorPrimary">@color/purple_500</item>
         <item name="colorPrimaryVariant">@color/purple_700</item>
-        <item name="colorOnPrimary">@color/black</item>
+        <item name="colorOnPrimary">@color/white</item>
         <!-- Secondary brand color. -->
         <item name="colorSecondary">@color/teal_200</item>
-        <item name="colorSecondaryVariant">@color/teal_200</item>
+        <item name="colorSecondaryVariant">@color/teal_700</item>
         <item name="colorOnSecondary">@color/black</item>
+        <item name="android:textColor">@color/black</item>
         <!-- Status bar color. -->
         <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
         <!-- Customize your theme here. -->
diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml
index 77b149c..1247c5f 100644
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -1,6 +1,6 @@
 <resources xmlns:tools="http://schemas.android.com/tools">
     <!-- Base application theme. -->
-    <style name="Theme.NewsApp" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
+    <style name="Theme.NewsApp" parent="Theme.MaterialComponents.Light.DarkActionBar">
         <!-- Primary brand color. -->
         <item name="colorPrimary">@color/purple_500</item>
         <item name="colorPrimaryVariant">@color/purple_700</item>
@@ -9,6 +9,7 @@
         <item name="colorSecondary">@color/teal_200</item>
         <item name="colorSecondaryVariant">@color/teal_700</item>
         <item name="colorOnSecondary">@color/black</item>
+        <item name="android:textColor">@color/black</item>
         <!-- Status bar color. -->
         <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
         <!-- Customize your theme here. -->
diff --git a/build.gradle b/build.gradle
index 41f6d34..6b9b40c 100644
--- a/build.gradle
+++ b/build.gradle
@@ -1,13 +1,16 @@
 // Top-level build file where you can add configuration options common to all sub-projects/modules.
 buildscript {
+    ext.kotlin_version = '1.6.20-RC'
     repositories {
         google()
         mavenCentral()
+
     }
     dependencies {
         classpath "com.android.tools.build:gradle:7.0.4"
         classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:1.6.10"
         classpath "androidx.navigation:navigation-safe-args-gradle-plugin:2.3.5"
+        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
 
         // NOTE: Do not place your application dependencies here; they belong
         // in the individual module build.gradle files
diff --git a/screenshots/App_home.gif b/screenshots/App_home.gif
new file mode 100644
index 0000000..9139b36
Binary files /dev/null and b/screenshots/App_home.gif differ