Initial commit with feyenoord support, card support being worked on

2022-11-02 14:45:30 +01:00
commit 8b7efbae4e
67 changed files with 1557 additions and 0 deletions
--- a/app/.gitignore
+++ b/app/.gitignore
@@ -0,0 +1 @@
+/build
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -0,0 +1,69 @@
+plugins {
+    id 'com.android.application'
+    id 'org.jetbrains.kotlin.android'
+}
+
+android {
+    namespace 'com.mitchelbv.thuis_c'
+    compileSdk 32
+
+    defaultConfig {
+        applicationId "com.mitchelbv.thuis_c"
+        minSdk 30
+        targetSdk 32
+        versionCode 1
+        versionName "1.0"
+
+        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
+        vectorDrawables {
+            useSupportLibrary true
+        }
+    }
+
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
+        }
+    }
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_1_8
+        targetCompatibility JavaVersion.VERSION_1_8
+    }
+    kotlinOptions {
+        jvmTarget = '1.8'
+    }
+    buildFeatures {
+        compose true
+    }
+    composeOptions {
+        kotlinCompilerExtensionVersion '1.1.1'
+    }
+    packagingOptions {
+        resources {
+            excludes += '/META-INF/{AL2.0,LGPL2.1}'
+        }
+    }
+}
+
+dependencies {
+    implementation 'com.squareup.retrofit2:retrofit:2.9.0'
+    implementation 'com.google.code.gson:gson:2.9.0'
+    implementation 'com.squareup.retrofit2:converter-gson:2.9.0'
+    implementation("io.coil-kt:coil-compose:2.2.2")
+
+    implementation "androidx.lifecycle:lifecycle-viewmodel-compose:1.0.0-alpha07"
+
+    implementation 'androidx.core:core-ktx:1.8.0'
+    implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.4.1'
+    implementation 'androidx.activity:activity-compose:1.5.1'
+    implementation "androidx.compose.ui:ui:$compose_ui_version"
+    implementation "androidx.compose.ui:ui-tooling-preview:$compose_ui_version"
+    implementation "androidx.compose.material:material:$compose_ui_version"
+    testImplementation 'junit:junit:4.13.2'
+    androidTestImplementation 'androidx.test.ext:junit:1.1.3'
+    androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'
+    androidTestImplementation "androidx.compose.ui:ui-test-junit4:$compose_ui_version"
+    debugImplementation "androidx.compose.ui:ui-tooling:$compose_ui_version"
+    debugImplementation "androidx.compose.ui:ui-test-manifest:$compose_ui_version"
+}
--- 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/mitchelbv/thuis_c/ExampleInstrumentedTest.kt
+++ b/app/src/androidTest/java/com/mitchelbv/thuis_c/ExampleInstrumentedTest.kt
@@ -0,0 +1,24 @@
+package com.mitchelbv.thuis_c
+
+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.mitchelbv.thuis_c", appContext.packageName)
+    }
+}
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+
+
+    <application
+        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.Thuis"
+        tools:targetApi="31">
+        <activity
+            android:name=".MainActivity"
+            android:exported="true"
+            android:label="@string/app_name"
+            android:theme="@style/Theme.Thuis">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+
+            <meta-data
+                android:name="android.app.lib_name"
+                android:value="" />
+        </activity>
+    </application>
+
+</manifest>
--- a/app/src/main/java/com/mitchelbv/thuis_c/MainActivity.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/MainActivity.kt
@@ -0,0 +1,54 @@
+package com.mitchelbv.thuis_c
+
+import android.annotation.SuppressLint
+import android.os.Bundle
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material.*
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Favorite
+import androidx.compose.runtime.*
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import com.mitchelbv.thuis_c.ui.theme.ThuisTheme
+
+class MainActivity : ComponentActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContent {
+            ThuisTheme {
+                // A surface container using the 'background' color from the theme
+                Surface(
+                    modifier = Modifier.fillMaxSize(),
+                    color = MaterialTheme.colors.background
+                ) {
+                    ThuisApp()
+                }
+            }
+        }
+    }
+}
+
+@SuppressLint("UnusedMaterialScaffoldPaddingParameter")
+@Composable
+fun ThuisApp() {
+    var currentScreen: ThuisDestination by remember { mutableStateOf(Home) }
+    return Scaffold(bottomBar = {
+        BottomNavigation() {
+            destinations.forEachIndexed { index, item ->
+                BottomNavigationItem(
+                    selected = currentScreen.route == destinations[index].route,
+                    onClick = { currentScreen = destinations[index] },
+                    icon = {
+                        Icon(
+                            destinations[index].icon,
+                            contentDescription = null
+                        )
+                    })
+            }
+        }
+    }) {
+        currentScreen.screen()
+    }
+}
--- a/app/src/main/java/com/mitchelbv/thuis_c/ThuisDestinations.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/ThuisDestinations.kt
@@ -0,0 +1,37 @@
+package com.mitchelbv.thuis_c
+
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.DateRange
+import androidx.compose.material.icons.filled.Home
+import androidx.compose.material.icons.filled.ShoppingCart
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.graphics.vector.ImageVector
+import com.mitchelbv.thuis_c.ui.card.CardsScreen
+import com.mitchelbv.thuis_c.ui.feyenoord.FeyenoordScreen
+import com.mitchelbv.thuis_c.ui.home.HomeScreen
+
+interface ThuisDestination {
+    val route: String
+    val screen: @Composable () -> Unit
+    val icon: ImageVector
+}
+
+object Home : ThuisDestination {
+    override val icon = Icons.Filled.Home
+    override val route = "home"
+    override val screen: @Composable () -> Unit = { HomeScreen() }
+}
+
+object FeyenoordMatches : ThuisDestination {
+    override val icon = Icons.Filled.DateRange
+    override val route: String = "matches"
+    override val screen: @Composable () -> Unit = { FeyenoordScreen() }
+}
+
+object Card : ThuisDestination {
+    override val icon = Icons.Filled.ShoppingCart
+    override val route = "card"
+    override val screen: @Composable () -> Unit = { CardsScreen() }
+}
+
+val destinations = listOf(Home, FeyenoordMatches)
--- a/app/src/main/java/com/mitchelbv/thuis_c/network/card/CardRetrofitHelper.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/network/card/CardRetrofitHelper.kt
@@ -0,0 +1,16 @@
+package com.mitchelbv.thuis_c.network.card
+
+import com.mitchelbv.thuis_c.network.feyenoord.FeyenoordRetrofitHelper
+import retrofit2.Retrofit
+import retrofit2.converter.gson.GsonConverterFactory
+
+object CardRetrofitHelper {
+    val baseUrl = "https://10.0.2.2:7239/"
+
+    fun getInstance(): Retrofit {
+        return Retrofit.Builder()
+            .baseUrl(baseUrl)
+            .addConverterFactory(GsonConverterFactory.create())
+            .build()
+    }
+}
--- a/app/src/main/java/com/mitchelbv/thuis_c/network/card/CardService.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/network/card/CardService.kt
@@ -0,0 +1,13 @@
+package com.mitchelbv.thuis_c.network.card
+
+import com.mitchelbv.thuis_c.network.card.responses.Card
+import com.mitchelbv.thuis_c.network.card.responses.Cards
+import retrofit2.http.GET
+
+interface CardService {
+    @GET("Card")
+    suspend fun getCards(): Cards
+
+    @GET("Card/{id}")
+    suspend fun getCard(id: Int): Card
+}
--- a/app/src/main/java/com/mitchelbv/thuis_c/network/card/responses/Card.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/network/card/responses/Card.kt
@@ -0,0 +1,9 @@
+package com.mitchelbv.thuis_c.network.card.responses
+
+import com.google.gson.annotations.SerializedName
+
+data class Card(
+    @SerializedName("cardId") var id: Int? = null,
+    @SerializedName("issuer") var issuer: String? = null,
+    @SerializedName("code") var code: String? = null
+)
--- a/app/src/main/java/com/mitchelbv/thuis_c/network/card/responses/Cards.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/network/card/responses/Cards.kt
@@ -0,0 +1,7 @@
+package com.mitchelbv.thuis_c.network.card.responses
+
+import com.google.gson.annotations.SerializedName
+
+data class Cards (
+    @SerializedName("cards") var cards: ArrayList<Card> = arrayListOf()
+)
--- a/app/src/main/java/com/mitchelbv/thuis_c/network/feyenoord/FeyenoordRetrofitHelper.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/network/feyenoord/FeyenoordRetrofitHelper.kt
@@ -0,0 +1,15 @@
+package com.mitchelbv.thuis_c.network.feyenoord
+
+import retrofit2.Retrofit
+import retrofit2.converter.gson.GsonConverterFactory
+
+object FeyenoordRetrofitHelper {
+    val baseUrl = "https://tickets-api.feyenoord.nl/api/"
+
+    fun getInstance(): Retrofit {
+        return Retrofit.Builder()
+            .baseUrl(baseUrl)
+            .addConverterFactory(GsonConverterFactory.create())
+            .build()
+    }
+}
--- a/app/src/main/java/com/mitchelbv/thuis_c/network/feyenoord/FeyenoordService.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/network/feyenoord/FeyenoordService.kt
@@ -0,0 +1,10 @@
+package com.mitchelbv.thuis_c.network.feyenoord
+
+import com.mitchelbv.thuis_c.network.feyenoord.responses.FeyenoordEventResponse
+import retrofit2.Call
+import retrofit2.http.GET
+
+interface FeyenoordService {
+    @GET("event")
+    suspend fun getEvents(): FeyenoordEventResponse
+}
--- a/app/src/main/java/com/mitchelbv/thuis_c/network/feyenoord/responses/ButtonData.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/network/feyenoord/responses/ButtonData.kt
@@ -0,0 +1,23 @@
+package com.mitchelbv.thuis_c.network.feyenoord.responses
+
+import com.google.gson.annotations.SerializedName
+
+
+data class ButtonData(
+
+    @SerializedName("EventId") var EventId: Int? = null,
+    @SerializedName("SaleCategoryId") var SaleCategoryId: Int? = null,
+    @SerializedName("TranslationCode") var TranslationCode: String? = null,
+    @SerializedName("ButtonStyle") var ButtonStyle: Int? = null,
+    @SerializedName("ActionType") var ActionType: Int? = null,
+    @SerializedName("Action") var Action: String? = null,
+    @SerializedName("ActiveFrom") var ActiveFrom: String? = null,
+    @SerializedName("ActiveTill") var ActiveTill: String? = null,
+    @SerializedName("OpenInNewTab") var OpenInNewTab: Boolean? = null,
+    @SerializedName("InitiativeId") var InitiativeId: String? = null,
+    @SerializedName("Id") var Id: Int? = null,
+    @SerializedName("Created") var Created: String? = null,
+    @SerializedName("Modified") var Modified: String? = null,
+    @SerializedName("Deleted") var Deleted: String? = null
+
+)
--- a/app/src/main/java/com/mitchelbv/thuis_c/network/feyenoord/responses/EventEndDateTimeFormatted.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/network/feyenoord/responses/EventEndDateTimeFormatted.kt
@@ -0,0 +1,19 @@
+package com.mitchelbv.thuis_c.network.feyenoord.responses
+
+import com.google.gson.annotations.SerializedName
+
+
+data class EventEndDateTimeFormatted (
+
+  @SerializedName("DateTime"  ) var DateTime  : String? = null,
+  @SerializedName("Full"      ) var Full      : String? = null,
+  @SerializedName("DateLong"  ) var DateLong  : String? = null,
+  @SerializedName("DateShort" ) var DateShort : String? = null,
+  @SerializedName("Time"      ) var Time      : String? = null,
+  @SerializedName("DayMonth"  ) var DayMonth  : String? = null,
+  @SerializedName("DayOfWeek" ) var DayOfWeek : Int?    = null,
+  @SerializedName("Year"      ) var Year      : Int?    = null,
+  @SerializedName("Month"     ) var Month     : Int?    = null,
+  @SerializedName("Day"       ) var Day       : Int?    = null
+
+)
--- a/app/src/main/java/com/mitchelbv/thuis_c/network/feyenoord/responses/EventStartDateTimeFormatted.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/network/feyenoord/responses/EventStartDateTimeFormatted.kt
@@ -0,0 +1,19 @@
+package com.mitchelbv.thuis_c.network.feyenoord.responses
+
+import com.google.gson.annotations.SerializedName
+
+
+data class EventStartDateTimeFormatted (
+
+  @SerializedName("DateTime"  ) var DateTime  : String? = null,
+  @SerializedName("Full"      ) var Full      : String? = null,
+  @SerializedName("DateLong"  ) var DateLong  : String? = null,
+  @SerializedName("DateShort" ) var DateShort : String? = null,
+  @SerializedName("Time"      ) var Time      : String? = null,
+  @SerializedName("DayMonth"  ) var DayMonth  : String? = null,
+  @SerializedName("DayOfWeek" ) var DayOfWeek : Int?    = null,
+  @SerializedName("Year"      ) var Year      : Int?    = null,
+  @SerializedName("Month"     ) var Month     : Int?    = null,
+  @SerializedName("Day"       ) var Day       : Int?    = null
+
+)
--- a/app/src/main/java/com/mitchelbv/thuis_c/network/feyenoord/responses/FeyenoordEventResponse.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/network/feyenoord/responses/FeyenoordEventResponse.kt
@@ -0,0 +1,12 @@
+package com.mitchelbv.thuis_c.network.feyenoord.responses
+
+import com.google.gson.annotations.SerializedName
+
+
+data class FeyenoordEventResponse(
+
+    @SerializedName("HeaderItem") var HeaderItem: HeaderItem? = HeaderItem(),
+    @SerializedName("TabItems") var TabItems: ArrayList<TabItems> = arrayListOf(),
+    @SerializedName("CrossSellInfo") var CrossSellInfo: String? = null
+
+)
--- a/app/src/main/java/com/mitchelbv/thuis_c/network/feyenoord/responses/HeaderItem.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/network/feyenoord/responses/HeaderItem.kt
@@ -0,0 +1,63 @@
+package com.mitchelbv.thuis_c.network.feyenoord.responses
+
+import com.google.gson.annotations.SerializedName
+
+
+data class HeaderItem (
+
+  @SerializedName("DisplayCountdown"                 ) var DisplayCountdown                 : Boolean?                     = null,
+  @SerializedName("ShowResellInHeader"               ) var ShowResellInHeader               : Boolean?                     = null,
+  @SerializedName("ResellTicketsAllowed"             ) var ResellTicketsAllowed             : Boolean?                     = null,
+  @SerializedName("ResellTicketsFrom"                ) var ResellTicketsFrom                : String?                      = null,
+  @SerializedName("ResellTicketsTill"                ) var ResellTicketsTill                : String?                      = null,
+  @SerializedName("EventId"                          ) var EventId                          : Int?                         = null,
+  @SerializedName("SaleCategoryId"                   ) var SaleCategoryId                   : Int?                         = null,
+  @SerializedName("HasGeneralSale"                   ) var HasGeneralSale                   : Boolean?                     = null,
+  @SerializedName("VisibleInShop"                    ) var VisibleInShop                    : Boolean?                     = null,
+  @SerializedName("HighlightInShop"                  ) var HighlightInShop                  : Boolean?                     = null,
+  @SerializedName("HasSoldOut"                       ) var HasSoldOut                       : Boolean?                     = null,
+  @SerializedName("OnGeneralSaleFrom"                ) var OnGeneralSaleFrom                : String?                      = null,
+  @SerializedName("OnGeneralSaleTill"                ) var OnGeneralSaleTill                : String?                      = null,
+  @SerializedName("VisibleInShopFrom"                ) var VisibleInShopFrom                : String?                      = null,
+  @SerializedName("VisibleInShopTill"                ) var VisibleInShopTill                : String?                      = null,
+  @SerializedName("Name"                             ) var Name                             : String?                      = null,
+  @SerializedName("NameHomeTeam"                     ) var NameHomeTeam                     : String?                      = null,
+  @SerializedName("NameAwayTeam"                     ) var NameAwayTeam                     : String?                      = null,
+  @SerializedName("EventStartDateTime"               ) var EventStartDateTime               : String?                      = null,
+  @SerializedName("EventStartDateTimeOffset"         ) var EventStartDateTimeOffset         : String?                      = null,
+  @SerializedName("EventEndDateTime"                 ) var EventEndDateTime                 : String?                      = null,
+  @SerializedName("CategoryTranslationCode"          ) var CategoryTranslationCode          : String?                      = null,
+  @SerializedName("SaleCategoryOrder"                ) var SaleCategoryOrder                : Int?                         = null,
+  @SerializedName("ImageId"                          ) var ImageId                          : String?                      = null,
+  @SerializedName("ImageFileName"                    ) var ImageFileName                    : String?                      = null,
+  @SerializedName("ImageUniqueName"                  ) var ImageUniqueName                  : String?                      = null,
+  @SerializedName("HomeImageId"                      ) var HomeImageId                      : Int?                         = null,
+  @SerializedName("HomeImageFileName"                ) var HomeImageFileName                : String?                      = null,
+  @SerializedName("HomeImageUniqueName"              ) var HomeImageUniqueName              : String?                      = null,
+  @SerializedName("AwayImageId"                      ) var AwayImageId                      : Int?                         = null,
+  @SerializedName("AwayImageFileName"                ) var AwayImageFileName                : String?                      = null,
+  @SerializedName("AwayImageUniqueName"              ) var AwayImageUniqueName              : String?                      = null,
+  @SerializedName("HasTicketsAvailable"              ) var HasTicketsAvailable              : Boolean?                     = null,
+  @SerializedName("HasMarketplaceTicketsAvailable"   ) var HasMarketplaceTicketsAvailable   : Boolean?                     = null,
+  @SerializedName("HasPossibleTicketsInFuture"       ) var HasPossibleTicketsInFuture       : Boolean?                     = null,
+  @SerializedName("CurrentlyOnSaleForUser"           ) var CurrentlyOnSaleForUser           : Boolean?                     = null,
+  @SerializedName("PurchaseRightAvailableAfterLogin" ) var PurchaseRightAvailableAfterLogin : Boolean?                     = null,
+  @SerializedName("ImageUrl"                         ) var ImageUrl                         : String?                      = null,
+  @SerializedName("HomeImageUrl"                     ) var HomeImageUrl                     : String?                      = null,
+  @SerializedName("AwayImageUrl"                     ) var AwayImageUrl                     : String?                      = null,
+  @SerializedName("EventTypeName"                    ) var EventTypeName                    : String?                      = null,
+  @SerializedName("EventTypeLogoId"                  ) var EventTypeLogoId                  : Int?                         = null,
+  @SerializedName("EventTypeLogoUrl"                 ) var EventTypeLogoUrl                 : String?                      = null,
+  @SerializedName("EventTypeLogoFileName"            ) var EventTypeLogoFileName            : String?                      = null,
+  @SerializedName("EventTypeLogoUniqueName"          ) var EventTypeLogoUniqueName          : String?                      = null,
+  @SerializedName("InfoUrl"                          ) var InfoUrl                          : String?                      = null,
+  @SerializedName("EventStartDateTimeFormatted"      ) var EventStartDateTimeFormatted      : EventStartDateTimeFormatted? = EventStartDateTimeFormatted(),
+  @SerializedName("EventEndDateTimeFormatted"        ) var EventEndDateTimeFormatted        : EventEndDateTimeFormatted?   = EventEndDateTimeFormatted(),
+  @SerializedName("ButtonData"                       ) var ButtonData                       : ButtonData?                  = ButtonData(),
+  @SerializedName("ShowMarketplaceForEvent"          ) var ShowMarketplaceForEvent          : Boolean?                     = null,
+  @SerializedName("RedirectToMarketplace"            ) var RedirectToMarketplace            : Boolean?                     = null,
+  @SerializedName("MarketplaceButtonTextColor"       ) var MarketplaceButtonTextColor       : String?                      = null,
+  @SerializedName("MarketplaceButtonBackgroundColor" ) var MarketplaceButtonBackgroundColor : String?                      = null,
+  @SerializedName("DeepLinkRoute"                    ) var DeepLinkRoute                    : String?                      = null
+
+)
--- a/app/src/main/java/com/mitchelbv/thuis_c/network/feyenoord/responses/Items.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/network/feyenoord/responses/Items.kt
@@ -0,0 +1,63 @@
+package com.mitchelbv.thuis_c.network.feyenoord.responses
+
+import com.google.gson.annotations.SerializedName
+
+
+data class Items(
+
+    @SerializedName("DisplayCountdown") var DisplayCountdown: Boolean? = null,
+    @SerializedName("ShowResellInHeader") var ShowResellInHeader: Boolean? = null,
+    @SerializedName("ResellTicketsAllowed") var ResellTicketsAllowed: Boolean? = null,
+    @SerializedName("ResellTicketsFrom") var ResellTicketsFrom: String? = null,
+    @SerializedName("ResellTicketsTill") var ResellTicketsTill: String? = null,
+    @SerializedName("EventId") var EventId: Int? = null,
+    @SerializedName("SaleCategoryId") var SaleCategoryId: Int? = null,
+    @SerializedName("HasGeneralSale") var HasGeneralSale: Boolean? = null,
+    @SerializedName("VisibleInShop") var VisibleInShop: Boolean? = null,
+    @SerializedName("HighlightInShop") var HighlightInShop: Boolean? = null,
+    @SerializedName("HasSoldOut") var HasSoldOut: Boolean? = null,
+    @SerializedName("OnGeneralSaleFrom") var OnGeneralSaleFrom: String? = null,
+    @SerializedName("OnGeneralSaleTill") var OnGeneralSaleTill: String? = null,
+    @SerializedName("VisibleInShopFrom") var VisibleInShopFrom: String? = null,
+    @SerializedName("VisibleInShopTill") var VisibleInShopTill: String? = null,
+    @SerializedName("Name") var Name: String? = null,
+    @SerializedName("NameHomeTeam") var NameHomeTeam: String? = null,
+    @SerializedName("NameAwayTeam") var NameAwayTeam: String? = null,
+    @SerializedName("EventStartDateTime") var EventStartDateTime: String? = null,
+    @SerializedName("EventStartDateTimeOffset") var EventStartDateTimeOffset: String? = null,
+    @SerializedName("EventEndDateTime") var EventEndDateTime: String? = null,
+    @SerializedName("CategoryTranslationCode") var CategoryTranslationCode: String? = null,
+    @SerializedName("SaleCategoryOrder") var SaleCategoryOrder: Int? = null,
+    @SerializedName("ImageId") var ImageId: String? = null,
+    @SerializedName("ImageFileName") var ImageFileName: String? = null,
+    @SerializedName("ImageUniqueName") var ImageUniqueName: String? = null,
+    @SerializedName("HomeImageId") var HomeImageId: Int? = null,
+    @SerializedName("HomeImageFileName") var HomeImageFileName: String? = null,
+    @SerializedName("HomeImageUniqueName") var HomeImageUniqueName: String? = null,
+    @SerializedName("AwayImageId") var AwayImageId: Int? = null,
+    @SerializedName("AwayImageFileName") var AwayImageFileName: String? = null,
+    @SerializedName("AwayImageUniqueName") var AwayImageUniqueName: String? = null,
+    @SerializedName("HasTicketsAvailable") var HasTicketsAvailable: Boolean? = null,
+    @SerializedName("HasMarketplaceTicketsAvailable") var HasMarketplaceTicketsAvailable: Boolean? = null,
+    @SerializedName("HasPossibleTicketsInFuture") var HasPossibleTicketsInFuture: Boolean? = null,
+    @SerializedName("CurrentlyOnSaleForUser") var CurrentlyOnSaleForUser: Boolean? = null,
+    @SerializedName("PurchaseRightAvailableAfterLogin") var PurchaseRightAvailableAfterLogin: Boolean? = null,
+    @SerializedName("ImageUrl") var ImageUrl: String? = null,
+    @SerializedName("HomeImageUrl") var HomeImageUrl: String? = null,
+    @SerializedName("AwayImageUrl") var AwayImageUrl: String? = null,
+    @SerializedName("EventTypeName") var EventTypeName: String? = null,
+    @SerializedName("EventTypeLogoId") var EventTypeLogoId: Int? = null,
+    @SerializedName("EventTypeLogoUrl") var EventTypeLogoUrl: String? = null,
+    @SerializedName("EventTypeLogoFileName") var EventTypeLogoFileName: String? = null,
+    @SerializedName("EventTypeLogoUniqueName") var EventTypeLogoUniqueName: String? = null,
+    @SerializedName("InfoUrl") var InfoUrl: String? = null,
+    @SerializedName("EventStartDateTimeFormatted") var EventStartDateTimeFormatted: EventStartDateTimeFormatted? = EventStartDateTimeFormatted(),
+    @SerializedName("EventEndDateTimeFormatted") var EventEndDateTimeFormatted: EventEndDateTimeFormatted? = EventEndDateTimeFormatted(),
+    @SerializedName("ButtonData") var ButtonData: ButtonData? = ButtonData(),
+    @SerializedName("ShowMarketplaceForEvent") var ShowMarketplaceForEvent: Boolean? = null,
+    @SerializedName("RedirectToMarketplace") var RedirectToMarketplace: Boolean? = null,
+    @SerializedName("MarketplaceButtonTextColor") var MarketplaceButtonTextColor: String? = null,
+    @SerializedName("MarketplaceButtonBackgroundColor") var MarketplaceButtonBackgroundColor: String? = null,
+    @SerializedName("DeepLinkRoute") var DeepLinkRoute: String? = null
+
+)
--- a/app/src/main/java/com/mitchelbv/thuis_c/network/feyenoord/responses/TabItems.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/network/feyenoord/responses/TabItems.kt
@@ -0,0 +1,13 @@
+package com.mitchelbv.thuis_c.network.feyenoord.responses
+
+import com.google.gson.annotations.SerializedName
+
+
+data class TabItems(
+
+    @SerializedName("CategoryId") var CategoryId: Int? = null,
+    @SerializedName("TranslationCode") var TranslationCode: String? = null,
+    @SerializedName("Items") var Items: ArrayList<Items> = arrayListOf(),
+    @SerializedName("TabOrder") var TabOrder: Int? = null
+
+)
--- a/app/src/main/java/com/mitchelbv/thuis_c/ui/card/Card.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/ui/card/Card.kt
@@ -0,0 +1,7 @@
+package com.mitchelbv.thuis_c.ui.card
+
+data class Card(
+    val id: Int,
+    val issuer: String,
+    val code: String
+)
--- a/app/src/main/java/com/mitchelbv/thuis_c/ui/card/CardViewModel.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/ui/card/CardViewModel.kt
@@ -0,0 +1,39 @@
+package com.mitchelbv.thuis_c.ui.card
+
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import com.mitchelbv.thuis_c.network.card.CardRetrofitHelper
+import com.mitchelbv.thuis_c.network.card.CardService
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.launch
+
+data class CardUiState(
+    val cards: List<Card> = listOf()
+)
+
+class CardViewModel : ViewModel() {
+    private val _uiState = MutableStateFlow(CardUiState())
+    val uiState: StateFlow<CardUiState> = _uiState.asStateFlow()
+
+    init {
+        fillCards()
+    }
+
+    private fun fillCards() {
+        val tempCards = mutableListOf<Card>()
+        viewModelScope.launch {
+            val cApiClient = CardRetrofitHelper.getInstance().create(CardService::class.java)
+            val apiResponse = cApiClient.getCards()
+            for (card in apiResponse.cards)   {
+                tempCards.add(Card(
+                    id = card.id!!,
+                    code = card.code!!,
+                    issuer = card.issuer!!
+                ))
+            }
+        }
+        _uiState.value = CardUiState(tempCards)
+    }
+}
--- a/app/src/main/java/com/mitchelbv/thuis_c/ui/card/CardsView.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/ui/card/CardsView.kt
@@ -0,0 +1,18 @@
+package com.mitchelbv.thuis_c.ui.card
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.lifecycle.viewmodel.compose.viewModel
+
+@Composable
+fun CardsScreen(cardViewModel: CardViewModel = viewModel()) {
+    val cardUiState by cardViewModel.uiState.collectAsState()
+    Column()    {
+        cardUiState.cards.forEach {
+            Text(it.issuer)
+        }
+    }
+}
--- a/app/src/main/java/com/mitchelbv/thuis_c/ui/feyenoord/FeyenoordView.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/ui/feyenoord/FeyenoordView.kt
@@ -0,0 +1,105 @@
+package com.mitchelbv.thuis_c.ui.feyenoord
+
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import coil.compose.AsyncImage
+import com.mitchelbv.thuis_c.R
+
+@Composable
+fun FeyenoordScreen(feyenoordViewModel: FeyenoordViewModel = viewModel()) {
+    val feyenoordUiState by feyenoordViewModel.uiState.collectAsState()
+    Column(
+        modifier = Modifier
+            .verticalScroll(rememberScrollState())
+//            .padding(16.dp)
+    ) {
+        MatchList(matches = feyenoordUiState.matches, Modifier)
+    }
+}
+
+@Composable
+fun MatchList(matches: List<Match>, modifier: Modifier) {
+    return Column {
+        matches.forEach {
+            MatchCard(match = it, modifier)
+        }
+    }
+}
+
+@Composable
+fun TeamNameWithLogo(team_name: String, team_logo_url: String, modifier: Modifier) {
+    Column(modifier = modifier.size(128.dp).fillMaxWidth(), Arrangement.Center, Alignment.CenterHorizontally) {
+        AsyncImage(
+            model = team_logo_url,
+            contentDescription = team_name,
+            placeholder = painterResource(id = R.drawable.ic_launcher_foreground),
+            contentScale = ContentScale.Fit,
+            modifier = modifier.size(64.dp)
+        )
+        Text(text = team_name, modifier = modifier.fillMaxWidth().wrapContentWidth(Alignment.CenterHorizontally))
+    }
+
+}
+
+@Composable
+fun MatchCard(match: Match, modifier: Modifier) {
+    Row(
+        horizontalArrangement = Arrangement.SpaceBetween,
+        verticalAlignment = Alignment.CenterVertically,
+        modifier = modifier
+            .fillMaxWidth()
+            .padding(8.dp)
+            .height(128.dp)
+    ) {
+        TeamNameWithLogo(
+            team_name = match.home_team,
+            team_logo_url = match.home_image,
+            modifier = modifier
+        )
+        Column(
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.Center,
+        ) {
+            Text(text = match.date, overflow = TextOverflow.Ellipsis)
+            Row {
+                Text(match.begin_time)
+                Text(" - ")
+                Text(match.end_time)
+            }
+        }
+        TeamNameWithLogo(
+            team_name = match.away_team,
+            team_logo_url = match.away_image,
+            modifier = modifier
+        )
+
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+fun PreviewMatchCard() {
+    val test = Match(
+        home_image = "https://tymes4-cdn.azureedge.net/feyenoord/21-feyenoord-logo-original.png",
+        away_image = "https://tymes4-cdn.azureedge.net/feyenoord/291-S.S._Lazio_badge.svg-min-original.png",
+        home_team = "Feyenoord Vrouwen 1",
+        away_team = "FC Twente Vrouwen 1",
+        date = "do 03 November 2023",
+        begin_time = "18:03",
+        end_time = "20:03"
+    )
+    MatchCard(match = test, Modifier)
+}
--- a/app/src/main/java/com/mitchelbv/thuis_c/ui/feyenoord/FeyenoordViewModel.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/ui/feyenoord/FeyenoordViewModel.kt
@@ -0,0 +1,57 @@
+package com.mitchelbv.thuis_c.ui.feyenoord
+
+import android.util.Log
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import com.mitchelbv.thuis_c.network.feyenoord.FeyenoordRetrofitHelper
+import com.mitchelbv.thuis_c.network.feyenoord.FeyenoordService
+import com.mitchelbv.thuis_c.network.feyenoord.responses.FeyenoordEventResponse
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.launch
+import okhttp3.ResponseBody
+import retrofit2.Call
+import retrofit2.Callback
+import retrofit2.Response
+
+data class FeyenoordUiState(
+    val matches: List<Match> = listOf()
+)
+
+class FeyenoordViewModel : ViewModel() {
+    private val _uiState = MutableStateFlow(FeyenoordUiState())
+    val uiState: StateFlow<FeyenoordUiState> = _uiState.asStateFlow()
+
+    init {
+        fillMatches()
+    }
+
+    private fun fillMatches() {
+        // TODO Get data from the internet
+        val tempMatches = mutableListOf<Match>()
+        viewModelScope.launch(Dispatchers.IO) {
+            val fApiClient =
+                FeyenoordRetrofitHelper.getInstance().create(FeyenoordService::class.java)
+            val apiResponse = fApiClient.getEvents()
+            for (tabItem in apiResponse.TabItems) {
+                val test = arrayOf(tabItem).filter { it.CategoryId == 2 }
+                test.forEach {
+                    for (item in it.Items)  {
+                        tempMatches.add(Match(
+                            home_team = item.NameHomeTeam!!,
+                            away_team = item.NameAwayTeam!!,
+                            date = item.EventStartDateTimeFormatted?.Full!!,
+                            begin_time = item.EventStartDateTimeFormatted?.Time!!,
+                            end_time = item.EventEndDateTimeFormatted?.Time!!,
+                            away_image = item.AwayImageUrl!!,
+                            home_image = item.HomeImageUrl!!
+                        ))
+                    }
+                }
+            }
+            _uiState.value = FeyenoordUiState(matches = tempMatches)
+        }
+    }
+}
--- a/app/src/main/java/com/mitchelbv/thuis_c/ui/feyenoord/Match.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/ui/feyenoord/Match.kt
@@ -0,0 +1,11 @@
+package com.mitchelbv.thuis_c.ui.feyenoord
+
+data class Match(
+    val home_image: String,
+    val away_image: String,
+    val home_team: String,
+    val away_team: String,
+    val date: String,
+    val begin_time: String,
+    val end_time: String
+)
--- a/app/src/main/java/com/mitchelbv/thuis_c/ui/home/Home.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/ui/home/Home.kt
@@ -0,0 +1,9 @@
+package com.mitchelbv.thuis_c.ui.home
+
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+
+@Composable
+fun HomeScreen()    {
+    return Text(text = "Hello!")
+}
--- a/app/src/main/java/com/mitchelbv/thuis_c/ui/theme/Color.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/ui/theme/Color.kt
@@ -0,0 +1,8 @@
+package com.mitchelbv.thuis_c.ui.theme
+
+import androidx.compose.ui.graphics.Color
+
+val Purple200 = Color(0xFFBB86FC)
+val Purple500 = Color(0xFF6200EE)
+val Purple700 = Color(0xFF3700B3)
+val Teal200 = Color(0xFF03DAC5)
--- a/app/src/main/java/com/mitchelbv/thuis_c/ui/theme/Shape.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/ui/theme/Shape.kt
@@ -0,0 +1,11 @@
+package com.mitchelbv.thuis_c.ui.theme
+
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.Shapes
+import androidx.compose.ui.unit.dp
+
+val Shapes = Shapes(
+    small = RoundedCornerShape(4.dp),
+    medium = RoundedCornerShape(4.dp),
+    large = RoundedCornerShape(0.dp)
+)
--- a/app/src/main/java/com/mitchelbv/thuis_c/ui/theme/Theme.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/ui/theme/Theme.kt
@@ -0,0 +1,44 @@
+package com.mitchelbv.thuis_c.ui.theme
+
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.darkColors
+import androidx.compose.material.lightColors
+import androidx.compose.runtime.Composable
+
+private val DarkColorPalette = darkColors(
+    primary = Purple200,
+    primaryVariant = Purple700,
+    secondary = Teal200
+)
+
+private val LightColorPalette = lightColors(
+    primary = Purple500,
+    primaryVariant = Purple700,
+    secondary = Teal200
+
+    /* Other default colors to override
+    background = Color.White,
+    surface = Color.White,
+    onPrimary = Color.White,
+    onSecondary = Color.Black,
+    onBackground = Color.Black,
+    onSurface = Color.Black,
+    */
+)
+
+@Composable
+fun ThuisTheme(darkTheme: Boolean = isSystemInDarkTheme(), content: @Composable () -> Unit) {
+    val colors = if (darkTheme) {
+        DarkColorPalette
+    } else {
+        LightColorPalette
+    }
+
+    MaterialTheme(
+        colors = colors,
+        typography = Typography,
+        shapes = Shapes,
+        content = content
+    )
+}
--- a/app/src/main/java/com/mitchelbv/thuis_c/ui/theme/Type.kt
+++ b/app/src/main/java/com/mitchelbv/thuis_c/ui/theme/Type.kt
@@ -0,0 +1,28 @@
+package com.mitchelbv.thuis_c.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(
+    body1 = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.Normal,
+        fontSize = 16.sp
+    )
+    /* Other default text styles to override
+    button = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.W500,
+        fontSize = 14.sp
+    ),
+    caption = TextStyle(
+        fontFamily = FontFamily.Default,
+        fontWeight = FontWeight.Normal,
+        fontSize = 12.sp
+    )
+    */
+)
--- a/app/src/main/res/drawable-v24/feyenoord.png
+++ b/app/src/main/res/drawable-v24/feyenoord.png
--- a/app/src/main/res/drawable-v24/ic_launcher_foreground.xml
+++ b/app/src/main/res/drawable-v24/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/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/mipmap-anydpi-v26/ic_launcher.xml
+++ b/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
@@ -0,0 +1,5 @@
+<?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" />
+</adaptive-icon>
--- a/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
+++ b/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
@@ -0,0 +1,5 @@
+<?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" />
+</adaptive-icon>
--- a/app/src/main/res/mipmap-hdpi/ic_launcher.webp
+++ b/app/src/main/res/mipmap-hdpi/ic_launcher.webp
--- a/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp
+++ b/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp
--- a/app/src/main/res/mipmap-mdpi/ic_launcher.webp
+++ b/app/src/main/res/mipmap-mdpi/ic_launcher.webp
--- a/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp
+++ b/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp
--- a/app/src/main/res/mipmap-xhdpi/ic_launcher.webp
+++ b/app/src/main/res/mipmap-xhdpi/ic_launcher.webp
--- a/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp
+++ b/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp
--- a/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp
+++ b/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp
--- a/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp
+++ b/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp
--- a/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp
+++ b/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp
--- a/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp
+++ b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="purple_200">#FFBB86FC</color>
+    <color name="purple_500">#FF6200EE</color>
+    <color name="purple_700">#FF3700B3</color>
+    <color name="teal_200">#FF03DAC5</color>
+    <color name="teal_700">#FF018786</color>
+    <color name="black">#FF000000</color>
+    <color name="white">#FFFFFFFF</color>
+</resources>
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">Thuis</string>
+</resources>
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <style name="Theme.Thuis" parent="android:Theme.Material.Light.NoActionBar">
+        <item name="android:statusBarColor">@color/purple_700</item>
+    </style>
+</resources>
--- a/app/src/main/res/xml/backup_rules.xml
+++ b/app/src/main/res/xml/backup_rules.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+   Sample backup rules file; uncomment and customize as necessary.
+   See https://developer.android.com/guide/topics/data/autobackup
+   for details.
+   Note: This file is ignored for devices older that API 31
+   See https://developer.android.com/about/versions/12/backup-restore
+-->
+<full-backup-content>
+    <!--
+   <include domain="sharedpref" path="."/>
+   <exclude domain="sharedpref" path="device.xml"/>
+-->
+</full-backup-content>
--- a/app/src/main/res/xml/data_extraction_rules.xml
+++ b/app/src/main/res/xml/data_extraction_rules.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+   Sample data extraction rules file; uncomment and customize as necessary.
+   See https://developer.android.com/about/versions/12/backup-restore#xml-changes
+   for details.
+-->
+<data-extraction-rules>
+    <cloud-backup>
+        <!-- TODO: Use <include> and <exclude> to control what is backed up.
+        <include .../>
+        <exclude .../>
+        -->
+    </cloud-backup>
+    <!--
+    <device-transfer>
+        <include .../>
+        <exclude .../>
+    </device-transfer>
+    -->
+</data-extraction-rules>
--- a/app/src/test/java/com/mitchelbv/thuis_c/ExampleUnitTest.kt
+++ b/app/src/test/java/com/mitchelbv/thuis_c/ExampleUnitTest.kt
@@ -0,0 +1,17 @@
+package com.mitchelbv.thuis_c
+
+import org.junit.Test
+
+import org.junit.Assert.*
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}