Go to the following Link,  Customized implementation of a subset of the following project: 

Link: https://developer.android.com/codelabs/basic-android-kotlin-compose-my-city?continue=https%3A%2F%2Fdeveloper.android.com%2Fcourses%2Fpathways%2Fandroid-basics-compose-unit-4-pathway-3%23codelab-https%3A%2F%2Fdeveloper.android.com%2Fcodelabs%2Fbasic-android-kotlin-compose-my-city#0

Provide an app that utilizes Jetpack Compose and Kotlin to build an app that navigates through multiple screens.

Tasks: Customized implementation of a subset of the following project: 

The app will follow the general pattern described in this codelab, but you have some latitude in how it is implemented

• It must be an actual city with recommendations for actual places. Data can be a dummy for now
• You must provide a minimum of 3 categories of recommendations.
• Each category must have a minimum of 4 recommendations
• The data for the recommendations and their related images can be selected however you see fit
• The navigation between the category list, recommendation list, and recommendation details must follow the pattern shown below

Navigation pattern and Layouts (You must AT LEAST follow the layouts mentioned below)

MainScreen.kt (Starting page): It shows a list of categories and when one of them is clicked, it'll navigate into SelectRecommendationScreen

The layout for the MainScreen.kt should be similar to the format below

• Have the name of the city at the top of the screen
• Have each entry display the name of the category at a minimum. You may optionally add an image.

SelectRecommendationScreen.kt: It shows a list of recommendations and when one of them is clicked, it'll navigate into RecommendationDetailsScreen

The layout for each category screen should be similar to the format below

• Have the name of the category at the top of the screen
• Have each entry display the name of the recommendation at a minimum. You may optionally add an image.

RecommendationDetailsScreen.kt

Each recommendation must consist of at least:

• The name of the recommended location
• The address
• Some text to describe why you recommend it
• An image related to the location

The layout for each recommendation should be similar to the format below

• The name of the recommended place should be at the top
• Have the image below the place name
• The Text below the image with the information in this order (on different lines):
  • The address
  • The description of why it's recommended

Structurally, your app needs to be configured in the following manner in the package named after the project:

• A subpackage named data, where your Datasource class resides
• A subpackage named model, where your custom data classes reside
• The pre-created ui subpackage and the MainActivity.kt remain where they were when the project was created

This app should:

• Contain multiple screens; for example, each screen can display a different category of recommendations.
• Use the Jetpack Navigation component to enable users to navigate through your app.
• Maintain a clear distinction between the UI layer and the data layer.
• Use a ViewModel and make updates to the UI from the view model using the unidirectional data flow (UDF) pattern.
• Use adaptive layouts that account for all different screen sizes.
• Follow Material Design guidelines for adaptive design and navigation. For navigation, build the Up button, which is located in your app's AppBar.