125 changed files with 4622 additions and 32 deletions
--- a/.gitignore
+++ b/.gitignore
@ -1,33 +1,15 @@
-# Gradle files
-.gradle/
-build/
-
-# Local configuration file (sdk path, etc)
-local.properties
-
-# Log/OS Files
-*.log
-
-# Android Studio generated files and folders
-captures/
-.externalNativeBuild/
-.cxx/
-*.apk
-output.json
-
-# IntelliJ
 *.iml
-.idea/
-misc.xml
-deploymentTargetDropDown.xml
-render.experimental.xml
-
-# Keystore files
-*.jks
-*.keystore
-
-# Google Services (e.g. APIs or Firebase)
-google-services.json
-
-# Android Profiling
-*.hprof
+.gradle
+/local.properties
+/.idea/caches
+/.idea/libraries
+/.idea/modules.xml
+/.idea/workspace.xml
+/.idea/navEditor.xml
+/.idea/assetWizardSettings.xml
+.DS_Store
+/build
+/captures
+.externalNativeBuild
+.cxx
+local.properties
--- a/.idea/.gitignore
+++ b/.idea/.gitignore
@ -0,0 +1,3 @@
+# Default ignored files
+/shelf/
+/workspace.xml
--- a/.idea/.name
+++ b/.idea/.name
@ -0,0 +1 @@
+Android-Programming
--- a/.idea/compiler.xml
+++ b/.idea/compiler.xml
@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="CompilerConfiguration">
+    <bytecodeTargetLevel target="19" />
+  </component>
+</project>
--- a/.idea/deploymentTargetDropDown.xml
+++ b/.idea/deploymentTargetDropDown.xml
@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="deploymentTargetDropDown">
+    <targetSelectedWithDropDown>
+      <Target>
+        <type value="QUICK_BOOT_TARGET" />
+        <deviceKey>
+          <Key>
+            <type value="VIRTUAL_DEVICE_PATH" />
+            <value value="C:\Users\Admin\.android\avd\Pixel_7_Pro_API_30.avd" />
+          </Key>
+        </deviceKey>
+      </Target>
+    </targetSelectedWithDropDown>
+    <timeTargetWasSelectedWithDropDown value="2023-11-10T15:46:58.753378100Z" />
+  </component>
+</project>
--- a/.idea/gradle.xml
+++ b/.idea/gradle.xml
@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
+  <component name="GradleSettings">
+    <option name="linkedExternalProjectsSettings">
+      <GradleProjectSettings>
+        <option name="testRunner" value="GRADLE" />
+        <option name="distributionType" value="DEFAULT_WRAPPED" />
+        <option name="externalProjectPath" value="$PROJECT_DIR$" />
+        <option name="gradleHome" value="$PROJECT_DIR$/../../../../Gradle/gradle-8.3" />
+        <option name="gradleJvm" value="19" />
+        <option name="modules">
+          <set>
+            <option value="$PROJECT_DIR$" />
+            <option value="$PROJECT_DIR$/app" />
+          </set>
+        </option>
+      </GradleProjectSettings>
+    </option>
+  </component>
+</project>
--- a/.idea/inspectionProfiles/Project_Default.xml
+++ b/.idea/inspectionProfiles/Project_Default.xml
@ -0,0 +1,41 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="PreviewAnnotationInFunctionWithParameters" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewApiLevelMustBeValid" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewDimensionRespectsLimit" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewFontScaleMustBeGreaterThanZero" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewMultipleParameterProviders" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewMustBeTopLevelFunction" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewNeedsComposableAnnotation" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewNotSupportedInUnitTestFiles" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewPickerAnnotation" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+  </profile>
+</component>
--- a/.idea/kotlinc.xml
+++ b/.idea/kotlinc.xml
@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="KotlinJpsPluginSettings">
+    <option name="version" value="1.8.10" />
+  </component>
+</project>
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@ -0,0 +1,9 @@
+<project version="4">
+  <component name="ExternalStorageConfigurationManager" enabled="true" />
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_19" default="true" project-jdk-name="19" project-jdk-type="JavaSDK">
+    <output url="file://$PROJECT_DIR$/build/classes" />
+  </component>
+  <component name="ProjectType">
+    <option name="id" value="Android" />
+  </component>
+</project>
--- a/.idea/vcs.xml
+++ b/.idea/vcs.xml
@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
--- a/app/.gitignore
+++ b/app/.gitignore
@ -0,0 +1 @@
+/build
--- a/app/build.gradle.kts
+++ b/app/build.gradle.kts
@ -0,0 +1,90 @@
+plugins {
+    id("com.android.application")
+    id("org.jetbrains.kotlin.android")
+    id ("kotlin-kapt")
+}
+
+android {
+    namespace = "com.example.android_programming"
+    compileSdk = 34
+
+    defaultConfig {
+        applicationId = "com.example.android_programming"
+        minSdk = 24
+        targetSdk = 34
+        versionCode = 1
+        versionName = "1.0"
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+        vectorDrawables {
+            useSupportLibrary = true
+        }
+    }
+
+    buildTypes {
+        release {
+            isMinifyEnabled = false
+            proguardFiles(
+                getDefaultProguardFile("proguard-android-optimize.txt"),
+                "proguard-rules.pro"
+            )
+        }
+    }
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_19
+        targetCompatibility = JavaVersion.VERSION_19
+    }
+    kotlinOptions {
+        jvmTarget = "19"
+    }
+    buildFeatures {
+        compose = true
+    }
+    composeOptions {
+        kotlinCompilerExtensionVersion = "1.4.3"
+    }
+    packaging {
+        resources {
+            excludes += "/META-INF/{AL2.0,LGPL2.1}"
+        }
+    }
+}
+apply(plugin = "kotlin-kapt")
+dependencies {
+
+    implementation("androidx.core:core-ktx:1.12.0")
+    implementation("androidx.lifecycle:lifecycle-runtime-ktx:2.6.2")
+    implementation("androidx.activity:activity-compose:1.8.0")
+    implementation(platform("androidx.compose:compose-bom:2023.03.00"))
+    implementation("androidx.compose.ui:ui")
+    implementation("androidx.compose.ui:ui-graphics")
+    implementation("androidx.compose.ui:ui-tooling-preview")
+    implementation("androidx.compose.material:material")
+    implementation("androidx.navigation:navigation-runtime-ktx:2.7.4")
+    testImplementation("junit:junit:4.13.2")
+    androidTestImplementation("androidx.test.ext:junit:1.1.5")
+    androidTestImplementation("androidx.test.espresso:espresso-core:3.5.1")
+    androidTestImplementation(platform("androidx.compose:compose-bom:2023.03.00"))
+    androidTestImplementation("androidx.compose.ui:ui-test-junit4")
+    debugImplementation("androidx.compose.ui:ui-tooling")
+    debugImplementation("androidx.compose.ui:ui-test-manifest")
+    implementation ("androidx.activity:activity-ktx:1.8.0")
+    implementation ("androidx.fragment:fragment-ktx:1.6.1")
+    implementation ("io.coil-kt:coil-compose:1.4.0")
+    implementation ("com.google.code.gson:gson:2.8.8")
+    implementation("androidx.navigation:navigation-compose:2.7.4")
+    implementation ("androidx.lifecycle:lifecycle-viewmodel-compose:2.7.0-alpha02")
+
+
+    //ROOM
+    val room_version = "2.5.2"
+    implementation("androidx.room:room-runtime:$room_version")
+    annotationProcessor("androidx.room:room-compiler:$room_version")
+    kapt("androidx.room:room-compiler:$room_version")
+    implementation("androidx.room:room-ktx:$room_version")
+    implementation("androidx.room:room-paging:$room_version")
+
+    //Paging
+    implementation ("androidx.paging:paging-compose:3.2.1")
+    implementation ("androidx.paging:paging-runtime:3.2.1")
+}
--- a/app/proguard-rules.pro
+++ b/app/proguard-rules.pro
@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
--- a/app/src/androidTest/java/com/example/android_programming/ExampleInstrumentedTest.kt
+++ b/app/src/androidTest/java/com/example/android_programming/ExampleInstrumentedTest.kt
@ -0,0 +1,24 @@
+package com.example.android_programming
+
+import androidx.test.platform.app.InstrumentationRegistry
+import androidx.test.ext.junit.runners.AndroidJUnit4
+
+import org.junit.Test
+import org.junit.runner.RunWith
+
+import org.junit.Assert.*
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("com.example.android_programming", appContext.packageName)
+    }
+}
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <application
+        android:name=".App"
+        android:allowBackup="true"
+        android:dataExtractionRules="@xml/data_extraction_rules"
+        android:fullBackupContent="@xml/backup_rules"
+        android:icon="@mipmap/ic_launcher"
+        android:label="@string/app_name"
+        android:roundIcon="@mipmap/ic_launcher_round"
+        android:supportsRtl="true"
+        android:theme="@style/Theme.AndroidProgramming"
+        tools:targetApi="31">
+        <activity
+            android:name=".MainActivity"
+            android:exported="true"
+            android:label="@string/app_name"
+            android:theme="@style/Theme.AndroidProgramming">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+    </application>
+
+</manifest>
--- a/app/src/main/java/com/example/android_programming/App.kt
+++ b/app/src/main/java/com/example/android_programming/App.kt
@ -0,0 +1,16 @@
+package com.example.android_programming
+
+import android.app.Application
+import com.example.android_programming.database.AppDatabase
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.launch
+
+class App : Application() {
+    lateinit var container: AppContainer
+
+    override fun onCreate() {
+        super.onCreate()
+        container = AppDataContainer(this)
+    }
+}
--- a/app/src/main/java/com/example/android_programming/AppContainer.kt
+++ b/app/src/main/java/com/example/android_programming/AppContainer.kt
@ -0,0 +1,13 @@
+package com.example.android_programming
+
+import com.example.android_programming.repository.BasketRepository
+import com.example.android_programming.repository.OrderRepository
+import com.example.android_programming.repository.SneakerRepository
+import com.example.android_programming.repository.UserRepository
+
+interface AppContainer {
+    val sneakerRepo: SneakerRepository
+    val userRepo: UserRepository
+    val orderRepo: OrderRepository
+    val basketRepo: BasketRepository
+}
--- a/app/src/main/java/com/example/android_programming/AppDataContainer.kt
+++ b/app/src/main/java/com/example/android_programming/AppDataContainer.kt
@ -0,0 +1,27 @@
+package com.example.android_programming
+
+import android.content.Context
+import com.example.android_programming.database.AppDatabase
+import com.example.android_programming.repository.BasketRepoImpl
+import com.example.android_programming.repository.BasketRepository
+import com.example.android_programming.repository.OrderRepoImpl
+import com.example.android_programming.repository.OrderRepository
+import com.example.android_programming.repository.SneakerRepoImpl
+import com.example.android_programming.repository.SneakerRepository
+import com.example.android_programming.repository.UserRepoImpl
+import com.example.android_programming.repository.UserRepository
+
+class AppDataContainer(private val context: Context) : AppContainer {
+    override val sneakerRepo: SneakerRepository by lazy {
+        SneakerRepoImpl(AppDatabase.getInstance(context).sneakerDao())
+    }
+    override val userRepo: UserRepository by lazy {
+        UserRepoImpl(AppDatabase.getInstance(context).userDao())
+    }
+    override val orderRepo: OrderRepository by lazy {
+        OrderRepoImpl(AppDatabase.getInstance(context).orderDao())
+    }
+    override val basketRepo: BasketRepository by lazy {
+        BasketRepoImpl(AppDatabase.getInstance(context).basketDao())
+    }
+}
--- a/app/src/main/java/com/example/android_programming/MainActivity.kt
+++ b/app/src/main/java/com/example/android_programming/MainActivity.kt
@ -0,0 +1,55 @@
+package com.example.android_programming
+
+import android.os.Bundle
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import com.example.android_programming.composeui.Header.Header
+import com.example.android_programming.composeui.Navigation.Navigate
+import com.example.android_programming.model.User
+
+class MainActivity : ComponentActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+//        this.deleteDatabase("my-db")
+        setContent {
+            MainContent()
+        }
+    }
+}
+
+@Composable
+fun MainContent() {
+    Column(
+        modifier = Modifier.fillMaxSize()
+    ) {
+        Header()
+        Navigate()
+
+    }
+}
+
+class GlobalUser private constructor() {
+    private var user: User? = null
+
+    fun setUser(user: User?) {
+        this.user = user
+    }
+
+    fun getUser(): User? {
+        return user
+    }
+
+    companion object {
+        private var instance: GlobalUser? = null
+
+        fun getInstance(): GlobalUser {
+            return instance ?: synchronized(this) {
+                instance ?: GlobalUser().also { instance = it }
+            }
+        }
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Header/HeaderWithLogo.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Header/HeaderWithLogo.kt
@ -0,0 +1,40 @@
+package com.example.android_programming.composeui.Header
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.example.android_programming.R
+
+@Composable
+fun Header() {
+    Box(
+        modifier = Modifier
+            .fillMaxWidth()
+            .background(Color.White)
+    ) {
+        Image(
+            painter = painterResource(id = R.drawable.logo),
+            contentDescription = "image",
+            modifier = Modifier
+                .fillMaxWidth()
+                .height(50.dp)
+                .padding(0.dp, 10.dp, 0.dp, 0.dp)
+        )
+    }
+}
+
+
+@Composable
+@Preview
+fun NavigatePreview(){
+    Header()
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Navigation/NavController.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Navigation/NavController.kt
@ -0,0 +1,76 @@
+package com.example.android_programming.composeui.Navigation
+
+import androidx.compose.runtime.Composable
+import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.NavHost
+import androidx.navigation.compose.composable
+import com.example.android_programming.composeui.Screens.AdminPanel.AddPanel
+import com.example.android_programming.composeui.Screens.AdminPanel.AdminPanel
+import com.example.android_programming.composeui.Screens.AdminPanel.ChangePanel
+import com.example.android_programming.composeui.Screens.AdminPanel.ChangeSneaker
+import com.example.android_programming.composeui.Screens.HomeScreen.AboutSneaker
+import com.example.android_programming.composeui.Screens.HomeScreen.HomeScreen
+import com.example.android_programming.composeui.Screens.MyOrderScreen.MyOrderScreen
+import com.example.android_programming.composeui.Screens.OrderScreen.OrderScreen
+import com.example.android_programming.composeui.Screens.ProfileScreen.Profile.Person
+import com.example.android_programming.composeui.Screens.ProfileScreen.Profile.ProfileScreen
+import com.example.android_programming.composeui.Screens.ProfileScreen.SignIn.LoginScreen
+import com.example.android_programming.composeui.Screens.ProfileScreen.SignUp.SignUpScreen
+import com.example.android_programming.model.Sneaker
+import com.example.android_programming.vmodel.AppViewModelProvider
+import com.example.android_programming.vmodel.OrderViewModel
+import com.google.gson.Gson
+
+@Composable
+fun NavController(navController: NavHostController){
+    NavHost(
+        navController = navController,
+        startDestination = NavItem.Home.route
+    ){
+        composable(NavItem.Home.route){
+            HomeScreen(navController)
+        }
+        composable(NavItem.MyOrder.route){
+            MyOrderScreen()
+        }
+        composable(NavItem.Order.route){
+            OrderScreen(navController)
+        }
+        composable(NavItem.Profile.route){
+            ProfileScreen(navController)
+        }
+        composable(NavItem.SignIn.route){
+            LoginScreen(navController)
+        }
+        composable(NavItem.SignUp.route){
+            SignUpScreen(navController)
+        }
+        composable(NavItem.Person.route){
+            Person(navController)
+        }
+        composable(NavItem.AdminPanel.route){
+            AdminPanel(navController)
+        }
+        composable(NavItem.AddPanel.route){
+            AddPanel()
+        }
+        composable(NavItem.ChangePanel.route){
+            ChangePanel(navController)
+        }
+        composable(NavItem.AboutSneaker.route) { backStackEntry ->
+            val sneakerItemString = backStackEntry.arguments?.getString("sneakerItem")
+            val sneakerItem = Gson().fromJson(sneakerItemString, Sneaker::class.java)
+            sneakerItem?.let { AboutSneaker(it, onBackClick = {
+                navController.navigateUp() })
+            }
+        }
+        composable(NavItem.ChangeSneaker.route) { backStackEntry ->
+            val sneakerItemString = backStackEntry.arguments?.getString("sneakerItem")
+            val sneakerItem = Gson().fromJson(sneakerItemString, Sneaker::class.java)
+            sneakerItem?.let { ChangeSneaker(it, onBackClick = {
+                navController.navigateUp() })
+            }
+        }
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Navigation/NavItem.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Navigation/NavItem.kt
@ -0,0 +1,23 @@
+package com.example.android_programming.composeui.Navigation
+
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Build
+import androidx.compose.material.icons.filled.Home
+import androidx.compose.material.icons.filled.Person
+import androidx.compose.material.icons.filled.ShoppingCart
+import androidx.compose.ui.graphics.vector.ImageVector
+
+sealed class NavItem(val route: String, val icon: ImageVector?){
+    object Home : NavItem("home", Icons.Default.Home)
+    object MyOrder : NavItem("myorder", null)
+    object Order : NavItem("order", Icons.Default.ShoppingCart)
+    object Profile : NavItem("profile", Icons.Default.Person)
+    object SignIn : NavItem("login", null)
+    object SignUp : NavItem("signup", null)
+    object Person : NavItem("person", null)
+    object AdminPanel : NavItem("admin", Icons.Default.Build)
+    object AddPanel : NavItem("add", null)
+    object ChangePanel : NavItem("change", null)
+    object AboutSneaker : NavItem("aboutSneaker/{sneakerItem}", null)
+    object ChangeSneaker : NavItem("changeSneaker/{sneakerItem}", null)
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Navigation/Navigate.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Navigation/Navigate.kt
@ -0,0 +1,81 @@
+package com.example.android_programming.composeui.Navigation
+
+import android.annotation.SuppressLint
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.material.BottomNavigation
+import androidx.compose.material.BottomNavigationItem
+import androidx.compose.material.Icon
+import androidx.compose.material.Scaffold
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.unit.dp
+import androidx.navigation.compose.currentBackStackEntryAsState
+import androidx.navigation.compose.rememberNavController
+import com.example.android_programming.R
+
+@SuppressLint("UnusedMaterialScaffoldPaddingParameter")
+@Composable
+fun Navigate() {
+    val navController = rememberNavController()
+
+    val Items = listOf(
+        NavItem.Home,
+        NavItem.Order,
+        NavItem.Profile,
+        NavItem.AdminPanel,
+    )
+
+    Scaffold(bottomBar = {
+        // Оставьте код навигационного бара без изменений
+        BottomNavigation(
+            backgroundColor = Color.White
+        ) {
+            val navBackStackEntry = navController.currentBackStackEntryAsState()
+            val currentState = navBackStackEntry.value
+
+            Items.forEach { it ->
+                val isSelected = currentState?.destination?.route == it.route
+
+                BottomNavigationItem(
+                    selected = isSelected,
+                    onClick = {
+                        if (!isSelected) {
+                            navController.graph.startDestinationRoute?.let {
+                                navController.popBackStack(it, inclusive = true)
+                            }
+                            navController.navigate(it.route) {
+                                launchSingleTop
+                            }
+                        }
+                        navController.navigate(it.route)
+                    },
+                    icon = {
+                        val iconModifier = if (isSelected) {
+                            Modifier
+                                .background(color = colorResource(id = R.color.figma_blue), shape = CircleShape)
+                                .padding(8.dp)
+                        } else {
+                            Modifier
+                        }
+
+                        it.icon?.let { it1 ->
+                            Icon(
+                                imageVector = it1,
+                                contentDescription = null,
+                                tint = if (isSelected) Color.White else Color.Unspecified,
+                                modifier = iconModifier.then(Modifier.size(24.dp))
+                            )
+                        }
+                    }
+                )
+            }
+        }
+    }) {
+        NavController(navController = navController)
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/AdminPanel/AddPanel.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/AdminPanel/AddPanel.kt
@ -0,0 +1,206 @@
+package com.example.android_programming.composeui.Screens.AdminPanel
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.text.KeyboardActions
+import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Text
+import androidx.compose.material.TextField
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.input.ImeAction
+import androidx.compose.ui.text.input.KeyboardType
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import com.example.android_programming.R
+import com.example.android_programming.model.PhotoManager
+import com.example.android_programming.vmodel.AppViewModelProvider
+import com.example.android_programming.vmodel.SneakerViewModel
+
+@Composable
+fun AddPanel(sneakerViewModel: SneakerViewModel = viewModel(factory = AppViewModelProvider.Factory)){
+    val photoManager = PhotoManager()
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(16.dp)
+            .clip(RoundedCornerShape(16.dp))
+            .background(colorResource(id = R.color.figma))
+            .verticalScroll(rememberScrollState())
+    ) {
+        Column(
+            modifier = Modifier.fillMaxWidth(),
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.Center
+        ) {
+            Image(
+                painter = painterResource(id = sneakerViewModel.photo.value),
+                contentDescription = "image",
+                contentScale = ContentScale.FillHeight,
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp)
+                    .height(200.dp)
+            )
+            Button(
+                colors = ButtonDefaults.buttonColors(
+                    backgroundColor = colorResource(id = R.color.figma_blue),
+                    contentColor = Color.White
+                ),
+                onClick = {
+                    sneakerViewModel.photo.value = photoManager.changePhoto(sneakerViewModel.photo.value)
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp, 0.dp, 16.dp, 16.dp)
+            ) {
+                Text("Add image")
+            }
+
+            TextField(
+                value = sneakerViewModel.brand.value,
+                onValueChange = { sneakerViewModel.brand.value = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Brand",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = sneakerViewModel.model.value,
+                onValueChange = { sneakerViewModel.model.value = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Model",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = sneakerViewModel.description.value,
+                onValueChange = { sneakerViewModel.description.value = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(150.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Description",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = sneakerViewModel.price.value,
+                onValueChange = { sneakerViewModel.price.value = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Price",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Button(
+                colors = ButtonDefaults.buttonColors(
+                    backgroundColor = colorResource(id = R.color.figma_blue),
+                    contentColor = Color.White
+                ),
+                onClick = {
+                    sneakerViewModel.insertSneaker()
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp)
+            ) {
+                Text("Add sneaker")
+            }
+        }
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/AdminPanel/AdminPanel.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/AdminPanel/AdminPanel.kt
@ -0,0 +1,72 @@
+package com.example.android_programming.composeui.Screens.AdminPanel
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.AlertDialog
+import androidx.compose.material.Button
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import androidx.navigation.NavHostController
+import com.example.android_programming.GlobalUser
+import com.example.android_programming.model.RoleEnum
+
+@Composable
+fun AdminPanel(navHostController: NavHostController) {
+    var isAddPanelVisible by remember { mutableStateOf(false) }
+    var isChangePanelVisible by remember { mutableStateOf(false) }
+    var showDialog by remember { mutableStateOf(GlobalUser.getInstance().getUser()?.role == RoleEnum.User || GlobalUser.getInstance().getUser()?.role == null) }
+    if (!showDialog) {
+        Column(
+            modifier = Modifier
+                .fillMaxSize()
+                .background(Color.White)
+                .padding(bottom = 50.dp)
+        ) {
+            ButtonAdmin(
+                onAddClick = {
+                    isAddPanelVisible = true
+                    isChangePanelVisible = false
+                },
+                onChangeClick = {
+                    isChangePanelVisible = true
+                    isAddPanelVisible = false
+                }
+            )
+        }
+
+        if (isAddPanelVisible) {
+            AddPanel()
+        }
+
+        if (isChangePanelVisible) {
+            ChangePanel(navHostController)
+        }
+    }
+    if (showDialog) {
+        AlertDialog(
+            onDismissRequest = { showDialog = false },
+            title = {
+                Text("Access denied")
+            },
+            text = {
+                Text("You are not admin")
+            },
+            confirmButton = {
+                Button(
+                    onClick = { navHostController.navigate("home") }
+                ) {
+                    Text("OK")
+                }
+            }
+        )
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/AdminPanel/Button.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/AdminPanel/Button.kt
@ -0,0 +1,60 @@
+package com.example.android_programming.composeui.Screens.AdminPanel
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.unit.dp
+import com.example.android_programming.R
+
+@Composable
+fun ButtonAdmin(onAddClick: () -> Unit, onChangeClick: () -> Unit) {
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(16.dp, 16.dp, 16.dp, 0.dp)
+            .clip(RoundedCornerShape(16.dp))
+            .background(colorResource(id = R.color.figma))
+    ){
+        Button(
+            colors = ButtonDefaults.buttonColors(
+                backgroundColor = colorResource(id = R.color.figma_blue),
+                contentColor = Color.White
+            ),
+            onClick = {
+                onAddClick()
+            },
+            modifier = Modifier
+                .clip(RoundedCornerShape(20.dp))
+                .fillMaxWidth(0.5f)
+                .padding(16.dp)
+        ) {
+            Text("Add")
+        }
+        Button(
+            colors = ButtonDefaults.buttonColors(
+                backgroundColor = colorResource(id = R.color.figma_blue),
+                contentColor = Color.White
+            ),
+            onClick = {
+                onChangeClick()
+            },
+            modifier = Modifier
+                .clip(RoundedCornerShape(20.dp))
+                .fillMaxWidth()
+                .padding(16.dp)
+        ) {
+            Text("Change/Del")
+        }
+    }
+
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/AdminPanel/CardSneakerForChange.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/AdminPanel/CardSneakerForChange.kt
@ -0,0 +1,99 @@
+package com.example.android_programming.composeui.Screens.AdminPanel
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Icon
+import androidx.compose.material.Text
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Create
+import androidx.compose.material.icons.filled.Delete
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.navigation.NavHostController
+import com.example.android_programming.R
+import com.example.android_programming.model.Sneaker
+import com.example.android_programming.vmodel.AppViewModelProvider
+import com.example.android_programming.vmodel.SneakerViewModel
+import com.google.gson.Gson
+
+@Composable
+fun CardSneakerForChange(item: Sneaker, navController: NavHostController, sneakerViewModel: SneakerViewModel = viewModel(factory = AppViewModelProvider.Factory)) {
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(0.dp, 0.dp, 0.dp, 16.dp)
+            .clip(RoundedCornerShape(10.dp))
+            .background(colorResource(id = R.color.figma)),
+        verticalAlignment = Alignment.CenterVertically,
+        horizontalArrangement = Arrangement.SpaceBetween
+    ) {
+        Image(
+            painter = painterResource(id = item.photo),
+            contentDescription = "image",
+            contentScale = ContentScale.FillWidth,
+            modifier = Modifier
+                .size(70.dp)
+                .padding(10.dp)
+                .clip(RoundedCornerShape(10.dp))
+        )
+
+        Column(
+            modifier = Modifier
+                .weight(1f)
+                .padding(start = 16.dp)
+        ) {
+            item.brand?.let { Text(text = it, fontSize = 20.sp) }
+            Text(text = "${item.price} $", color = Color.Red, fontSize = 16.sp)
+        }
+
+        Button(
+            colors = ButtonDefaults.buttonColors(
+                backgroundColor = colorResource(id = R.color.figma_blue),
+                contentColor = Color.White
+            ),
+            onClick = {
+                sneakerViewModel.brand.value = item.brand ?: ""
+                sneakerViewModel.model.value = item.model ?: ""
+                sneakerViewModel.description.value = item.description ?: ""
+                sneakerViewModel.price.value = item.price.toString()
+                val sneakerItemString = Gson().toJson(item)
+                navController.navigate("changeSneaker/${sneakerItemString}") },
+            modifier = Modifier
+                .padding(end = 16.dp)
+        ) {
+            Icon(imageVector = Icons.Default.Create, contentDescription = "change")
+        }
+
+        Button(
+            colors = ButtonDefaults.buttonColors(
+                backgroundColor = colorResource(id = R.color.figma_blue),
+                contentColor = Color.White
+            ),
+            onClick = {
+                  sneakerViewModel.deleteSneaker(item)
+            },
+            modifier = Modifier
+                .padding(end = 16.dp)
+        ) {
+            Icon(imageVector = Icons.Default.Delete, contentDescription = "delete")
+        }
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/AdminPanel/ChangePanel.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/AdminPanel/ChangePanel.kt
@ -0,0 +1,62 @@
+package com.example.android_programming.composeui.Screens.AdminPanel
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.layout.wrapContentHeight
+import androidx.compose.foundation.layout.wrapContentSize
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.itemsIndexed
+import androidx.compose.material.CircularProgressIndicator
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.navigation.NavHostController
+import androidx.paging.LoadState
+import androidx.paging.compose.collectAsLazyPagingItems
+import androidx.paging.compose.itemKey
+import com.example.android_programming.model.Sneaker
+import com.example.android_programming.vmodel.AppViewModelProvider
+import com.example.android_programming.vmodel.SneakerViewModel
+import kotlinx.coroutines.delay
+
+@Composable
+fun ChangePanel(navHostController: NavHostController, sneakerViewModel: SneakerViewModel = viewModel(factory = AppViewModelProvider.Factory)) {
+    val list = sneakerViewModel.sneakerList.collectAsLazyPagingItems()
+
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .background(Color.White)
+            .padding(16.dp, 80.dp)
+    ) {
+        Row {
+            LazyColumn(
+                modifier = Modifier
+                    .fillMaxSize()
+            ) {
+                items(list.itemCount) { index ->
+                    list[index]?.let { sneaker ->
+                        CardSneakerForChange(item = sneaker, navController = navHostController)
+                    }
+                }
+            }
+        }
+    }
+}
+
+
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/AdminPanel/ChangeSneaker.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/AdminPanel/ChangeSneaker.kt
@ -0,0 +1,242 @@
+package com.example.android_programming.composeui.Screens.AdminPanel
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.text.KeyboardActions
+import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Icon
+import androidx.compose.material.Text
+import androidx.compose.material.TextField
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.ArrowBack
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.input.ImeAction
+import androidx.compose.ui.text.input.KeyboardType
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import com.example.android_programming.R
+import com.example.android_programming.model.PhotoManager
+import com.example.android_programming.model.Sneaker
+import com.example.android_programming.vmodel.AppViewModelProvider
+import com.example.android_programming.vmodel.SneakerViewModel
+
+@Composable
+fun ChangeSneaker(sneaker: Sneaker, onBackClick: () -> Unit, sneakerViewModel: SneakerViewModel = viewModel(factory = AppViewModelProvider.Factory)) {
+    val brand = remember {mutableStateOf(sneaker.brand)}
+    val model = remember{mutableStateOf(sneaker.model)}
+    val description = remember{mutableStateOf(sneaker.description)}
+    val price = remember{mutableStateOf(sneaker.price.toString())}
+    var photo by remember { mutableStateOf(sneaker.photo) }
+    val photoManager = PhotoManager()
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(16.dp, 16.dp, 16.dp, 50.dp)
+            .clip(RoundedCornerShape(16.dp))
+            .background(colorResource(id = R.color.figma))
+            .verticalScroll(rememberScrollState())
+    ) {
+        Column(
+            modifier = Modifier.fillMaxWidth(),
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.Center
+        ) {
+            Button(
+                onClick = onBackClick,
+                colors = ButtonDefaults.buttonColors(
+                    backgroundColor = colorResource(id = R.color.white),
+                    contentColor = Color.Black
+                ),
+            ) {
+                Icon(
+                    imageVector = Icons.Default.ArrowBack,
+                    contentDescription = "Back",
+                )
+            }
+            Image(
+                painter = painterResource(id = photo),
+                contentDescription = "image",
+                contentScale = ContentScale.FillHeight,
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp)
+                    .height(200.dp)
+            )
+
+            Button(
+                colors = ButtonDefaults.buttonColors(
+                    backgroundColor = colorResource(id = R.color.figma_blue),
+                    contentColor = Color.White
+                ),
+                onClick = {
+                    photo = photoManager.changePhoto(photo)
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp, 0.dp, 16.dp, 16.dp)
+            ) {
+                Text("Change image")
+            }
+
+            TextField(
+                value = brand.value,
+                onValueChange = { newValue -> brand.value = newValue },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Brand",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = model.value,
+                onValueChange = { model.value = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Model",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = description.value,
+                onValueChange = { description.value = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(150.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Description",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = price.value,
+                onValueChange = { price.value = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Price",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Button(
+                colors = ButtonDefaults.buttonColors(
+                    backgroundColor = colorResource(id = R.color.figma_blue),
+                    contentColor = Color.White
+                ),
+                onClick = {
+                    sneakerViewModel.UpdateSneaker(
+                        Sneaker(
+                            sneakerId = sneaker.sneakerId,
+                            brand = brand.value,
+                            model = model.value,
+                            description = description.value,
+                            photo = photo,
+                            price = price.value.toDouble()
+                        )
+                    )
+                    onBackClick()
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp)
+            ) {
+                Text("Save")
+            }
+        }
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/HomeScreen/AboutSneaker.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/HomeScreen/AboutSneaker.kt
@ -0,0 +1,90 @@
+package com.example.android_programming.composeui.Screens.HomeScreen
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Icon
+import androidx.compose.material.Text
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.ArrowBack
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import com.example.android_programming.R
+import com.example.android_programming.model.Sneaker
+
+@Composable
+fun AboutSneaker(sneaker: Sneaker, onBackClick: () -> Unit) {
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .background(Color.White)
+            .padding(20.dp)
+    ) {
+        Button(
+            onClick = onBackClick,
+            colors = ButtonDefaults.buttonColors(
+                backgroundColor = colorResource(id = R.color.white),
+                contentColor = Color.Black
+            ),
+        ) {
+            Icon(
+                imageVector = Icons.Default.ArrowBack,
+                contentDescription = "Back",
+            )
+        }
+        Image(
+            painter = painterResource(id = sneaker.photo),
+            contentDescription = "image",
+            contentScale = ContentScale.FillWidth,
+            modifier = Modifier
+                .fillMaxWidth()
+                .height(300.dp)
+        )
+
+        Column(
+            modifier = Modifier.padding(16.dp)
+        ) {
+            Text(
+                text = "${sneaker.brand}",
+                fontSize = 25.sp,
+                fontWeight = FontWeight.Bold
+            )
+            Text(
+                text = "${sneaker.model}",
+                fontSize = 25.sp,
+                fontWeight = FontWeight.Bold
+            )
+            Text(text = "Price: $${sneaker.price}", fontSize = 16.sp)
+            Text(text = "Description: ${sneaker.description}", fontSize = 16.sp)
+            Button(
+                colors = ButtonDefaults.buttonColors(
+                    backgroundColor = colorResource(id = R.color.figma_blue),
+                    contentColor = Color.White
+                ),
+                onClick = {
+
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .clip(RoundedCornerShape(20.dp))
+            ) {
+                Text("Add to cart")
+            }
+        }
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/HomeScreen/FilterByBrand/FilterByBrand.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/HomeScreen/FilterByBrand/FilterByBrand.kt
@ -0,0 +1,38 @@
+package com.example.android_programming.composeui.Screens.HomeScreen.FilterByBrand
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.LazyRow
+import androidx.compose.foundation.lazy.itemsIndexed
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.example.android_programming.R
+
+@Preview
+@Composable
+fun FilterByBrand() {
+    Row {
+        LazyRow(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(0.dp, 10.dp, 0.dp, 5.dp),
+
+            horizontalArrangement = Arrangement.SpaceEvenly
+        ){
+            itemsIndexed(
+                listOf(
+                    ItemFilterByBrand(R.drawable.jordan),
+                    ItemFilterByBrand(R.drawable.jordan),
+                    ItemFilterByBrand(R.drawable.jordan),
+                    ItemFilterByBrand(R.drawable.jordan)
+                )
+            ){ _, item->
+                ItemRow(item = item)
+            }
+        }
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/HomeScreen/FilterByBrand/ItemFilterByBrand.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/HomeScreen/FilterByBrand/ItemFilterByBrand.kt
@ -0,0 +1,5 @@
+package com.example.android_programming.composeui.Screens.HomeScreen.FilterByBrand
+
+data class ItemFilterByBrand(
+    val imageId: Int,
+)
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/HomeScreen/FilterByBrand/ItemRow.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/HomeScreen/FilterByBrand/ItemRow.kt
@ -0,0 +1,45 @@
+package com.example.android_programming.composeui.Screens.HomeScreen.FilterByBrand
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.example.android_programming.R
+
+
+@Composable
+fun ItemRow(item: ItemFilterByBrand) {
+    Column(
+        horizontalAlignment = Alignment.CenterHorizontally,
+        modifier = Modifier
+            .clip(RoundedCornerShape(10.dp))
+            .background(colorResource(id = R.color.figma))
+
+    ) {
+        Image(
+            painter = painterResource(id = item.imageId),
+            contentDescription = "image",
+            contentScale = ContentScale.Crop,
+            modifier = Modifier
+                .padding(13.dp, 3.dp, 13.dp, 3.dp)
+                .size(30.dp)
+        )
+    }
+}
+
+@Composable
+@Preview
+fun PreviewItemRow(){
+    ItemRow(item = ItemFilterByBrand(R.drawable.jordan))
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/HomeScreen/HomeScreen.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/HomeScreen/HomeScreen.kt
@ -0,0 +1,52 @@
+package com.example.android_programming.composeui.Screens.HomeScreen
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.mutableStateListOf
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.navigation.NavHostController
+import com.example.android_programming.composeui.Screens.HomeScreen.FilterByBrand.FilterByBrand
+import com.example.android_programming.composeui.Screens.HomeScreen.SearchField.SearchField
+import com.example.android_programming.composeui.Screens.HomeScreen.SneakerRecyclerView.RecyclerView
+import com.example.android_programming.model.Sneaker
+import com.example.android_programming.vmodel.AppViewModelProvider
+import com.example.android_programming.vmodel.OrderViewModel
+
+@Composable
+fun HomeScreen(navHostController: NavHostController) {
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .background(Color.White)
+            /*.verticalScroll(rememberScrollState())*/
+    ) {
+        Row {
+            // Поле для поиска
+            SearchField(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(20.dp, 20.dp, 20.dp, 10.dp)
+                    .clip(RoundedCornerShape(10.dp))
+            ) { searchText ->
+                // Обработка введенного текста поиска
+            }
+        }
+        Sales()
+        FilterByBrand()
+        RecyclerView(navHostController = navHostController)
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/HomeScreen/Sales.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/HomeScreen/Sales.kt
@ -0,0 +1,30 @@
+package com.example.android_programming.composeui.Screens.HomeScreen
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.example.android_programming.R
+
+@Composable
+@Preview
+fun Sales() {
+    Row(
+        modifier = Modifier
+            .padding(16.dp, 0.dp)
+    ){
+        Image(
+            painter = painterResource(id = R.drawable.sales),
+            contentDescription = "image",
+            contentScale = ContentScale.FillWidth,
+            modifier = Modifier
+                .fillMaxWidth()
+        )
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/HomeScreen/SearchField/SearchField.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/HomeScreen/SearchField/SearchField.kt
@ -0,0 +1,79 @@
+package com.example.android_programming.composeui.Screens.HomeScreen.SearchField;
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.text.BasicTextField
+import androidx.compose.material.Icon
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Search
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.unit.dp
+import com.example.android_programming.R
+
+@Composable
+fun SearchField(
+    modifier: Modifier = Modifier,
+    onSearch: (String) -> Unit
+) {
+    var searchText by remember { mutableStateOf("") }
+
+    Box(
+        modifier = modifier
+            .fillMaxWidth()
+            .background(colorResource(id = R.color.figma))
+            .padding(horizontal = 16.dp, vertical = 8.dp)
+    ) {
+        Row(
+            modifier = Modifier
+                    .fillMaxWidth(),
+            verticalAlignment = Alignment.CenterVertically,
+            content = {
+                BasicTextField(
+                    value = searchText,
+                    onValueChange = {
+                            searchText = it
+                            onSearch(it)
+                    },
+                    textStyle = TextStyle(color = Color.Black),
+                    modifier = Modifier
+                            .weight(1f)
+                )
+
+                SearchIcon(
+                    imageVector = Icons.Default.Search,
+                    contentDescription = "Search Icon",
+                    modifier = Modifier.size(24.dp)
+                )
+            }
+        )
+    }
+}
+
+@Composable
+fun SearchIcon(
+    imageVector: ImageVector,
+    contentDescription: String,
+    modifier: Modifier = Modifier
+) {
+    Icon(
+        imageVector = imageVector,
+        contentDescription = contentDescription,
+        modifier = modifier
+                .size(24.dp)
+                .padding(4.dp)
+    )
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/HomeScreen/SneakerRecyclerView/CardSneaker.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/HomeScreen/SneakerRecyclerView/CardSneaker.kt
@ -0,0 +1,116 @@
+package com.example.android_programming.composeui.Screens.HomeScreen.SneakerRecyclerView
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.widthIn
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Icon
+import androidx.compose.material.Text
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.ShoppingCart
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.platform.LocalConfiguration
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.navigation.NavHostController
+import com.example.android_programming.GlobalUser
+import com.example.android_programming.R
+import com.example.android_programming.model.BasketSneakers
+import com.example.android_programming.model.Sneaker
+import com.example.android_programming.vmodel.AppViewModelProvider
+import com.example.android_programming.vmodel.BasketViewModel
+import com.example.android_programming.vmodel.SneakerViewModel
+import com.google.gson.Gson
+
+@Composable
+fun CardSneaker(item: Sneaker, navController: NavHostController, basketViewModel: BasketViewModel = viewModel(factory = AppViewModelProvider.Factory)) {
+    val maxWidth = (LocalConfiguration.current.screenWidthDp / 2).dp
+
+    Box(
+        modifier = Modifier
+            .padding(4.dp)
+            .widthIn(maxWidth)
+            .clickable {
+                val sneakerItemString = Gson().toJson(item)
+                navController.navigate("aboutSneaker/${sneakerItemString}")
+            }
+    ) {
+        Column(
+            horizontalAlignment = Alignment.CenterHorizontally,
+            modifier = Modifier
+                .clip(RoundedCornerShape(10.dp))
+                .background(colorResource(id = R.color.figma))
+                .widthIn(maxWidth)
+        ) {
+            Image(
+                painter = painterResource(id = item.photo),
+                contentDescription = "image",
+                contentScale = ContentScale.FillWidth,
+                modifier = Modifier
+                    .size(100.dp)
+            )
+
+            Column {
+                Row(
+                    modifier = Modifier
+                        .widthIn(maxWidth),
+                    horizontalArrangement = Arrangement.SpaceBetween,
+                ) {
+                    Column(
+                        horizontalAlignment = Alignment.Start,
+                        modifier = Modifier
+                            .padding(10.dp, 0.dp)
+                    ) {
+                        Row {
+                            item.brand?.let { Text(text = "$it ") }
+                            item.model?.let { Text(text = it) }
+                        }
+                        Text(text = item.price.toString(), color = Color.Red)
+                    }
+                    Column(
+                        modifier = Modifier
+                            .padding(10.dp)
+                    ) {
+                        Button(
+                            colors = ButtonDefaults.buttonColors(
+                                backgroundColor = colorResource(id = R.color.figma_blue),
+                                contentColor = Color.White
+                            ),
+                            onClick = {
+                                if(GlobalUser.getInstance().getUser() == null){
+                                    navController.navigate("login")
+                                }else{
+                                    basketViewModel.addToBasket(BasketSneakers(GlobalUser.getInstance().getUser()?.userId!!, item.sneakerId!!, 1))
+                                }
+                            },
+                            modifier = Modifier
+                                .size(50.dp, 30.dp)
+                                .clip(RoundedCornerShape(10.dp))
+                        ) {
+                            Icon(
+                                imageVector = Icons.Default.ShoppingCart,
+                                contentDescription = null
+                            )
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/HomeScreen/SneakerRecyclerView/RecyclerView.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/HomeScreen/SneakerRecyclerView/RecyclerView.kt
@ -0,0 +1,46 @@
+package com.example.android_programming.composeui.Screens.HomeScreen.SneakerRecyclerView
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.grid.GridCells
+import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.navigation.NavHostController
+import androidx.paging.compose.collectAsLazyPagingItems
+import androidx.paging.compose.itemKey
+import com.example.android_programming.model.Sneaker
+import com.example.android_programming.vmodel.AppViewModelProvider
+import com.example.android_programming.vmodel.OrderViewModel
+import com.example.android_programming.vmodel.SneakerViewModel
+
+@Composable
+fun RecyclerView(navHostController: NavHostController, sneakerViewModel: SneakerViewModel = viewModel(factory = AppViewModelProvider.Factory)) {
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(bottom = 60.dp)
+    ) {
+        val sneakerLazyPagingItems = sneakerViewModel.sneakerList.collectAsLazyPagingItems()
+
+        LazyVerticalGrid(
+            columns = GridCells.Fixed(2)
+        ) {
+            items(
+                count = sneakerLazyPagingItems.itemCount,
+                key = sneakerLazyPagingItems.itemKey { sneaker -> sneaker.sneakerId!! }
+            ) { index: Int ->
+                val sneaker: Sneaker? = sneakerLazyPagingItems[index]
+                if (sneaker != null) {
+                    CardSneaker(sneaker, navHostController)
+                }
+            }
+        }
+    }
+}
+
+
+
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/MyOrderScreen/MyOrderScreen.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/MyOrderScreen/MyOrderScreen.kt
@ -0,0 +1,60 @@
+package com.example.android_programming.composeui.Screens.MyOrderScreen
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import com.example.android_programming.GlobalUser
+import com.example.android_programming.model.Order
+import com.example.android_programming.vmodel.AppViewModelProvider
+import com.example.android_programming.vmodel.OrderViewModel
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.GlobalScope
+import kotlinx.coroutines.launch
+
+@Composable
+fun MyOrderScreen(orderViewModel: OrderViewModel = viewModel(factory = AppViewModelProvider.Factory)) {
+    val userId = GlobalUser.getInstance().getUser()?.userId
+    val userWithOrder = orderViewModel.getOrderList(userId!!).collectAsState(null).value?.orders
+
+    Column(
+        modifier = Modifier
+            .padding(bottom = 50.dp)
+            .fillMaxSize()
+            .background(Color.White)
+            .verticalScroll(rememberScrollState())
+
+    ){
+        Text(
+            text = "My order",
+            style = MaterialTheme.typography.h5,
+            fontWeight = FontWeight.Bold,
+            modifier = Modifier
+                .padding(10.dp, 10.dp)
+        )
+        Row {
+            Column(
+                modifier = Modifier
+                    .fillMaxSize()
+            ) {
+                if (userWithOrder != null) {
+                    for (item in userWithOrder) {
+                        OrderCard(item)
+                    }
+                }
+            }
+        }
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/MyOrderScreen/OrderCard.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/MyOrderScreen/OrderCard.kt
@ -0,0 +1,94 @@
+package com.example.android_programming.composeui.Screens.MyOrderScreen
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Icon
+import androidx.compose.material.IconButton
+import androidx.compose.material.Text
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Add
+import androidx.compose.material.icons.filled.KeyboardArrowDown
+import androidx.compose.material.icons.filled.KeyboardArrowLeft
+import androidx.compose.material.icons.filled.KeyboardArrowRight
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import com.example.android_programming.R
+import com.example.android_programming.model.Order
+import com.example.android_programming.model.Sneaker
+import com.example.android_programming.vmodel.AppViewModelProvider
+import com.example.android_programming.vmodel.OrderViewModel
+import java.util.Date
+
+@Composable
+fun OrderCard(order: Order, orderViewModel: OrderViewModel = viewModel(factory = AppViewModelProvider.Factory)){
+
+    val SneakerList = order?.orderId?.let {
+        orderViewModel.getOrderWithSneakers(it)
+    }
+    val sneakerWithOrder by SneakerList!!.collectAsState(null)
+    val sneakerList: List<Sneaker>? = sneakerWithOrder?.sneakers
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(16.dp, 16.dp, 16.dp, 0.dp)
+            .clip(RoundedCornerShape(16.dp))
+            .background(colorResource(id = R.color.figma))
+    ){
+        Column(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(16.dp),
+            verticalArrangement = Arrangement.Center
+        ){
+            Text("№ ${order.orderId}")
+            Text("${Date(order.date)}")
+            Row(){
+                if (sneakerList != null) {
+                    for(sneaker in sneakerList){
+                        Image(
+                            contentScale = ContentScale.FillBounds,
+                            painter = painterResource(id = sneaker.photo),
+                            contentDescription = null,
+                            modifier = Modifier
+                                .size(70.dp)
+                                .padding(0.dp, 10.dp, 10.dp, 10.dp)
+                        )
+                    }
+                }
+            }
+            Button(
+                colors = ButtonDefaults.buttonColors(
+                    backgroundColor = colorResource(id = R.color.figma_blue),
+                    contentColor = Color.White
+                ),
+                onClick = {
+                    orderViewModel.deleteOrder(order)
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp, 16.dp, 16.dp, 0.dp)
+            ) {
+                Text("Cancel")
+            }
+        }
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/OrderScreen/CardSneaker.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/OrderScreen/CardSneaker.kt
@ -0,0 +1,105 @@
+package com.example.android_programming.composeui.Screens.OrderScreen
+
+import android.annotation.SuppressLint
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Icon
+import androidx.compose.material.IconButton
+import androidx.compose.material.Text
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Delete
+import androidx.compose.material.icons.filled.KeyboardArrowLeft
+import androidx.compose.material.icons.filled.KeyboardArrowRight
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.State
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import com.example.android_programming.GlobalUser
+import com.example.android_programming.R
+import com.example.android_programming.model.Sneaker
+import com.example.android_programming.vmodel.AppViewModelProvider
+import com.example.android_programming.vmodel.BasketViewModel
+import com.example.android_programming.vmodel.OrderViewModel
+
+@SuppressLint("UnrememberedMutableState")
+@Composable
+fun CardSneakerLike(item: Sneaker, basketViewModel: BasketViewModel = viewModel(factory = AppViewModelProvider.Factory)) {
+    val userId = GlobalUser.getInstance().getUser()?.userId!!
+    val quantityState by basketViewModel.getQuantityState(userId, item.sneakerId!!).collectAsState()
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(16.dp, 5.dp)
+            .clip(RoundedCornerShape(10.dp))
+            .background(colorResource(id = R.color.figma)),
+        verticalAlignment = Alignment.CenterVertically,
+        horizontalArrangement = Arrangement.SpaceBetween
+    ) {
+        Image(
+            painter = painterResource(id = item.photo),
+            contentDescription = "image",
+            contentScale = ContentScale.FillWidth,
+            modifier = Modifier
+                .size(70.dp)
+                .padding(10.dp)
+                .clip(RoundedCornerShape(10.dp))
+        )
+
+        Column(
+            modifier = Modifier
+                .weight(1f)
+                .padding(start = 16.dp)
+        ) {
+            item.brand?.let { Text(text = it, fontSize = 20.sp) }
+            Text(text = "${item.price} USD", color = Color.Red, fontSize = 16.sp)
+        }
+
+        Column {
+            Button(
+                colors = ButtonDefaults.buttonColors(
+                    backgroundColor = colorResource(id = R.color.figma_blue),
+                    contentColor = Color.White
+                ),
+                onClick = {
+                    basketViewModel.deleteSneakerFromBasket(GlobalUser.getInstance().getUser()?.userId!!, item.sneakerId!!)
+                },
+                modifier = Modifier
+                    .padding(end = 16.dp)
+            ) {
+                Icon(imageVector = Icons.Default.Delete, contentDescription = "delete")
+            }
+        }
+
+        Column {
+            Row {
+                IconButton(onClick = { basketViewModel.decrementQuantity(userId ,item.sneakerId!!) }) {
+                    Icon(Icons.Default.KeyboardArrowLeft, contentDescription = "Decrease Quantity")
+                }
+                Text("$quantityState")
+                IconButton(onClick = { basketViewModel.incrementQuantity(userId, item.sneakerId!!) }) {
+                    Icon(Icons.Default.KeyboardArrowRight, contentDescription = "Increase Quantity")
+                }
+            }
+        }
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/OrderScreen/DeliveryAddress.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/OrderScreen/DeliveryAddress.kt
@ -0,0 +1,132 @@
+package com.example.android_programming.composeui.Screens.OrderScreen
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.text.KeyboardActions
+import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.material.Text
+import androidx.compose.material.TextField
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.input.ImeAction
+import androidx.compose.ui.text.input.KeyboardType
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import com.example.android_programming.R
+import com.example.android_programming.vmodel.OrderViewModel
+
+@Composable
+fun DeliveryAddress(orderViewModel: OrderViewModel) {
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(16.dp)
+            .clip(RoundedCornerShape(16.dp))
+            .background(colorResource(id = R.color.figma)),
+        horizontalArrangement = Arrangement.Center
+    ) {
+        Column(
+            modifier = Modifier
+                .padding(16.dp),
+            horizontalAlignment = Alignment.CenterHorizontally
+
+        ) {
+            Text(text = "Delivery Address", fontSize = 24.sp, fontWeight = FontWeight.Bold)
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = orderViewModel.city.value,
+                onValueChange = { orderViewModel.city.value = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "City",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = orderViewModel.street.value,
+                onValueChange = { orderViewModel.street.value = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Street",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = orderViewModel.house.value,
+                onValueChange = { orderViewModel.house.value = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "House",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+        }
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/OrderScreen/OrderScreen.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/OrderScreen/OrderScreen.kt
@ -0,0 +1,72 @@
+package com.example.android_programming.composeui.Screens.OrderScreen
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewModelScope
+import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.navigation.NavHostController
+import com.example.android_programming.GlobalUser
+import com.example.android_programming.R
+import com.example.android_programming.model.Sneaker
+import com.example.android_programming.vmodel.AppViewModelProvider
+import com.example.android_programming.vmodel.BasketViewModel
+import com.example.android_programming.vmodel.OrderViewModel
+
+
+@Composable
+fun OrderScreen(navHostController: NavHostController, basketViewModel: BasketViewModel = viewModel(factory = AppViewModelProvider.Factory), orderViewModel: OrderViewModel = viewModel(factory = AppViewModelProvider.Factory)) {
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .background(Color.White)
+            .padding(bottom = 60.dp)
+            .verticalScroll(rememberScrollState())
+    ){
+        DeliveryAddress(orderViewModel)
+        val userId = GlobalUser.getInstance().getUser()?.userId
+        if (userId != null) {
+            val list by basketViewModel.getBasketSneakers(userId!!).collectAsState(initial = null)
+            val SneakerList: List<Sneaker>? = list?.sneakers
+            if (SneakerList != null) {
+                orderViewModel.updateSelectedItems(SneakerList)
+                ShoppingList(SneakerList)
+                SubTotal(orderViewModel)
+            }
+        }
+        Button(
+            colors = ButtonDefaults.buttonColors(
+                backgroundColor = colorResource(id = R.color.figma_blue),
+                contentColor = Color.White
+            ),
+            onClick = {
+                if(GlobalUser.getInstance().getUser() != null){
+                    orderViewModel.createOrder()
+                    navHostController.navigate("home")
+                }else{
+                    navHostController.navigate("login")
+                }
+            },
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(16.dp, 0.dp, 16.dp, 16.dp)
+        ) {
+            Text("Confirm order")
+        }
+    }
+}
+
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/OrderScreen/ShoppingList.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/OrderScreen/ShoppingList.kt
@ -0,0 +1,18 @@
+package com.example.android_programming.composeui.Screens.OrderScreen
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.runtime.Composable
+import com.example.android_programming.model.Sneaker
+import com.example.android_programming.vmodel.OrderViewModel
+
+@Composable
+fun ShoppingList(list : List<Sneaker>) {
+    Row {
+        Column {
+            for(item in list){
+                CardSneakerLike(item = item)
+            }
+        }
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/OrderScreen/SubTotal.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/OrderScreen/SubTotal.kt
@ -0,0 +1,91 @@
+package com.example.android_programming.composeui.Screens.OrderScreen
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import com.example.android_programming.GlobalUser
+import com.example.android_programming.R
+import com.example.android_programming.vmodel.OrderViewModel
+
+@Composable
+fun SubTotal(orderViewModel: OrderViewModel) {
+    val userId = GlobalUser.getInstance().getUser()?.userId!!
+    orderViewModel.updateSubTotal(userId)
+    val subTotal = orderViewModel.subTotal.value
+    Column(
+        modifier = Modifier
+            .padding(16.dp)
+            .clip(RoundedCornerShape(16.dp))
+            .background(colorResource(id = R.color.figma))
+    ){
+        Row(
+            modifier = Modifier
+                .padding(10.dp, 5.dp)
+                .fillMaxWidth(),
+            horizontalArrangement = Arrangement.SpaceBetween
+        ){
+            Row(
+                modifier = Modifier.weight(1f),
+                horizontalArrangement = Arrangement.Start
+            ){
+                Text(text = "Sub total", fontSize = 15.sp)
+            }
+            Row(
+                modifier = Modifier.weight(1f),
+                horizontalArrangement = Arrangement.End
+            ){
+                Text(text = "$subTotal $", fontSize = 15.sp)
+            }
+        }
+        Row(
+            modifier = Modifier
+                .padding(10.dp, 5.dp)
+                .fillMaxWidth(),
+            horizontalArrangement = Arrangement.SpaceBetween
+        ){
+            Row(
+                modifier = Modifier.weight(1f),
+                horizontalArrangement = Arrangement.Start
+            ){
+                Text(text = "Taxes", fontSize = 15.sp)
+            }
+            Row(
+                modifier = Modifier.weight(1f),
+                horizontalArrangement = Arrangement.End
+            ){
+                Text(text = "${"%.2f".format(subTotal * 0.05)} $", fontSize = 15.sp)
+            }
+        }
+        Row(
+            modifier = Modifier
+                .padding(10.dp, 5.dp)
+                .fillMaxWidth(),
+            horizontalArrangement = Arrangement.SpaceBetween
+        ){
+            Row(
+                modifier = Modifier.weight(1f),
+                horizontalArrangement = Arrangement.Start
+            ){
+                Text(text = "Total", fontSize = 15.sp)
+            }
+            Row(
+                modifier = Modifier.weight(1f),
+                horizontalArrangement = Arrangement.End
+            ){
+                Text(text = "${"%.2f".format(subTotal + subTotal * 0.05)} $", fontSize = 15.sp)
+            }
+        }
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/ProfileScreen/Profile/Profile.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/ProfileScreen/Profile/Profile.kt
@ -0,0 +1,44 @@
+package com.example.android_programming.composeui.Screens.ProfileScreen.Profile
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.unit.dp
+import androidx.navigation.NavHostController
+import com.example.android_programming.GlobalUser
+import com.example.android_programming.R
+
+@Composable
+fun Person(navHostController: NavHostController) {
+    Column(
+        modifier = Modifier
+            .background(Color.White)
+            .fillMaxSize(),
+        verticalArrangement = Arrangement.Center
+    ) {
+        Button(
+            onClick = {
+                GlobalUser.getInstance().setUser(null)
+                navHostController.navigate("profile")
+            },
+            colors = ButtonDefaults.buttonColors(
+                backgroundColor = colorResource(id = R.color.white),
+                contentColor = Color.Black
+            ),
+            modifier = Modifier
+                .padding(16.dp, 0.dp)
+        ) {
+            Text("Exit")
+        }
+        ProfileCard(navHostController)
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/ProfileScreen/Profile/ProfileCard.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/ProfileScreen/Profile/ProfileCard.kt
@ -0,0 +1,86 @@
+package com.example.android_programming.composeui.Screens.ProfileScreen.Profile
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.navigation.NavHostController
+import com.example.android_programming.GlobalUser
+import com.example.android_programming.R
+
+@Composable
+fun ProfileCard(navHostController: NavHostController) {
+    val globalUser = GlobalUser.getInstance().getUser()
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(16.dp)
+            .clip(RoundedCornerShape(16.dp))
+            .background(colorResource(id = R.color.figma))
+    ){
+        Column(
+            modifier = Modifier.fillMaxWidth(),
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.Center
+        ){
+            Image(
+                contentScale = ContentScale.Crop,
+                painter = painterResource(id = R.drawable.shailushai),
+                contentDescription = null,
+                modifier = Modifier
+                    .size(150.dp)
+                    .border(2.dp, Color.White, CircleShape)
+                    .padding(16.dp)
+                    .clip(CircleShape)
+            )
+
+            if (globalUser != null) {
+                Text(
+                    text = "${globalUser.name} ${globalUser.surname}",
+                    fontSize = 18.sp,
+                    fontWeight = FontWeight.Bold
+                )
+                Text(
+                    text = globalUser.email,
+                    fontSize = 16.sp,
+                    color = Color.Gray
+                )
+            }
+            Button(
+                colors = ButtonDefaults.buttonColors(
+                    backgroundColor = colorResource(id = R.color.figma_blue),
+                    contentColor = Color.White
+                ),
+                onClick = {
+                    navHostController.navigate("myorder")
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp, 16.dp, 16.dp, 0.dp)
+            ) {
+                Text("My order")
+            }
+        }
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/ProfileScreen/Profile/ProfileScreen.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/ProfileScreen/Profile/ProfileScreen.kt
@ -0,0 +1,29 @@
+package com.example.android_programming.composeui.Screens.ProfileScreen.Profile;
+
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.rememberNavController
+import com.example.android_programming.GlobalUser
+import com.example.android_programming.composeui.Screens.ProfileScreen.SignIn.LoginScreen
+import com.example.android_programming.model.Basket
+import com.example.android_programming.vmodel.AppViewModelProvider
+import com.example.android_programming.vmodel.BasketViewModel
+
+@Composable
+fun ProfileScreen(navController: NavHostController) {
+    val globalUser: GlobalUser = GlobalUser.getInstance()
+    if(globalUser.getUser() != null){
+        Person(navController)
+    }else{
+        LoginScreen(navController = navController)
+    }
+}
+
+@Composable
+@Preview
+fun ProfileScreenPreview(){
+    val navController = rememberNavController()
+    ProfileScreen(navController = navController)
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/ProfileScreen/SignIn/SignInCard.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/ProfileScreen/SignIn/SignInCard.kt
@ -0,0 +1,174 @@
+package com.example.android_programming.composeui.Screens.ProfileScreen.SignIn
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.text.ClickableText
+import androidx.compose.foundation.text.KeyboardActions
+import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Text
+import androidx.compose.material.TextField
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.text.AnnotatedString
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.input.ImeAction
+import androidx.compose.ui.text.input.KeyboardType
+import androidx.compose.ui.text.input.PasswordVisualTransformation
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.navigation.NavHostController
+import com.example.android_programming.GlobalUser
+import com.example.android_programming.R
+import com.example.android_programming.model.Basket
+import com.example.android_programming.vmodel.AppViewModelProvider
+import com.example.android_programming.vmodel.BasketViewModel
+import com.example.android_programming.vmodel.UserViewModel
+
+@Composable
+fun SignInCard(navController: NavHostController, userViewModel: UserViewModel = viewModel(factory = AppViewModelProvider.Factory), basketViewModel: BasketViewModel = viewModel(factory = AppViewModelProvider.Factory)) {
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(16.dp)
+            .clip(RoundedCornerShape(16.dp))
+            .background(colorResource(id = R.color.figma))
+    ){
+        Column(
+            modifier = Modifier.fillMaxWidth(),
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.Center
+        ){
+            var isEmailValid by remember { mutableStateOf(true) }
+            var isPasswordValid by remember { mutableStateOf(true) }
+
+            Text(
+                text = "Sign In",
+                fontSize = 24.sp,
+                fontWeight = FontWeight.Bold,
+                modifier = Modifier
+                    .padding(16.dp)
+            )
+
+            TextField(
+                value = userViewModel.email.value,
+                onValueChange = {
+                    userViewModel.email.value = it
+                    isEmailValid = userViewModel.isValidEmail(it)},
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Email",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            if (!isEmailValid) {
+                Text(
+                    text = "Invalid email format",
+                    color = Color.Red,
+                    style = TextStyle(fontSize = 12.sp)
+                )
+            }
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = userViewModel.password.value,
+                onValueChange = {
+                    userViewModel.password.value = it
+                    isPasswordValid = it.isNotEmpty()
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                visualTransformation = PasswordVisualTransformation(),
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Password",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            if (!isPasswordValid) {
+                Text(
+                    text = "Password is required",
+                    color = Color.Red,
+                    style = TextStyle(fontSize = 12.sp)
+                )
+            }
+
+            Button(
+                colors = ButtonDefaults.buttonColors(
+                    backgroundColor = colorResource(id = R.color.figma_blue),
+                    contentColor = Color.White
+                ),
+                onClick = {
+                    userViewModel.authUser()
+                    navController.navigate("profile")
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp, 16.dp, 16.dp, 0.dp)
+            ) {
+                Text("Sign In")
+            }
+            ClickableText(
+                text = AnnotatedString("You do not have an account? Register!"),
+                modifier = Modifier
+                    .padding(0.dp, 0.dp, 0.dp, 16.dp),
+                onClick = {
+                    navController.navigate("signup")
+                }
+            )
+        }
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/ProfileScreen/SignIn/SignInScreen.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/ProfileScreen/SignIn/SignInScreen.kt
@ -0,0 +1,21 @@
+package com.example.android_programming.composeui.Screens.ProfileScreen.SignIn
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.navigation.NavHostController
+
+@Composable
+fun LoginScreen(navController: NavHostController) {
+    Column(modifier = Modifier
+        .fillMaxSize()
+        .background(Color.White),
+        verticalArrangement = Arrangement.Center
+    ) {
+        SignInCard(navController)
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/ProfileScreen/SignUp/SignUpCard.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/ProfileScreen/SignUp/SignUpCard.kt
@ -0,0 +1,191 @@
+package com.example.android_programming.composeui.Screens.ProfileScreen.SignUp
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.text.KeyboardActions
+import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Text
+import androidx.compose.material.TextField
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.input.ImeAction
+import androidx.compose.ui.text.input.KeyboardType
+import androidx.compose.ui.text.input.PasswordVisualTransformation
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.navigation.NavHostController
+import com.example.android_programming.R
+import com.example.android_programming.vmodel.AppViewModelProvider
+import com.example.android_programming.vmodel.UserViewModel
+
+@Composable
+fun SignUpCard(navHostController: NavHostController, userViewModel: UserViewModel = viewModel(factory = AppViewModelProvider.Factory)) {
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(16.dp)
+            .clip(RoundedCornerShape(16.dp))
+            .background(colorResource(id = R.color.figma))
+    ){
+        Column(
+            modifier = Modifier.fillMaxWidth(),
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.Center
+        ){
+            Text(
+                text = "Sign Up",
+                fontSize = 24.sp,
+                fontWeight = FontWeight.Bold,
+                modifier = Modifier
+                    .padding(16.dp)
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = userViewModel.name.value,
+                onValueChange = { userViewModel.name.value = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Name",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = userViewModel.surname.value,
+                onValueChange = { userViewModel.surname.value = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Surname",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = userViewModel.email.value,
+                onValueChange = { userViewModel.email.value = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Email",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            TextField(
+                value = userViewModel.password.value,
+                onValueChange = { userViewModel.password.value = it },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .padding(16.dp, 0.dp)
+                    .border(1.dp, Color.Gray, RoundedCornerShape(4.dp)),
+                singleLine = true,
+                visualTransformation = PasswordVisualTransformation(),
+                keyboardOptions = KeyboardOptions(
+                    keyboardType = KeyboardType.Text,
+                    imeAction = ImeAction.Next
+                ),
+
+                keyboardActions = KeyboardActions(
+                    onNext = {
+
+                    }
+                ),
+                placeholder = {
+                    Text(
+                        text = "Password",
+                        style = TextStyle(fontSize = 12.sp)
+                    )
+                }
+            )
+
+            Button(
+                colors = ButtonDefaults.buttonColors(
+                    backgroundColor = colorResource(id = R.color.figma_blue),
+                    contentColor = Color.White
+                ),
+                onClick = {
+                    userViewModel.createUser()
+                    navHostController.navigate("login")
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(16.dp)
+            ) {
+                Text("Sign Up")
+            }
+        }
+    }
+}
--- a/app/src/main/java/com/example/android_programming/composeui/Screens/ProfileScreen/SignUp/SignUpScreen.kt
+++ b/app/src/main/java/com/example/android_programming/composeui/Screens/ProfileScreen/SignUp/SignUpScreen.kt
@ -0,0 +1,21 @@
+package com.example.android_programming.composeui.Screens.ProfileScreen.SignUp
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.navigation.NavHostController
+
+@Composable
+fun SignUpScreen(navHostController: NavHostController) {
+    Column(modifier = Modifier
+        .fillMaxSize()
+        .background(Color.White),
+        verticalArrangement = Arrangement.Center
+    ) {
+        SignUpCard(navHostController)
+    }
+}
--- a/app/src/main/java/com/example/android_programming/dao/BasketDao.kt
+++ b/app/src/main/java/com/example/android_programming/dao/BasketDao.kt
@ -0,0 +1,47 @@
+package com.example.android_programming.dao
+
+import androidx.room.Dao
+import androidx.room.Delete
+import androidx.room.Insert
+import androidx.room.Query
+import com.example.android_programming.model.Basket
+import com.example.android_programming.model.BasketSneakers
+import com.example.android_programming.model.BasketWithSneakers
+import kotlinx.coroutines.flow.Flow
+
+@Dao
+interface BasketDao {
+    @Insert
+    suspend fun createBasket(basket: Basket):Long
+
+    @Insert
+    suspend fun insertBasketSneaker(basketSneaker: BasketSneakers)
+
+    @Query("SELECT * FROM 'Basket' WHERE creatorUserId = :id")
+    fun getBasketWithSneakers(id: Int): Flow<BasketWithSneakers>
+
+    @Query("SELECT * FROM 'Basket'")
+    fun getAllBasket(): Flow<List<Basket>>
+
+    @Delete
+    suspend fun delete(basket: Basket)
+
+    @Query("DELETE FROM 'BasketSneakers' WHERE basketId = :basketId AND sneakerId = :sneakerId")
+    suspend fun removeSneakerFromBasket(basketId: Int, sneakerId: Int)
+
+    @Query("UPDATE 'BasketSneakers' SET quantity = :quantity WHERE basketId = :basketId AND sneakerId = :sneakerId")
+    suspend fun updateSneakerQuantity(basketId: Int, sneakerId: Int, quantity: Int)
+
+    @Query("UPDATE 'BasketSneakers' SET quantity = quantity + 1 WHERE basketId = :basketId AND sneakerId = :sneakerId")
+    suspend fun incrementSneakerQuantity(basketId: Int, sneakerId: Int)
+
+    @Query("UPDATE 'BasketSneakers' SET quantity = quantity - 1 WHERE basketId = :basketId AND sneakerId = :sneakerId")
+    suspend fun decrementSneakerQuantity(basketId: Int, sneakerId: Int)
+
+    @Query("SELECT quantity FROM 'BasketSneakers' WHERE basketId = :basketId AND sneakerId = :sneakerId")
+    suspend fun getQuantity(basketId: Int, sneakerId: Int): Int?
+    @Query("SELECT * FROM 'BasketSneakers' WHERE basketId = :basketId AND sneakerId = :sneakerId")
+    suspend fun getSneaker(basketId: Int, sneakerId: Int): BasketSneakers?
+    @Query("SELECT SUM(price * quantity) FROM 'BasketSneakers' bs JOIN 'Sneaker' s ON bs.sneakerId = s.sneakerId WHERE bs.basketId = :userId")
+    suspend fun getTotalPriceForUser(userId: Int): Double?
+}
--- a/app/src/main/java/com/example/android_programming/dao/OrderDao.kt
+++ b/app/src/main/java/com/example/android_programming/dao/OrderDao.kt
@ -0,0 +1,33 @@
+package com.example.android_programming.dao
+
+import androidx.room.Dao
+import androidx.room.Delete
+import androidx.room.Insert
+import androidx.room.Query
+import com.example.android_programming.model.Order
+import com.example.android_programming.model.OrderSneaker
+import com.example.android_programming.model.OrderWithSneakers
+import com.example.android_programming.model.UserWithOrder
+import kotlinx.coroutines.flow.Flow
+
+@Dao
+interface OrderDao {
+
+    @Insert
+    suspend fun createOrder(order: Order): Long
+
+    @Insert
+    suspend fun insertOrderSneaker(orderSneaker: OrderSneaker)
+
+    @Query("SELECT * FROM 'Order' WHERE orderId = :id")
+    fun getOrderWithSneakers(id: Int): Flow<OrderWithSneakers>
+
+    @Query("SELECT * FROM `Order`")
+    fun getAllOrder(): Flow<List<Order>>
+
+    @Delete
+    suspend fun delete(order: Order)
+
+    @Query("SELECT * FROM users WHERE userId =:id")
+    fun getUserOrders(id: Int) : Flow<UserWithOrder>
+}
--- a/app/src/main/java/com/example/android_programming/dao/SneakerDao.kt
+++ b/app/src/main/java/com/example/android_programming/dao/SneakerDao.kt
@ -0,0 +1,28 @@
+package com.example.android_programming.dao
+
+import androidx.paging.PagingSource
+import androidx.room.Dao
+import androidx.room.Delete
+import androidx.room.Insert
+import androidx.room.Query
+import androidx.room.Update
+import com.example.android_programming.model.Sneaker
+import kotlinx.coroutines.flow.Flow
+
+@Dao
+interface SneakerDao {
+    @Insert
+    suspend fun insert(sneaker: Sneaker)
+
+    @Update
+    suspend fun update(sneaker: Sneaker)
+
+    @Delete
+    suspend fun delete(sneaker: Sneaker)
+
+    @Query("SELECT*FROM Sneaker")
+    fun getAllSneakersPaged(): PagingSource<Int, Sneaker>
+
+    @Query("SELECT * FROM Sneaker WHERE sneakerId = :id")
+    suspend fun getSneakerById(id: Int): Sneaker
+}
--- a/app/src/main/java/com/example/android_programming/dao/UserDao.kt
+++ b/app/src/main/java/com/example/android_programming/dao/UserDao.kt
@ -0,0 +1,28 @@
+package com.example.android_programming.dao
+
+import androidx.room.Dao
+import androidx.room.Delete
+import androidx.room.Insert
+import androidx.room.Query
+import androidx.room.Update
+import com.example.android_programming.model.User
+import com.example.android_programming.model.UserWithOrder
+import kotlinx.coroutines.flow.Flow
+
+@Dao
+interface UserDao {
+    @Insert
+    suspend fun createUser(user: User)
+
+    @Update
+    suspend fun updateUser(user: User)
+
+    @Delete
+    suspend fun deleteUser(user: User)
+
+    @Query("SELECT * FROM users WHERE userId = :id")
+    suspend fun getUserById(id: Int): User
+
+    @Query("SELECT * FROM users WHERE email = :email")
+    suspend fun getUserByEmail(email: String): User
+}
--- a/app/src/main/java/com/example/android_programming/database/AppDatabase.kt
+++ b/app/src/main/java/com/example/android_programming/database/AppDatabase.kt
@ -0,0 +1,89 @@
+package com.example.android_programming.database
+
+import android.content.Context
+import androidx.room.Database
+import androidx.room.Room
+import androidx.room.RoomDatabase
+import androidx.sqlite.db.SupportSQLiteDatabase
+import com.example.android_programming.R
+import com.example.android_programming.dao.BasketDao
+import com.example.android_programming.dao.OrderDao
+import com.example.android_programming.dao.SneakerDao
+import com.example.android_programming.dao.UserDao
+import com.example.android_programming.model.Basket
+import com.example.android_programming.model.BasketSneakers
+import com.example.android_programming.model.Order
+import com.example.android_programming.model.OrderSneaker
+import com.example.android_programming.model.RoleEnum
+import com.example.android_programming.model.Sneaker
+import com.example.android_programming.model.User
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.launch
+
+@Database(entities = [Sneaker::class, User::class, Order::class, OrderSneaker::class, Basket::class, BasketSneakers::class], version = 6)
+abstract class AppDatabase : RoomDatabase() {
+    abstract fun sneakerDao(): SneakerDao
+    abstract fun userDao(): UserDao
+    abstract fun orderDao(): OrderDao
+    abstract fun basketDao(): BasketDao
+
+    companion object {
+        private const val DB_NAME: String = "my-db"
+
+        @Volatile
+        private var INSTANCE: AppDatabase? = null
+
+        suspend fun populateDatabase() {
+            INSTANCE?.let { database ->
+                // User
+                val userDao = database.userDao()
+                val user1 = User(null, "Artem", "Emelyanov", "artem@mail.ru", "123", RoleEnum.Admin)
+                val user2 = User(null, "Danil", "Markov", "danil@mail.ru", "123", RoleEnum.User)
+                val user3 = User(null, "Viktoria", "Presnyakova", "vika@mail.ru", "123", RoleEnum.User)
+                userDao.createUser(user1)
+                userDao.createUser(user2)
+                userDao.createUser(user3)
+                // Sneaker
+                val sneakerDao = database.sneakerDao()
+                val sneaker1 = Sneaker(null, "Nike", "Air Force 1", "nice", 159.99, R.drawable.img_1)
+                val sneaker2 = Sneaker(null, "Adidas", "ZX 750", "beautiful", 169.99, R.drawable.img_2)
+                val sneaker3 = Sneaker(null, "Reebok", "Classic", "amazing", 179.99, R.drawable.img_3)
+                val sneaker4 = Sneaker(null, "Puma", "Classic", "normal", 189.99, R.drawable.img_4)
+                sneakerDao.insert(sneaker1)
+                sneakerDao.insert(sneaker2)
+                sneakerDao.insert(sneaker3)
+                sneakerDao.insert(sneaker4)
+                // Order
+                val basketDao = database.basketDao()
+                val basket1 = Basket(1,1)
+                val basket2 = Basket(2,2)
+                val basket3 = Basket(3,3)
+                basketDao.createBasket(basket1)
+                basketDao.createBasket(basket2)
+                basketDao.createBasket(basket3)
+            }
+        }
+
+        fun getInstance(appContext: Context): AppDatabase {
+            return INSTANCE ?: synchronized(this) {
+                Room.databaseBuilder(
+                    appContext,
+                    AppDatabase::class.java,
+                    DB_NAME
+                )
+                    .addCallback(object : Callback() {
+                        override fun onCreate(db: SupportSQLiteDatabase) {
+                            super.onCreate(db)
+                            CoroutineScope(Dispatchers.IO).launch {
+                                populateDatabase()
+                            }
+                        }
+                    })
+                    .fallbackToDestructiveMigration()
+                    .build()
+                    .also { INSTANCE = it }
+            }
+        }
+    }
+}
--- a/app/src/main/java/com/example/android_programming/model/Basket.kt
+++ b/app/src/main/java/com/example/android_programming/model/Basket.kt
@ -0,0 +1,13 @@
+package com.example.android_programming.model
+
+import androidx.room.ColumnInfo
+import androidx.room.Entity
+import androidx.room.PrimaryKey
+
+@Entity
+class Basket (
+    @PrimaryKey
+    val basketId: Int? = null,
+    @ColumnInfo(name = "CreatorUserId")
+    val creatorUserId: Int
+)
--- a/app/src/main/java/com/example/android_programming/model/BasketSneakers.kt
+++ b/app/src/main/java/com/example/android_programming/model/BasketSneakers.kt
@ -0,0 +1,11 @@
+package com.example.android_programming.model
+
+import androidx.room.Entity
+import androidx.room.PrimaryKey
+
+@Entity(primaryKeys = ["basketId", "sneakerId"])
+class BasketSneakers (
+    val basketId: Int,
+    val sneakerId: Int,
+    val quantity: Int
+)
--- a/app/src/main/java/com/example/android_programming/model/BasketWithSneakers.kt
+++ b/app/src/main/java/com/example/android_programming/model/BasketWithSneakers.kt
@ -0,0 +1,15 @@
+package com.example.android_programming.model
+
+import androidx.room.Embedded
+import androidx.room.Junction
+import androidx.room.Relation
+
+class BasketWithSneakers (
+    @Embedded val basket: Basket,
+    @Relation(
+        parentColumn = "basketId",
+        entityColumn = "sneakerId",
+        associateBy = Junction(BasketSneakers::class)
+    )
+    val sneakers: List<Sneaker>
+)
--- a/app/src/main/java/com/example/android_programming/model/Order.kt
+++ b/app/src/main/java/com/example/android_programming/model/Order.kt
@ -0,0 +1,27 @@
+package com.example.android_programming.model
+
+import androidx.room.ColumnInfo
+import androidx.room.Entity
+import androidx.room.PrimaryKey
+
+@Entity
+data class Order(
+    @PrimaryKey(autoGenerate = true)
+    val orderId: Int? = null,
+    @ColumnInfo(name = "Date")
+    val date: Long,
+    @ColumnInfo(name = "City")
+    val city: String,
+    @ColumnInfo(name = "Street")
+    val street: String,
+    @ColumnInfo(name = "House")
+    val house: String,
+    @ColumnInfo(name = "Sub Total")
+    val subtotal: Double,
+    @ColumnInfo(name = "Taxes")
+    val taxes: Double,
+    @ColumnInfo(name = "Total")
+    val total: Double,
+    @ColumnInfo(name = "CreatorUserId")
+    val creatorUserId: Int
+)
--- a/app/src/main/java/com/example/android_programming/model/OrderSneaker.kt
+++ b/app/src/main/java/com/example/android_programming/model/OrderSneaker.kt
@ -0,0 +1,10 @@
+package com.example.android_programming.model
+
+import androidx.room.Entity
+
+@Entity(primaryKeys = ["orderId", "sneakerId"])
+data class OrderSneaker(
+    val orderId: Int,
+    val sneakerId: Int,
+    val quantity: Int
+)
--- a/app/src/main/java/com/example/android_programming/model/OrderWithSneakers.kt
+++ b/app/src/main/java/com/example/android_programming/model/OrderWithSneakers.kt
@ -0,0 +1,17 @@
+package com.example.android_programming.model
+
+import androidx.room.Embedded
+import androidx.room.Junction
+import androidx.room.Relation
+
+data class OrderWithSneakers(
+    @Embedded val order: Order,
+    @Relation(
+        parentColumn = "orderId",
+        entityColumn = "sneakerId",
+        associateBy = Junction(OrderSneaker::class)
+    )
+    val sneakers: List<Sneaker>
+)
+
+
--- a/app/src/main/java/com/example/android_programming/model/PhotoManager.kt
+++ b/app/src/main/java/com/example/android_programming/model/PhotoManager.kt
@ -0,0 +1,35 @@
+package com.example.android_programming.model
+
+import com.example.android_programming.R
+
+class PhotoManager {
+    private val photos = listOf(
+        R.drawable.img,
+        R.drawable.img_1,
+        R.drawable.img_2,
+        R.drawable.img_3,
+        R.drawable.img_4,
+        R.drawable.img_5,
+    )
+
+    private var currentIndex = 0
+
+    fun changePhoto(int: Int): Int {
+        currentIndex = photos.indexOf(int)
+        if (photos.isNotEmpty()) {
+            if(currentIndex + 1 >= photos.size){
+                currentIndex = 0
+            }else{
+                currentIndex += 1
+            }
+            return photos[currentIndex]
+        } else {
+            return -1
+        }
+    }
+}
+
+
+
+
+
--- a/app/src/main/java/com/example/android_programming/model/RoleEnum.kt
+++ b/app/src/main/java/com/example/android_programming/model/RoleEnum.kt
@ -0,0 +1,6 @@
+package com.example.android_programming.model
+
+enum class RoleEnum {
+    Admin,
+    User
+}
--- a/app/src/main/java/com/example/android_programming/model/Sneaker.kt
+++ b/app/src/main/java/com/example/android_programming/model/Sneaker.kt
@ -0,0 +1,21 @@
+package com.example.android_programming.model
+
+import androidx.room.ColumnInfo
+import androidx.room.Entity
+import androidx.room.PrimaryKey
+
+@Entity
+data class Sneaker(
+    @PrimaryKey(autoGenerate = true)
+    val sneakerId: Int? = null,
+    @ColumnInfo(name = "Brand")
+    val brand: String,
+    @ColumnInfo(name = "Model")
+    val model: String,
+    @ColumnInfo(name = "Description")
+    val description: String,
+    @ColumnInfo(name = "Price")
+    val price: Double,
+    @ColumnInfo(name = "Photo")
+    val photo: Int
+)
--- a/app/src/main/java/com/example/android_programming/model/User.kt
+++ b/app/src/main/java/com/example/android_programming/model/User.kt
@ -0,0 +1,23 @@
+package com.example.android_programming.model
+
+import androidx.room.ColumnInfo
+import androidx.room.Entity
+import androidx.room.PrimaryKey
+
+@Entity(tableName = "users")
+data class User(
+    @PrimaryKey(autoGenerate = true)
+    val userId: Int? = null,
+    @ColumnInfo(name = "Name")
+    val name: String,
+    @ColumnInfo(name = "Surname")
+    val surname: String,
+    @ColumnInfo(name = "Email")
+    val email: String,
+    @ColumnInfo(name = "Password")
+    val password: String,
+    @ColumnInfo(name = "Role")
+    val role: RoleEnum,
+    @ColumnInfo(name = "Photo")
+    val photo: Int? = null,
+)
--- a/app/src/main/java/com/example/android_programming/model/UserWithOrder.kt
+++ b/app/src/main/java/com/example/android_programming/model/UserWithOrder.kt
@ -0,0 +1,13 @@
+package com.example.android_programming.model
+
+import androidx.room.Embedded
+import androidx.room.Relation
+
+data class UserWithOrder(
+    @Embedded val user: User,
+    @Relation(
+        parentColumn = "userId",
+        entityColumn = "CreatorUserId"
+    )
+    val orders: List<Order>
+)
--- a/app/src/main/java/com/example/android_programming/repository/BasketRepoImpl.kt
+++ b/app/src/main/java/com/example/android_programming/repository/BasketRepoImpl.kt
@ -0,0 +1,22 @@
+package com.example.android_programming.repository
+
+import com.example.android_programming.dao.BasketDao
+import com.example.android_programming.model.Basket
+import com.example.android_programming.model.BasketSneakers
+import com.example.android_programming.model.BasketWithSneakers
+import kotlinx.coroutines.flow.Flow
+
+class BasketRepoImpl(private val basketDao: BasketDao): BasketRepository {
+    override suspend fun createBasket(basket: Basket): Long = basketDao.createBasket(basket)
+    override suspend fun removeSneakerFromBasket(basketId: Int, sneakerId: Int) = basketDao.removeSneakerFromBasket(basketId, sneakerId)
+    override suspend fun updateSneakerQuantity(basketId: Int, sneakerId: Int, quantity: Int) = basketDao.updateSneakerQuantity(basketId, sneakerId, quantity)
+    override suspend fun incrementSneakerQuantity(basketId: Int, sneakerId: Int) = basketDao.incrementSneakerQuantity(basketId, sneakerId)
+    override suspend fun decrementSneakerQuantity(basketId: Int, sneakerId: Int) = basketDao.decrementSneakerQuantity(basketId, sneakerId)
+    override suspend fun insertBasketSneaker(basketSneaker: BasketSneakers) = basketDao.insertBasketSneaker(basketSneaker)
+    override fun getBasketWithSneakers(id: Int): Flow<BasketWithSneakers> = basketDao.getBasketWithSneakers(id)
+    override fun getAllBasket(): Flow<List<Basket>> = basketDao.getAllBasket()
+    override suspend fun delete(basket: Basket) = basketDao.delete(basket)
+    override suspend fun getQuantity(basketId: Int, sneakerId: Int): Int? = basketDao.getQuantity(basketId, sneakerId)
+    override suspend fun getSneaker(basketId: Int, sneakerId: Int): BasketSneakers? = basketDao.getSneaker(basketId, sneakerId)
+    override suspend fun getTotalPriceForUser(userId: Int): Double? = basketDao.getTotalPriceForUser(userId)
+}
--- a/app/src/main/java/com/example/android_programming/repository/BasketRepository.kt
+++ b/app/src/main/java/com/example/android_programming/repository/BasketRepository.kt
@ -0,0 +1,24 @@
+package com.example.android_programming.repository
+
+import androidx.room.Delete
+import androidx.room.Insert
+import androidx.room.Query
+import com.example.android_programming.model.Basket
+import com.example.android_programming.model.BasketSneakers
+import com.example.android_programming.model.BasketWithSneakers
+import kotlinx.coroutines.flow.Flow
+
+interface BasketRepository {
+    suspend fun insertBasketSneaker(basketSneaker: BasketSneakers)
+    fun getBasketWithSneakers(id: Int): Flow<BasketWithSneakers>
+    fun getAllBasket(): Flow<List<Basket>>
+    suspend fun delete(basket: Basket)
+    suspend fun createBasket(basket: Basket):Long
+    suspend fun removeSneakerFromBasket(basketId: Int, sneakerId: Int)
+    suspend fun updateSneakerQuantity(basketId: Int, sneakerId: Int, quantity: Int)
+    suspend fun incrementSneakerQuantity(basketId: Int, sneakerId: Int)
+    suspend fun decrementSneakerQuantity(basketId: Int, sneakerId: Int)
+    suspend fun getQuantity(basketId: Int, sneakerId: Int): Int?
+    suspend fun getSneaker(basketId: Int, sneakerId: Int): BasketSneakers?
+    suspend fun getTotalPriceForUser(userId: Int): Double?
+}
--- a/app/src/main/java/com/example/android_programming/repository/OrderRepoImpl.kt
+++ b/app/src/main/java/com/example/android_programming/repository/OrderRepoImpl.kt
@ -0,0 +1,23 @@
+package com.example.android_programming.repository
+
+import com.example.android_programming.dao.OrderDao
+import com.example.android_programming.model.Order
+import com.example.android_programming.model.OrderSneaker
+import com.example.android_programming.model.OrderWithSneakers
+import com.example.android_programming.model.UserWithOrder
+import kotlinx.coroutines.flow.Flow
+
+class OrderRepoImpl(private val orderDao: OrderDao) : OrderRepository {
+
+    override suspend fun createOrder(order: Order): Long = orderDao.createOrder(order)
+
+    override suspend fun insertOrderSneaker(orderSneaker: OrderSneaker) = orderDao.insertOrderSneaker(orderSneaker)
+
+    override suspend fun delete(order: Order) = orderDao.delete(order)
+
+    override fun getOrderWithSneakers(id: Int): Flow<OrderWithSneakers> = orderDao.getOrderWithSneakers(id)
+
+    override fun getAllOrder(): Flow<List<Order>> = orderDao.getAllOrder()
+
+    override fun getUserOrders(id: Int): Flow<UserWithOrder> = orderDao.getUserOrders(id)
+}
--- a/app/src/main/java/com/example/android_programming/repository/OrderRepository.kt
+++ b/app/src/main/java/com/example/android_programming/repository/OrderRepository.kt
@ -0,0 +1,16 @@
+package com.example.android_programming.repository
+
+import com.example.android_programming.model.Order
+import com.example.android_programming.model.OrderSneaker
+import com.example.android_programming.model.OrderWithSneakers
+import com.example.android_programming.model.UserWithOrder
+import kotlinx.coroutines.flow.Flow
+
+interface OrderRepository {
+    suspend fun createOrder(order: Order): Long
+    suspend fun insertOrderSneaker(orderSneaker: OrderSneaker)
+    suspend fun delete(order: Order)
+    fun getOrderWithSneakers(id: Int): Flow<OrderWithSneakers>
+    fun getAllOrder(): Flow<List<Order>>
+    fun getUserOrders(id: Int) : Flow<UserWithOrder>
+}
--- a/app/src/main/java/com/example/android_programming/repository/SneakerRepoImpl.kt
+++ b/app/src/main/java/com/example/android_programming/repository/SneakerRepoImpl.kt
@ -0,0 +1,29 @@
+package com.example.android_programming.repository
+
+import androidx.paging.Pager
+import androidx.paging.PagingConfig
+import androidx.paging.PagingData
+import androidx.paging.PagingSource
+import androidx.paging.cachedIn
+import com.example.android_programming.dao.SneakerDao
+import com.example.android_programming.model.Sneaker
+import kotlinx.coroutines.flow.Flow
+
+class SneakerRepoImpl(private val sneakerDao: SneakerDao) : SneakerRepository {
+
+    override suspend fun insertSneaker(sneaker: Sneaker) = sneakerDao.insert(sneaker)
+
+    override suspend fun updateSneaker(sneaker: Sneaker) = sneakerDao.update(sneaker)
+
+    override suspend fun deleteSneaker(sneaker: Sneaker) = sneakerDao.delete(sneaker)
+
+    override suspend fun getSneakerById(id: Int): Sneaker = sneakerDao.getSneakerById(id)
+    override fun getAllSneakersPaged(): PagingSource<Int, Sneaker> = sneakerDao.getAllSneakersPaged()
+    override fun call(): Flow<PagingData<Sneaker>> {
+        return Pager(
+            PagingConfig(pageSize = 5)
+        ) {
+            sneakerDao.getAllSneakersPaged()
+        }.flow
+    }
+}
--- a/app/src/main/java/com/example/android_programming/repository/SneakerRepository.kt
+++ b/app/src/main/java/com/example/android_programming/repository/SneakerRepository.kt
@ -0,0 +1,15 @@
+package com.example.android_programming.repository
+
+import androidx.paging.PagingData
+import androidx.paging.PagingSource
+import com.example.android_programming.model.Sneaker
+import kotlinx.coroutines.flow.Flow
+
+interface SneakerRepository {
+    suspend fun insertSneaker(sneaker: Sneaker)
+    suspend fun updateSneaker(sneaker: Sneaker)
+    suspend fun deleteSneaker(sneaker: Sneaker)
+    suspend fun getSneakerById(id: Int): Sneaker
+    fun getAllSneakersPaged(): PagingSource<Int, Sneaker>
+    fun call(): Flow<PagingData<Sneaker>>
+}
--- a/app/src/main/java/com/example/android_programming/repository/UserRepoImpl.kt
+++ b/app/src/main/java/com/example/android_programming/repository/UserRepoImpl.kt
@ -0,0 +1,19 @@
+package com.example.android_programming.repository
+
+import com.example.android_programming.dao.UserDao
+import com.example.android_programming.model.User
+import com.example.android_programming.model.UserWithOrder
+import kotlinx.coroutines.flow.Flow
+
+class UserRepoImpl(private val userDao: UserDao) : UserRepository {
+
+    override suspend fun createUser(user: User) = userDao.createUser(user)
+
+    override suspend fun updateUser(user: User) = userDao.updateUser(user)
+
+    override suspend fun deleteUser(user: User) = userDao.deleteUser(user)
+
+    override suspend fun getUserById(id: Int): User = userDao.getUserById(id)
+
+    override suspend fun getUserByEmail(email: String): User = userDao.getUserByEmail(email)
+}
--- a/app/src/main/java/com/example/android_programming/repository/UserRepository.kt
+++ b/app/src/main/java/com/example/android_programming/repository/UserRepository.kt
@ -0,0 +1,14 @@
+package com.example.android_programming.repository
+
+import com.example.android_programming.model.Basket
+import com.example.android_programming.model.User
+import com.example.android_programming.model.UserWithOrder
+import kotlinx.coroutines.flow.Flow
+
+interface UserRepository {
+    suspend fun createUser(user: User)
+    suspend fun updateUser(user: User)
+    suspend fun deleteUser(user: User)
+    suspend fun getUserById(id: Int): User
+    suspend fun getUserByEmail(email: String): User
+}
--- a/app/src/main/java/com/example/android_programming/ui/theme/Color.kt
+++ b/app/src/main/java/com/example/android_programming/ui/theme/Color.kt
@ -0,0 +1,11 @@
+package com.example.android_programming.ui.theme
+
+import androidx.compose.ui.graphics.Color
+
+val Purple80 = Color(0xFFD0BCFF)
+val PurpleGrey80 = Color(0xFFCCC2DC)
+val Pink80 = Color(0xFFEFB8C8)
+
+val Purple40 = Color(0xFF6650a4)
+val PurpleGrey40 = Color(0xFF625b71)
+val Pink40 = Color(0xFF7D5260)
--- a/app/src/main/java/com/example/android_programming/ui/theme/Theme.kt
+++ b/app/src/main/java/com/example/android_programming/ui/theme/Theme.kt
@ -0,0 +1,64 @@
+//package com.example.android_programming.ui.theme
+//
+//import android.app.Activity
+//import android.os.Build
+//import androidx.compose.foundation.isSystemInDarkTheme
+//import androidx.compose.material.MaterialTheme
+//import androidx.compose.runtime.Composable
+//import androidx.compose.runtime.SideEffect
+//import androidx.compose.ui.graphics.Color
+//import androidx.compose.ui.graphics.toArgb
+//import androidx.compose.ui.platform.LocalContext
+//import androidx.compose.ui.platform.LocalView
+//import androidx.core.view.WindowCompat
+//
+//private val DarkColorScheme = darkColorScheme(
+//    primary = Purple80,
+//    secondary = PurpleGrey80,
+//    tertiary = Pink80
+//)
+//
+//private val LightColorScheme = lightColorScheme(
+//    primary = Purple40,
+//    secondary = PurpleGrey40,
+//    tertiary = Pink40,
+//    background = Color(0xFFFFFBFE),
+//    surface = Color(0xFFFFFBFE),
+//    onPrimary = Color.White,
+//    onSecondary = Color.White,
+//    onTertiary = Color.White,
+//    onBackground = Color(0xFF1C1B1F),
+//    onSurface = Color(0xFF1C1B1F),
+//)
+//
+//@Composable
+//fun AndroidProgrammingTheme(
+//    darkTheme: Boolean = isSystemInDarkTheme(),
+//    // Dynamic color is available on Android 12+
+//    dynamicColor: Boolean = true,
+//    content: @Composable () -> Unit
+//) {
+//    val colorScheme = when {
+//        dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {
+//            val context = LocalContext.current
+//            if (darkTheme) dynamicDarkColorScheme(context) else dynamicLightColorScheme(context)
+//        }
+//
+//        darkTheme -> DarkColorScheme
+//        else -> LightColorScheme
+//    }
+//    val view = LocalView.current
+//    if (!view.isInEditMode) {
+//        SideEffect {
+//            val window = (view.context as Activity).window
+//            window.statusBarColor = colorScheme.primary.toArgb()
+//            WindowCompat.getInsetsController(window, view).isAppearanceLightStatusBars = darkTheme
+//        }
+//    }
+//
+//    MaterialTheme(
+//        colorScheme = colorScheme,
+//        typography = Typography,
+//        content = content
+//    )
+//}
--- a/app/src/main/java/com/example/android_programming/ui/theme/Type.kt
+++ b/app/src/main/java/com/example/android_programming/ui/theme/Type.kt
@ -0,0 +1,37 @@
+/*
+package com.example.android_programming.ui.theme
+
+import androidx.compose.material.Typography
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.sp
+
+// Set of Material typography styles to start with
+val Typography = Typography(
+    bodyLarge = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.Normal,
+        fontSize = 16.sp,
+        lineHeight = 24.sp,
+        letterSpacing = 0.5.sp
+    )
+    */
+/* Other default text styles to override
+    titleLarge = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.Normal,
+        fontSize = 22.sp,
+        lineHeight = 28.sp,
+        letterSpacing = 0.sp
+    ),
+    labelSmall = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.Medium,
+        fontSize = 11.sp,
+        lineHeight = 16.sp,
+        letterSpacing = 0.5.sp
+    )
+    *//*
+
+)*/
--- a/app/src/main/java/com/example/android_programming/vmodel/AppViewModelProvider.kt
+++ b/app/src/main/java/com/example/android_programming/vmodel/AppViewModelProvider.kt
@ -0,0 +1,27 @@
+package com.example.android_programming.vmodel
+
+import androidx.lifecycle.ViewModelProvider
+import androidx.lifecycle.viewmodel.CreationExtras
+import androidx.lifecycle.viewmodel.initializer
+import androidx.lifecycle.viewmodel.viewModelFactory
+import com.example.android_programming.App
+
+object AppViewModelProvider {
+    val Factory = viewModelFactory {
+        initializer {
+            SneakerViewModel(app().container.sneakerRepo)
+        }
+        initializer {
+            UserViewModel(app().container.userRepo)
+        }
+        initializer {
+            OrderViewModel(app().container.orderRepo, app().container.basketRepo)
+        }
+        initializer {
+            BasketViewModel(app().container.basketRepo)
+        }
+    }
+}
+
+fun CreationExtras.app(): App =
+    (this[ViewModelProvider.AndroidViewModelFactory.APPLICATION_KEY] as App)
--- a/app/src/main/java/com/example/android_programming/vmodel/BasketViewModel.kt
+++ b/app/src/main/java/com/example/android_programming/vmodel/BasketViewModel.kt
@ -0,0 +1,75 @@
+package com.example.android_programming.vmodel
+
+import androidx.compose.runtime.State
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.mutableStateOf
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import com.example.android_programming.model.Basket
+import com.example.android_programming.model.BasketSneakers
+import com.example.android_programming.model.BasketWithSneakers
+import com.example.android_programming.model.Sneaker
+import com.example.android_programming.repository.BasketRepository
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.launch
+
+class BasketViewModel(private val basketRepository: BasketRepository): ViewModel() {
+
+    private val _quantityStateMap = mutableMapOf<Int, MutableStateFlow<Int>>()
+
+    fun getQuantityState(basketId: Int, sneakerId: Int): StateFlow<Int> {
+        val quantityStateFlow = _quantityStateMap.getOrPut(sneakerId) {
+            MutableStateFlow(0)
+        }
+
+        viewModelScope.launch {
+            val quantityFromDb = basketRepository.getQuantity(basketId, sneakerId)
+            quantityFromDb?.let { quantityStateFlow.value = it }
+        }
+
+        return quantityStateFlow
+    }
+
+    suspend fun isSneakerInBasket(basketId: Int, sneakerId: Int): Boolean {
+        return basketRepository.getSneaker(basketId, sneakerId) != null
+    }
+    fun addToBasket(basketSneakers: BasketSneakers) = viewModelScope.launch {
+        val isSneakerInBasket = isSneakerInBasket(basketSneakers.basketId, basketSneakers.sneakerId)
+
+        if (isSneakerInBasket) {
+            incrementQuantity(basketSneakers.basketId, basketSneakers.sneakerId)
+        } else {
+            basketRepository.insertBasketSneaker(basketSneakers)
+        }
+    }
+
+    fun getBasketSneakers(id: Int): Flow<BasketWithSneakers> {
+        return basketRepository.getBasketWithSneakers(id)
+    }
+
+    fun deleteSneakerFromBasket(basketId: Int, sneakerId: Int) = viewModelScope.launch {
+        basketRepository.removeSneakerFromBasket(basketId, sneakerId)
+    }
+
+    fun incrementQuantity(basketId: Int, sneakerId: Int) {
+        val currentQuantity = _quantityStateMap[sneakerId]?.value ?: 1
+        _quantityStateMap[sneakerId]?.value = currentQuantity + 1
+
+        viewModelScope.launch {
+            basketRepository.incrementSneakerQuantity(basketId, sneakerId)
+        }
+    }
+
+    fun decrementQuantity(basketId: Int, sneakerId: Int) {
+        val currentQuantity = _quantityStateMap[sneakerId]?.value ?: 1
+        if (currentQuantity > 1) {
+            _quantityStateMap[sneakerId]?.value = currentQuantity - 1
+
+            viewModelScope.launch {
+                basketRepository.decrementSneakerQuantity(basketId, sneakerId)
+            }
+        }
+    }
+}
--- a/app/src/main/java/com/example/android_programming/vmodel/OrderViewModel.kt
+++ b/app/src/main/java/com/example/android_programming/vmodel/OrderViewModel.kt
@ -0,0 +1,90 @@
+package com.example.android_programming.vmodel
+
+import androidx.compose.runtime.State
+import androidx.compose.runtime.mutableStateOf
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.ViewModelProvider
+import androidx.lifecycle.viewModelScope
+import androidx.lifecycle.viewmodel.CreationExtras
+import com.example.android_programming.App
+import com.example.android_programming.GlobalUser
+import com.example.android_programming.database.AppDatabase
+import com.example.android_programming.model.Order
+import com.example.android_programming.model.OrderSneaker
+import com.example.android_programming.model.OrderWithSneakers
+import com.example.android_programming.model.Sneaker
+import com.example.android_programming.model.UserWithOrder
+import com.example.android_programming.repository.BasketRepository
+import com.example.android_programming.repository.OrderRepository
+import com.example.android_programming.repository.SneakerRepository
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.map
+import kotlinx.coroutines.launch
+import java.util.Date
+
+class OrderViewModel(private val orderRepository: OrderRepository, private val basketRepository: BasketRepository) : ViewModel() {
+
+    var city = mutableStateOf("")
+    val street = mutableStateOf("")
+    val house = mutableStateOf("")
+    private val _selectedItems = MutableLiveData<List<Sneaker>>()
+    private val _subTotal = mutableStateOf(0.0)
+    val subTotal: State<Double> get() = _subTotal
+    val selectedItems: LiveData<List<Sneaker>> get() = _selectedItems
+
+    fun updateSelectedItems(items: List<Sneaker>) {
+        _selectedItems.value = items
+    }
+
+    fun deleteOrder(order: Order) = viewModelScope.launch {
+        orderRepository.delete(order)
+    }
+
+    fun getOrderList(id: Int) : Flow<UserWithOrder> {
+        return orderRepository.getUserOrders(id)
+    }
+
+    fun getOrderWithSneakers(id: Int) : Flow<OrderWithSneakers> {
+        return orderRepository.getOrderWithSneakers(id)
+    }
+
+    fun createOrder() = viewModelScope.launch {
+        val userId = GlobalUser.getInstance().getUser()?.userId!!
+        val order = Order(
+            date = Date().time,
+            city = city.value,
+            street = street.value,
+            house = house.value,
+            subtotal = getSubTotal(userId),
+            taxes = "%.2f".format(getSubTotal(userId) * 0.05).toDouble(),
+            total = "%.2f".format(getSubTotal(userId) * 0.05 + getSubTotal(userId)).toDouble(),
+            creatorUserId = GlobalUser.getInstance().getUser()?.userId!!
+        )
+
+        val orderId = orderRepository.createOrder(order)
+
+        for (sneaker in selectedItems.value.orEmpty()) {
+            val userId = GlobalUser.getInstance().getUser()?.userId!!
+            val orderSneaker = basketRepository.getQuantity(userId, sneaker.sneakerId!!)
+                ?.let { OrderSneaker( orderId.toInt(), sneaker.sneakerId!!, it) }
+            if (orderSneaker != null) {
+                orderRepository.insertOrderSneaker(orderSneaker)
+            }
+        }
+        city.value = ""
+        street.value = ""
+        house.value = ""
+    }
+
+    fun updateSubTotal(userId: Int) {
+        viewModelScope.launch {
+            _subTotal.value = getSubTotal(userId)
+        }
+    }
+
+    suspend fun getSubTotal(userId: Int): Double {
+        return basketRepository.getTotalPriceForUser(userId) ?: 0.0
+    }
+}
--- a/app/src/main/java/com/example/android_programming/vmodel/SneakerViewModel.kt
+++ b/app/src/main/java/com/example/android_programming/vmodel/SneakerViewModel.kt
@ -0,0 +1,55 @@
+package com.example.android_programming.vmodel
+
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.mutableStateOf
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.ViewModelProvider
+import androidx.lifecycle.ViewModelProvider.AndroidViewModelFactory.Companion.APPLICATION_KEY
+import androidx.lifecycle.viewModelScope
+import androidx.lifecycle.viewmodel.CreationExtras
+import androidx.paging.Pager
+import androidx.paging.PagingConfig
+import androidx.paging.PagingData
+import androidx.paging.cachedIn
+import androidx.paging.map
+import com.example.android_programming.App
+import com.example.android_programming.R
+import com.example.android_programming.database.AppDatabase
+import com.example.android_programming.model.Sneaker
+import com.example.android_programming.repository.SneakerRepository
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.map
+import kotlinx.coroutines.launch
+
+class SneakerViewModel(private val sneakerRepository: SneakerRepository): ViewModel() {
+    var brand = mutableStateOf("")
+    val model = mutableStateOf("")
+    val description = mutableStateOf("")
+    val price = mutableStateOf("")
+    val photo = mutableIntStateOf(R.drawable.img)
+    val sneakerList = sneakerRepository.call().cachedIn(viewModelScope)
+    var sneaker: Sneaker? = null
+
+    fun insertSneaker() = viewModelScope.launch {
+        val sneaker = Sneaker(
+            brand = brand.value,
+            model = model.value,
+            description = description.value,
+            price = price.value.toDouble(),
+            photo = photo.value
+            )
+        sneakerRepository.insertSneaker(sneaker)
+    }
+
+    fun deleteSneaker(sneaker :  Sneaker) = viewModelScope.launch {
+        sneakerRepository.deleteSneaker(sneaker)
+    }
+
+    fun getSneakerById(id: Int) = viewModelScope.launch {
+        sneakerRepository.getSneakerById(id)
+    }
+
+    fun UpdateSneaker(sneaker: Sneaker) = viewModelScope.launch {
+        sneakerRepository.updateSneaker(sneaker)
+    }
+}
--- a/app/src/main/java/com/example/android_programming/vmodel/UserViewModel.kt
+++ b/app/src/main/java/com/example/android_programming/vmodel/UserViewModel.kt
@ -0,0 +1,46 @@
+package com.example.android_programming.vmodel
+
+import androidx.compose.runtime.mutableStateOf
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.ViewModelProvider
+import androidx.lifecycle.viewModelScope
+import androidx.lifecycle.viewmodel.CreationExtras
+import com.example.android_programming.App
+import com.example.android_programming.GlobalUser
+import com.example.android_programming.database.AppDatabase
+import com.example.android_programming.model.Basket
+import com.example.android_programming.model.RoleEnum
+import com.example.android_programming.model.User
+import com.example.android_programming.repository.BasketRepository
+import com.example.android_programming.repository.SneakerRepository
+import com.example.android_programming.repository.UserRepository
+import kotlinx.coroutines.launch
+
+class UserViewModel(private val userRepository: UserRepository): ViewModel() {
+
+    var name = mutableStateOf("")
+    val surname = mutableStateOf("")
+    val email = mutableStateOf("")
+    val password = mutableStateOf("")
+    fun createUser() = viewModelScope.launch {
+        val user = User(
+            name = name.value,
+            surname = surname.value,
+            email = email.value,
+            password = password.value,
+            role = RoleEnum.User
+        )
+        userRepository.createUser(user)
+    }
+    fun authUser() = viewModelScope.launch {
+        val user = userRepository.getUserByEmail(email.value)
+        if (password.value != "" && user.password == password.value) {
+            val globalUser = GlobalUser.getInstance()
+            globalUser.setUser(user)
+        }
+    }
+
+    fun isValidEmail(email: String): Boolean {
+        return android.util.Patterns.EMAIL_ADDRESS.matcher(email).matches()
+    }
+}
--- a/app/src/main/res/drawable/change.png
+++ b/app/src/main/res/drawable/change.png
--- a/app/src/main/res/drawable/ic_launcher_background.xml
+++ b/app/src/main/res/drawable/ic_launcher_background.xml
@ -0,0 +1,170 @@
+<?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>
--- a/app/src/main/res/drawable/ic_launcher_foreground.xml
+++ b/app/src/main/res/drawable/ic_launcher_foreground.xml
@ -0,0 +1,30 @@
+<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>
--- a/app/src/main/res/drawable/img.png
+++ b/app/src/main/res/drawable/img.png
--- a/app/src/main/res/drawable/img_1.png
+++ b/app/src/main/res/drawable/img_1.png
--- a/app/src/main/res/drawable/img_2.png
+++ b/app/src/main/res/drawable/img_2.png
--- a/app/src/main/res/drawable/img_3.png
+++ b/app/src/main/res/drawable/img_3.png
--- a/app/src/main/res/drawable/img_4.png
+++ b/app/src/main/res/drawable/img_4.png
--- a/app/src/main/res/drawable/img_5.png
+++ b/app/src/main/res/drawable/img_5.png
--- a/app/src/main/res/drawable/jordan.png
+++ b/app/src/main/res/drawable/jordan.png
--- a/app/src/main/res/drawable/logo.png
+++ b/app/src/main/res/drawable/logo.png
--- a/app/src/main/res/drawable/sales.png
+++ b/app/src/main/res/drawable/sales.png
--- a/app/src/main/res/drawable/shailushai.png
+++ b/app/src/main/res/drawable/shailushai.png
--- a/app/src/main/res/drawable/sneaker.png
+++ b/app/src/main/res/drawable/sneaker.png
--- a/app/src/main/res/drawable/trash.png
+++ b/app/src/main/res/drawable/trash.png
--- a/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
+++ b/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
--- a/Show More
+++ b/Show More