Added my project

2 years ago · 9613c9d6ec
commit 9613c9d6ec
125 changed files with 5486 additions and 0 deletions
--- a/.drone.yml
+++ b/.drone.yml
@ -0,0 +1,51 @@
+kind: pipeline
+type: docker 
+name: CI
+ 
+trigger:
+  event:
+    - push
+
+steps:
+  # Les fichiers swagger.[yml|json] doivent être dans le répertoire /docs
+  - name: build
+    image: hub.codefirst.iut.uca.fr/marc.chevaldonne/codefirst-dotnet7-maui:latest
+    commands:
+      - cd Sources/
+      - dotnet restore LeagueOfLegends.sln
+      - dotnet build LeagueOfLegends.sln -c Release --no-restore /p:AndroidSdkDirectory=$ANDROID_SDK_ROOT -property:Aapt2ToolPath=$ANDROID_SDK_ROOT/build-tools/33.0.0
+      - dotnet publish LolApp/LolApp.csproj -c Release --no-restore -o $CI_PROJECT_DIR/build/release -f:net7.0-android /p:AndroidSdkDirectory=/usr/lib/android-sdk
+      
+  - name: tests
+    image: hub.codefirst.iut.uca.fr/marc.chevaldonne/codefirst-dotnet7-maui:latest
+    commands:
+      - cd Sources/
+      - dotnet restore LeagueOfLegends.sln
+      - dotnet test LeagueOfLegends.sln --no-restore /p:AndroidSdkDirectory=$ANDROID_SDK_ROOT -property:Aapt2ToolPath=$ANDROID_SDK_ROOT/build-tools/33.0.0
+    depends_on: [build]
+
+  - name: code-analysis 
+    image: hub.codefirst.iut.uca.fr/marc.chevaldonne/codefirst-dronesonarplugin-dotnet7-maui
+    commands:
+      - cd Sources/
+      - dotnet restore LeagueOfLegends.sln
+      - dotnet sonarscanner begin /k:$${project_key} /d:sonar.host.url=$${sonar_host} /d:sonar.coverageReportPaths="coveragereport/SonarQube.xml" /d:sonar.coverage.exclusions=$${coverage_exclusions} /d:sonar.login=$${sonar_token} 
+      - dotnet build LeagueOfLegends.sln -c Release --no-restore /p:AndroidSdkDirectory=$ANDROID_SDK_ROOT -property:Aapt2ToolPath=$ANDROID_SDK_ROOT/build-tools/33.0.0
+      - dotnet test LeagueOfLegends.sln --logger trx --no-restore /p:AndroidSdkDirectory=$ANDROID_SDK_ROOT -property:Aapt2ToolPath=$ANDROID_SDK_ROOT/build-tools/33.0.0 /p:CollectCoverage=true /p:CoverletOutputFormat=cobertura --collect "XPlat Code Coverage"
+      - reportgenerator -reports:"**/coverage.cobertura.xml" -reporttypes:SonarQube -targetdir:"coveragereport"
+      - dotnet publish LolApp/LolApp.csproj -c Release --no-restore -o $CI_PROJECT_DIR/build/release -f:net7.0-android /p:AndroidSdkDirectory=/usr/lib/android-sdk
+      - dotnet sonarscanner end /d:sonar.login=$${sonar_token}
+    secrets: [ SECRET_SONAR_LOGIN ]
+    environment:
+      sonar_host: https://codefirst.iut.uca.fr/sonar/
+      sonar_token:
+        from_secret: SECRET_SONAR_LOGIN
+      project_key: efLol
+      coverage_exclusions: "Tests/**"
+#    when:
+#      branch:
+#        - master
+#      event:
+#        - push
+#        - pull_request
+    depends_on: [tests]
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,428 @@
+# ---> macOS
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# ---> VisualStudio
+## Ignore Visual Studio temporary files, build results, and
+## files generated by popular Visual Studio add-ons.
+##
+## Get latest from https://github.com/github/gitignore/blob/main/VisualStudio.gitignore
+
+# User-specific files
+*.rsuser
+*.suo
+*.user
+*.userosscache
+*.sln.docstates
+
+# User-specific files (MonoDevelop/Xamarin Studio)
+*.userprefs
+
+# Mono auto generated files
+mono_crash.*
+
+# Build results
+[Dd]ebug/
+[Dd]ebugPublic/
+[Rr]elease/
+[Rr]eleases/
+x64/
+x86/
+[Ww][Ii][Nn]32/
+[Aa][Rr][Mm]/
+[Aa][Rr][Mm]64/
+bld/
+[Bb]in/
+[Oo]bj/
+[Ll]og/
+[Ll]ogs/
+
+# Visual Studio 2015/2017 cache/options directory
+.vs/
+# Uncomment if you have tasks that create the project's static files in wwwroot
+#wwwroot/
+
+# Visual Studio 2017 auto generated files
+Generated\ Files/
+
+# MSTest test Results
+[Tt]est[Rr]esult*/
+[Bb]uild[Ll]og.*
+
+# NUnit
+*.VisualState.xml
+TestResult.xml
+nunit-*.xml
+
+# Build Results of an ATL Project
+[Dd]ebugPS/
+[Rr]eleasePS/
+dlldata.c
+
+# Benchmark Results
+BenchmarkDotNet.Artifacts/
+
+# .NET Core
+project.lock.json
+project.fragment.lock.json
+artifacts/
+
+# ASP.NET Scaffolding
+ScaffoldingReadMe.txt
+
+# StyleCop
+StyleCopReport.xml
+
+# Files built by Visual Studio
+*_i.c
+*_p.c
+*_h.h
+*.ilk
+*.meta
+*.obj
+*.iobj
+*.pch
+*.pdb
+*.ipdb
+*.pgc
+*.pgd
+*.rsp
+*.sbr
+*.tlb
+*.tli
+*.tlh
+*.tmp
+*.tmp_proj
+*_wpftmp.csproj
+*.log
+*.tlog
+*.vspscc
+*.vssscc
+.builds
+*.pidb
+*.svclog
+*.scc
+
+# Chutzpah Test files
+_Chutzpah*
+
+# Visual C++ cache files
+ipch/
+*.aps
+*.ncb
+*.opendb
+*.opensdf
+*.sdf
+*.cachefile
+*.VC.db
+*.VC.VC.opendb
+
+# Visual Studio profiler
+*.psess
+*.vsp
+*.vspx
+*.sap
+
+# Visual Studio Trace Files
+*.e2e
+
+# TFS 2012 Local Workspace
+$tf/
+
+# Guidance Automation Toolkit
+*.gpState
+
+# ReSharper is a .NET coding add-in
+_ReSharper*/
+*.[Rr]e[Ss]harper
+*.DotSettings.user
+
+# TeamCity is a build add-in
+_TeamCity*
+
+# DotCover is a Code Coverage Tool
+*.dotCover
+
+# AxoCover is a Code Coverage Tool
+.axoCover/*
+!.axoCover/settings.json
+
+# Coverlet is a free, cross platform Code Coverage Tool
+coverage*.json
+coverage*.xml
+coverage*.info
+
+# Visual Studio code coverage results
+*.coverage
+*.coveragexml
+
+# NCrunch
+_NCrunch_*
+.*crunch*.local.xml
+nCrunchTemp_*
+
+# MightyMoose
+*.mm.*
+AutoTest.Net/
+
+# Web workbench (sass)
+.sass-cache/
+
+# Installshield output folder
+[Ee]xpress/
+
+# DocProject is a documentation generator add-in
+DocProject/buildhelp/
+DocProject/Help/*.HxT
+DocProject/Help/*.HxC
+DocProject/Help/*.hhc
+DocProject/Help/*.hhk
+DocProject/Help/*.hhp
+DocProject/Help/Html2
+DocProject/Help/html
+
+# Click-Once directory
+publish/
+
+# Publish Web Output
+*.[Pp]ublish.xml
+*.azurePubxml
+# Note: Comment the next line if you want to checkin your web deploy settings,
+# but database connection strings (with potential passwords) will be unencrypted
+*.pubxml
+*.publishproj
+
+# Microsoft Azure Web App publish settings. Comment the next line if you want to
+# checkin your Azure Web App publish settings, but sensitive information contained
+# in these scripts will be unencrypted
+PublishScripts/
+
+# NuGet Packages
+*.nupkg
+# NuGet Symbol Packages
+*.snupkg
+# The packages folder can be ignored because of Package Restore
+**/[Pp]ackages/*
+# except build/, which is used as an MSBuild target.
+!**/[Pp]ackages/build/
+# Uncomment if necessary however generally it will be regenerated when needed
+#!**/[Pp]ackages/repositories.config
+# NuGet v3's project.json files produces more ignorable files
+*.nuget.props
+*.nuget.targets
+
+# Microsoft Azure Build Output
+csx/
+*.build.csdef
+
+# Microsoft Azure Emulator
+ecf/
+rcf/
+
+# Windows Store app package directories and files
+AppPackages/
+BundleArtifacts/
+Package.StoreAssociation.xml
+_pkginfo.txt
+*.appx
+*.appxbundle
+*.appxupload
+
+# Visual Studio cache files
+# files ending in .cache can be ignored
+*.[Cc]ache
+# but keep track of directories ending in .cache
+!?*.[Cc]ache/
+
+# Others
+ClientBin/
+~$*
+*~
+*.dbmdl
+*.dbproj.schemaview
+*.jfm
+*.pfx
+*.publishsettings
+orleans.codegen.cs
+
+# Including strong name files can present a security risk
+# (https://github.com/github/gitignore/pull/2483#issue-259490424)
+#*.snk
+
+# Since there are multiple workflows, uncomment next line to ignore bower_components
+# (https://github.com/github/gitignore/pull/1529#issuecomment-104372622)
+#bower_components/
+
+# RIA/Silverlight projects
+Generated_Code/
+
+# Backup & report files from converting an old project file
+# to a newer Visual Studio version. Backup files are not needed,
+# because we have git ;-)
+_UpgradeReport_Files/
+Backup*/
+UpgradeLog*.XML
+UpgradeLog*.htm
+ServiceFabricBackup/
+*.rptproj.bak
+
+# SQL Server files
+*.mdf
+*.ldf
+*.ndf
+
+# Business Intelligence projects
+*.rdl.data
+*.bim.layout
+*.bim_*.settings
+*.rptproj.rsuser
+*- [Bb]ackup.rdl
+*- [Bb]ackup ([0-9]).rdl
+*- [Bb]ackup ([0-9][0-9]).rdl
+
+# Microsoft Fakes
+FakesAssemblies/
+
+# GhostDoc plugin setting file
+*.GhostDoc.xml
+
+# Node.js Tools for Visual Studio
+.ntvs_analysis.dat
+node_modules/
+
+# Visual Studio 6 build log
+*.plg
+
+# Visual Studio 6 workspace options file
+*.opt
+
+# Visual Studio 6 auto-generated workspace file (contains which files were open etc.)
+*.vbw
+
+# Visual Studio 6 auto-generated project file (contains which files were open etc.)
+*.vbp
+
+# Visual Studio 6 workspace and project file (working project files containing files to include in project)
+*.dsw
+*.dsp
+
+# Visual Studio 6 technical files
+*.ncb
+*.aps
+
+# Visual Studio LightSwitch build output
+**/*.HTMLClient/GeneratedArtifacts
+**/*.DesktopClient/GeneratedArtifacts
+**/*.DesktopClient/ModelManifest.xml
+**/*.Server/GeneratedArtifacts
+**/*.Server/ModelManifest.xml
+_Pvt_Extensions
+
+# Paket dependency manager
+.paket/paket.exe
+paket-files/
+
+# FAKE - F# Make
+.fake/
+
+# CodeRush personal settings
+.cr/personal
+
+# Python Tools for Visual Studio (PTVS)
+__pycache__/
+*.pyc
+
+# Cake - Uncomment if you are using it
+# tools/**
+# !tools/packages.config
+
+# Tabs Studio
+*.tss
+
+# Telerik's JustMock configuration file
+*.jmconfig
+
+# BizTalk build output
+*.btp.cs
+*.btm.cs
+*.odx.cs
+*.xsd.cs
+
+# OpenCover UI analysis results
+OpenCover/
+
+# Azure Stream Analytics local run output
+ASALocalRun/
+
+# MSBuild Binary and Structured Log
+*.binlog
+
+# NVidia Nsight GPU debugger configuration file
+*.nvuser
+
+# MFractors (Xamarin productivity tool) working folder
+.mfractor/
+
+# Local History for Visual Studio
+.localhistory/
+
+# Visual Studio History (VSHistory) files
+.vshistory/
+
+# BeatPulse healthcheck temp database
+healthchecksdb
+
+# Backup folder for Package Reference Convert tool in Visual Studio 2017
+MigrationBackup/
+
+# Ionide (cross platform F# VS Code tools) working folder
+.ionide/
+
+# Fody - auto-generated XML schema
+FodyWeavers.xsd
+
+# VS Code files for those working on multiple tools
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+*.code-workspace
+
+# Local History for Visual Studio Code
+.history/
+
+# Windows Installer files from build outputs
+*.cab
+*.msi
+*.msix
+*.msm
+*.msp
+
+# JetBrains Rider
+*.sln.iml
+
--- a/Documentation/IMG_5744.PNG
+++ b/Documentation/IMG_5744.PNG
--- a/Documentation/IMG_5745.PNG
+++ b/Documentation/IMG_5745.PNG
--- a/Documentation/IMG_5746.PNG
+++ b/Documentation/IMG_5746.PNG
--- a/Documentation/IMG_5747.PNG
+++ b/Documentation/IMG_5747.PNG
--- a/Documentation/IMG_5748.PNG
+++ b/Documentation/IMG_5748.PNG
--- a/Documentation/IMG_5749.PNG
+++ b/Documentation/IMG_5749.PNG
--- a/Documentation/IMG_5750.PNG
+++ b/Documentation/IMG_5750.PNG
--- a/Documentation/IMG_5751.PNG
+++ b/Documentation/IMG_5751.PNG
--- a/Documentation/IMG_5752.PNG
+++ b/Documentation/IMG_5752.PNG
--- a/README.md
+++ b/README.md
@ -0,0 +1,200 @@
+# prepaLoL
+  
+## Enoncé
+Réaliser une application MAUI avec un MVVM "maison". 
+Je vous fournis le modèle, et peut-être quelques vues au fur et à mesure.  
+  
+J'attends de vous :
+- la réalisation d'un toolkit MVVM (bibliothèque de classes),
+- le _wrapping_ des classes du modèle par des VM (à chaque fois que c'est nécessaire),
+- l'utilisation de commandes pour les différentes fonctionnalités,
+- l'utilisation d'une VM _applicative_ (navigation, index, sélection...).
+
+Faites ce que vous pouvez avec, dans l'ordre :
+1. l'affichage de la collection de Champions. La possibilité de naviguer de n en n champions (5 champions par page, ou 10, etc.) et la pagination doivent être gérées. 
+2. Permettez la sélection d'un champion pour le voir dans une page (on n'utilisera que ses propriétés simples (```Name```, ```Bio```, ```Icon```) puis ```LargeImage```).
+3. Ajoutez la gestion des caractéristiques (```Characteristics```).
+4. Ajoutez la gestion de la classe du champion.
+5. Permettez la modification d'un champion existant (depuis la page du champion, et depuis un swipe sur l'item sélectionné dans la collection).
+6. Permettez l'ajout d'un nouveau champion.
+7. Ajoutez la gestion des skills.
+8. Ajoutez la gestion des skins.
+
+## Captures d'écrans
+Quelques captures d'écrans comme attendus :  
+<img src="./Documentation/IMG_5744.PNG" width=200/>
+<img src="./Documentation/IMG_5745.PNG" width=200/>
+<img src="./Documentation/IMG_5746.PNG" width=200/>
+<img src="./Documentation/IMG_5747.PNG" width=200/>
+<img src="./Documentation/IMG_5748.PNG" width=200/>
+<img src="./Documentation/IMG_5749.PNG" width=200/>
+<img src="./Documentation/IMG_5750.PNG" width=200/>
+<img src="./Documentation/IMG_5751.PNG" width=200/>
+<img src="./Documentation/IMG_5752.PNG" width=200/>
+
+## Diagramme de classes du modèle
+```mermaid
+classDiagram
+class LargeImage{
+    +/Base64 : string
+}
+class Champion{
+    +/Name : string
+    +/Bio : string
+    +/Icon : string
+    +/Characteristics : Dictionary~string, int~
+    ~ AddSkin(skin : Skin) bool
+    ~ RemoveSkin(skin: Skin) bool
+    + AddSkill(skill: Skill) bool
+    + RemoveSkill(skill: Skill) bool
+    + AddCharacteristics(someCharacteristics : params Tuple~string, int~[])
+    + RemoveCharacteristics(label : string) bool
+    + this~label : string~ : int?
+}
+Champion --> "1" LargeImage : Image
+class ChampionClass{
+    <<enumeration>>
+    Unknown,
+    Assassin,
+    Fighter,
+    Mage,
+    Marksman,
+    Support,
+    Tank,
+}
+Champion --> "1" ChampionClass : Class
+class Skin{
+    +/Name : string    
+    +/Description : string
+    +/Icon : string
+    +/Price : float
+}
+Skin --> "1" LargeImage : Image
+Champion "1" -- "*" Skin 
+class Skill{
+    +/Name : string    
+    +/Description : string
+}
+class SkillType{
+    <<enumeration>>
+    Unknown,
+    Basic,
+    Passive,
+    Ultimate,
+}
+Skill --> "1" SkillType : Type
+Champion --> "*" Skill
+class Rune{
+    +/Name : string    
+    +/Description : string
+}
+Rune --> "1" LargeImage : Image
+class RuneFamily{
+    <<enumeration>>
+    Unknown,
+    Precision,
+    Domination
+}
+Rune --> "1" RuneFamily : Family
+class Category{
+    <<enumeration>>
+    Major,
+    Minor1,
+    Minor2,
+    Minor3,
+    OtherMinor1,
+    OtherMinor2
+}
+class RunePage{
+    +/Name : string
+    +/this[category : Category] : Rune?
+    - CheckRunes(newRuneCategory : Category)
+    - CheckFamilies(cat1 : Category, cat2 : Category) bool?
+    - UpdateMajorFamily(minor : Category, expectedValue : bool)
+}
+RunePage --> "*" Rune : Dictionary~Category,Rune~
+```
+
+## Diagramme de classes des interfaces de gestion de l'accès aux données
+```mermaid
+classDiagram
+direction LR;
+class IGenericDataManager~T~{
+    <<interface>>
+    GetNbItems() Task~int~
+    GetItems(index : int, count : int, orderingPropertyName : string?, descending : bool) Task~IEnumerable~T~~
+    GetNbItemsByName(substring : string)
+    GetItemsByName(substring : string, index : int, count : int, orderingPropertyName : string?, descending : bool) Task~IEnumerable~T~~
+    UpdateItem(oldItem : T, newItem : T) Task~T~~
+    AddItem(item : T) Task~T~
+    DeleteItem(item : T) Task~bool~
+}
+class IChampionsManager{
+    <<interface>>
+    GetNbItemsByCharacteristic(charName : string)
+    GetItemsByCharacteristic(charName : string, index : int, count : int, orderingPropertyName : string?, descending : bool) Task~IEnumerable~Champion?~~
+    GetNbItemsByClass(championClass : ChampionClass)
+    GetItemsByClass(championClass : ChampionClass, index : int, count : int, orderingPropertyName : string?, descending : bool) Task~IEnumerable~Champion?~~
+    GetNbItemsBySkill(skill : Skill?)
+    GetItemsBySkill(skill : Skill?, index : int, count : int, orderingPropertyName : string?, descending : bool) Task~IEnumerable~Champion?~~
+    GetNbItemsBySkill(skill : string)
+    GetItemsBySkill(skill : string, index : int, count : int, orderingPropertyName : string?, descending : bool) Task~IEnumerable~Champion?~~
+    GetNbItemsByRunePage(runePage : RunePage?)
+    GetItemsByRunePage(runePage : RunePage?, index : int, count : int, orderingPropertyName : string?, descending : bool) Task~IEnumerable~Champion?~~
+}
+class ISkinsManager{
+    <<interface>>
+    GetNbItemsByChampion(champion : Champion?)
+    GetItemsByChampion(champion : Champion?, index : int, count : int, orderingPropertyName : string?, descending : bool) Task~IEnumerable~Skin?~~
+}
+class IRunesManager{
+    <<interface>>
+    GetNbItemsByFamily(family : RuneFamily)
+    GetItemsByFamily(family : RuneFamily, index : int, count : int, orderingPropertyName : string?, descending : bool) Task~IEnumerable~Rune?~~
+}
+class IRunePagesManager{
+    <<interface>>
+    GetNbItemsByRune(rune : Rune?)
+    GetItemsByRune(rune : Rune?, index : int, count : int, orderingPropertyName : string?, descending : bool) Task~IEnumerable~RunePage?~~
+    GetNbItemsByChampion(champion : Champion?)
+    GetItemsByChampion(champion : Champion?, index : int, count : int, orderingPropertyName : string?, descending : bool) Task~IEnumerable~RunePage?~~
+}
+
+IGenericDataManager~Champion?~ <|.. IChampionsManager : T--Champion?
+IGenericDataManager~Skin?~ <|.. ISkinsManager : T--Skin?
+IGenericDataManager~Rune?~ <|.. IRunesManager : T--Rune?
+IGenericDataManager~RunePage?~ <|.. IRunePagesManager : T--RunePage?
+class IDataManager{
+    <<interface>>
+}
+IChampionsManager <-- IDataManager : ChampionsMgr
+ISkinsManager <-- IDataManager : SkinsMgr
+IRunesManager <-- IDataManager : RunesMgr
+IRunePagesManager <-- IDataManager : RunePagesMgr
+```
+
+## Diagramme de classes simplifié du Stub
+```mermaid
+classDiagram
+direction TB;
+
+IDataManager <|.. StubData
+
+ChampionsManager ..|> IChampionsManager
+StubData --> ChampionsManager
+
+RunesManager ..|> IRunesManager
+StubData --> RunesManager
+
+RunePagesManager ..|> IRunePagesManager
+StubData --> RunePagesManager
+
+SkinsManager ..|> ISkinsManager
+StubData --> SkinsManager
+
+StubData --> RunesManager
+StubData --> "*" Champion
+StubData --> "*" Rune
+StubData --> "*" RunePages
+StubData --> "*" Skins
+```
--- a/Sources/LeagueOfLegends.sln
+++ b/Sources/LeagueOfLegends.sln
@ -0,0 +1,63 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 17
+VisualStudioVersion = 17.4.33110.190
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Model", "Model\Model.csproj", "{2960F9BA-49DE-494D-92E3-CE5A794BA1A9}"
+EndProject
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "Tests", "Tests", "{C76D0C23-1FFA-4963-93CD-E12BD643F030}"
+EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "ConsoleTests", "Tests\ConsoleTests\ConsoleTests.csproj", "{1889FA6E-B7C6-416E-8628-9449FB9070B9}"
+EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Shared", "Shared\Shared.csproj", "{3B720C0C-53FE-4642-A2DB-87FD8634CD74}"
+EndProject
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "Stub", "Stub", "{2C607793-B163-4731-A4D1-AFE8A7C4C170}"
+EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "StubLib", "StubLib\StubLib.csproj", "{B01D7EF2-2D64-409A-A29A-61FB7BB7A9DB}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "View", "View\View.csproj", "{E247FCE5-AD0E-4E6B-BD8C-D01E99BE059C}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "ViewModel", "ViewModel\ViewModel.csproj", "{C118DE32-F945-4ED9-8E2E-B6A9EA7B9B17}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{2960F9BA-49DE-494D-92E3-CE5A794BA1A9}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{2960F9BA-49DE-494D-92E3-CE5A794BA1A9}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{2960F9BA-49DE-494D-92E3-CE5A794BA1A9}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{2960F9BA-49DE-494D-92E3-CE5A794BA1A9}.Release|Any CPU.Build.0 = Release|Any CPU
+		{1889FA6E-B7C6-416E-8628-9449FB9070B9}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{1889FA6E-B7C6-416E-8628-9449FB9070B9}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{1889FA6E-B7C6-416E-8628-9449FB9070B9}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{1889FA6E-B7C6-416E-8628-9449FB9070B9}.Release|Any CPU.Build.0 = Release|Any CPU
+		{3B720C0C-53FE-4642-A2DB-87FD8634CD74}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{3B720C0C-53FE-4642-A2DB-87FD8634CD74}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{3B720C0C-53FE-4642-A2DB-87FD8634CD74}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{3B720C0C-53FE-4642-A2DB-87FD8634CD74}.Release|Any CPU.Build.0 = Release|Any CPU
+		{B01D7EF2-2D64-409A-A29A-61FB7BB7A9DB}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{B01D7EF2-2D64-409A-A29A-61FB7BB7A9DB}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{B01D7EF2-2D64-409A-A29A-61FB7BB7A9DB}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{B01D7EF2-2D64-409A-A29A-61FB7BB7A9DB}.Release|Any CPU.Build.0 = Release|Any CPU
+		{E247FCE5-AD0E-4E6B-BD8C-D01E99BE059C}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{E247FCE5-AD0E-4E6B-BD8C-D01E99BE059C}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{E247FCE5-AD0E-4E6B-BD8C-D01E99BE059C}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{E247FCE5-AD0E-4E6B-BD8C-D01E99BE059C}.Release|Any CPU.Build.0 = Release|Any CPU
+		{C118DE32-F945-4ED9-8E2E-B6A9EA7B9B17}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{C118DE32-F945-4ED9-8E2E-B6A9EA7B9B17}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{C118DE32-F945-4ED9-8E2E-B6A9EA7B9B17}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{C118DE32-F945-4ED9-8E2E-B6A9EA7B9B17}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(NestedProjects) = preSolution
+		{1889FA6E-B7C6-416E-8628-9449FB9070B9} = {C76D0C23-1FFA-4963-93CD-E12BD643F030}
+		{B01D7EF2-2D64-409A-A29A-61FB7BB7A9DB} = {2C607793-B163-4731-A4D1-AFE8A7C4C170}
+	EndGlobalSection
+	GlobalSection(ExtensibilityGlobals) = postSolution
+		SolutionGuid = {92F3083D-793F-4552-8A9A-0AD6534159C9}
+	EndGlobalSection
+EndGlobal
--- a/Sources/Model/Champion.cs
+++ b/Sources/Model/Champion.cs
@ -0,0 +1,150 @@
+using System.Collections.Immutable;
+using System.Collections.ObjectModel;
+using System.Numerics;
+using System.Text;
+namespace Model;
+public class Champion : IEquatable<Champion>
+{
+    public string Name
+    {
+        get => name;
+        private init
+        {
+            if(string.IsNullOrWhiteSpace(value))
+            {
+                name = "Unknown";
+                return;
+            }
+            name = value;
+        }
+    }
+    private readonly string name = null!;
+
+    public string Bio
+    {
+        get => bio;
+        set
+        {
+            if(value == null)
+            {
+                bio = "";
+                return;
+            }
+            bio = value;
+        }
+    }
+    private string bio = "";
+
+    public ChampionClass Class { get; set; }
+
+    public string Icon { get; set; }
+
+    public LargeImage Image { get; set; }
+
+    public Champion(string name, ChampionClass champClass = ChampionClass.Unknown, string icon = "", string image = "", string bio = "")
+    {
+        Name = name;
+        Class = champClass;
+        Icon = icon;
+        Image = new LargeImage(image);
+        Bio = bio;
+        Characteristics = new ReadOnlyDictionary<string, int>(characteristics);
+        Skins = new ReadOnlyCollection<Skin>(skins);
+    }
+
+    public ReadOnlyCollection<Skin> Skins { get; private set; }
+    private List<Skin> skins = new ();
+
+    public ReadOnlyDictionary<string, int> Characteristics { get; private set; }
+    private readonly Dictionary<string, int> characteristics = new Dictionary<string, int>();
+
+    public ImmutableHashSet<Skill> Skills => skills.ToImmutableHashSet();
+    private HashSet<Skill> skills = new HashSet<Skill>();
+
+    internal bool AddSkin(Skin skin)
+    {
+        if (skins.Contains(skin))
+            return false;
+        skins.Add(skin);
+        return true;
+    }
+
+    internal bool RemoveSkin(Skin skin)
+        => skins.Remove(skin);
+
+    public bool AddSkill(Skill skill)
+        => skills.Add(skill);
+
+    public bool RemoveSkill(Skill skill)
+        => skills.Remove(skill);
+
+    public void AddCharacteristics(params Tuple<string, int>[] someCharacteristics)
+    {
+        foreach(var c in someCharacteristics)
+        {
+            characteristics[c.Item1] = c.Item2;
+        }
+    }
+
+    public bool RemoveCharacteristics(string label)
+        => characteristics.Remove(label);
+
+    public int? this[string label]
+    {
+        get
+        {
+            if(!characteristics.TryGetValue(label, out int value)) return null;
+            else return value;
+        }
+        set
+        {
+            if(!value.HasValue)
+            {
+                RemoveCharacteristics(label);
+                return;
+            }
+            characteristics[label] = value.Value;
+        }
+    }
+
+    public override bool Equals(object? obj)
+    {
+        if(ReferenceEquals(obj, null)) return false;
+        if(ReferenceEquals(obj, this)) return true;
+        if(GetType() != obj.GetType()) return false;
+        return Equals(obj as Champion);
+    }
+
+    public override int GetHashCode()
+        => Name.GetHashCode() % 997;
+
+    public bool Equals(Champion? other)
+        => Name.Equals(other?.Name);
+
+    public override string ToString()
+    {
+        StringBuilder sb = new StringBuilder($"{Name} ({Class})");
+        if(!string.IsNullOrWhiteSpace(bio))
+        {
+            sb.AppendLine($"\t{bio}");
+        }
+        if(characteristics.Any())
+        { 
+            sb.AppendLine("\tCharacteristics:");
+            foreach(var characteristic in characteristics)
+            {
+                sb.AppendLine($"\t\t{characteristic.Key} - {characteristic.Value}");
+            }
+        }
+        if(skills.Any())
+        {
+            sb.AppendLine("\tSkills:");
+            foreach(var skill in Skills)
+            {
+                sb.AppendLine($"\t\t{skill.Name} - {skill.Description}");
+            }
+        }
+        return sb.ToString();
+    } 
+}
+
--- a/Sources/Model/IDataManager.cs
+++ b/Sources/Model/IDataManager.cs
@ -0,0 +1,53 @@
+using System;
+using Shared;
+
+namespace Model
+{
+	public interface IDataManager
+	{
+		IChampionsManager ChampionsMgr { get; }
+		ISkinsManager SkinsMgr { get; }
+		IRunesManager RunesMgr { get; }
+		IRunePagesManager RunePagesMgr { get; }
+	}
+
+	public interface IChampionsManager : IGenericDataManager<Champion?>
+	{
+		Task<int> GetNbItemsByCharacteristic(string charName);
+		Task<IEnumerable<Champion?>> GetItemsByCharacteristic(string charName, int index, int count, string? orderingPropertyName = null, bool descending = false);
+
+		Task<int> GetNbItemsByClass(ChampionClass championClass);
+		Task<IEnumerable<Champion?>> GetItemsByClass(ChampionClass championClass, int index, int count, string? orderingPropertyName = null, bool descending = false);
+
+		Task<int> GetNbItemsBySkill(Skill? skill);
+		Task<IEnumerable<Champion?>> GetItemsBySkill(Skill? skill, int index, int count, string? orderingPropertyName = null, bool descending = false);
+
+		Task<int> GetNbItemsByRunePage(RunePage? runePage);
+		Task<IEnumerable<Champion?>> GetItemsByRunePage(RunePage? runePage, int index, int count, string? orderingPropertyName = null, bool descending = false);
+
+		Task<int> GetNbItemsBySkill(string skill);
+		Task<IEnumerable<Champion?>> GetItemsBySkill(string skill, int index, int count, string? orderingPropertyName = null, bool descending = false);
+	}
+
+	public interface ISkinsManager : IGenericDataManager<Skin?>
+	{
+		Task<int> GetNbItemsByChampion(Champion? champion);
+		Task<IEnumerable<Skin?>> GetItemsByChampion(Champion? champion, int index, int count, string? orderingPropertyName = null, bool descending = false);
+	}
+
+	public interface IRunesManager : IGenericDataManager<Rune?>
+	{
+		Task<int> GetNbItemsByFamily(RuneFamily family);
+		Task<IEnumerable<Rune?>> GetItemsByFamily(RuneFamily family, int index, int count, string? orderingPropertyName = null, bool descending = false);
+	}
+
+	public interface IRunePagesManager : IGenericDataManager<RunePage?>
+	{
+		Task<int> GetNbItemsByRune(Rune? rune);
+		Task<IEnumerable<RunePage?>> GetItemsByRune(Rune? rune, int index, int count, string? orderingPropertyName = null, bool descending = false);
+	
+		Task<int> GetNbItemsByChampion(Champion? champion);
+		Task<IEnumerable<RunePage?>> GetItemsByChampion(Champion? champion, int index, int count, string? orderingPropertyName = null, bool descending = false);
+	}
+}
+
--- a/Sources/Model/LargeImage.cs
+++ b/Sources/Model/LargeImage.cs
@ -0,0 +1,28 @@
+using System;
+namespace Model
+{
+	public class LargeImage : IEquatable<LargeImage>
+	{
+		public string Base64 { get; set; }
+
+		public LargeImage(string base64)
+		{
+			Base64 = base64;
+		}
+
+        public bool Equals(LargeImage? other)
+			=> other != null && other.Base64.Equals(Base64);
+
+        public override bool Equals(object? obj)
+        {
+            if(ReferenceEquals(obj, null)) return false;
+            if(ReferenceEquals(obj!, this)) return true;
+            if(GetType() != obj!.GetType()) return false;
+            return Equals(obj! as LargeImage);
+        }
+
+        public override int GetHashCode()
+            => Base64.Substring(0, 10).GetHashCode();
+    }
+}
+
--- a/Sources/Model/Model.csproj
+++ b/Sources/Model/Model.csproj
@ -0,0 +1,18 @@
+<Project Sdk="Microsoft.NET.Sdk">
+
+  <PropertyGroup>
+    <TargetFramework>net7.0</TargetFramework>
+    <ImplicitUsings>enable</ImplicitUsings>
+    <Nullable>enable</Nullable>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <None Remove="enums\" />
+  </ItemGroup>
+  <ItemGroup>
+    <Folder Include="enums\" />
+  </ItemGroup>
+  <ItemGroup>
+    <ProjectReference Include="..\Shared\Shared.csproj" />
+  </ItemGroup>
+</Project>
--- a/Sources/Model/Rune.cs
+++ b/Sources/Model/Rune.cs
@ -0,0 +1,69 @@
+using System;
+
+namespace Model
+{
+	public class Rune : IEquatable<Rune>
+	{
+		public string Name
+		{
+			get => name;
+			private init
+			{
+				if(string.IsNullOrWhiteSpace(value))
+				{
+					throw new ArgumentException("a Rune must have a name");
+				}
+				name = value;
+			}
+		}
+		private readonly string name = null!;
+
+		public string Description
+		{
+			get => description;
+			set
+			{
+				if(string.IsNullOrWhiteSpace(value))
+				{
+					description = "";
+					return;
+				}
+				description = value;
+			}
+		}
+		private string description = "";
+
+		public RuneFamily Family { get; set; }
+
+		public string Icon { get; set; }
+
+		public LargeImage Image { get; set; }
+
+		public Rune(string name, RuneFamily family, string icon = "", string image = "", string description = "")
+		{
+			Name = name;
+			Family = family;
+			Icon = icon;
+			Image = new LargeImage(image);
+			Description = description;
+		}
+
+        public override bool Equals(object? obj)
+        {
+            if(ReferenceEquals(obj, null)) return false;
+			if(ReferenceEquals(obj, this)) return true;
+			if(GetType() != obj.GetType()) return false;
+			return Equals(obj as Rune);
+        }
+
+        public bool Equals(Rune? other)
+			=> Name.Equals(other?.Name);
+
+        public override int GetHashCode()
+			=> Name.GetHashCode() % 281;
+
+        public override string ToString()
+			=> $"{Name} ({Family})";
+    }
+}
+
--- a/Sources/Model/RunePage.Category.cs
+++ b/Sources/Model/RunePage.Category.cs
@ -0,0 +1,17 @@
+using System;
+namespace Model
+{
+	public partial class RunePage
+	{ 
+		public enum Category
+		{
+			Major,
+			Minor1,
+			Minor2,
+			Minor3,
+			OtherMinor1,
+			OtherMinor2
+		}
+	}
+}
+
--- a/Sources/Model/RunePage.cs
+++ b/Sources/Model/RunePage.cs
@ -0,0 +1,96 @@
+using System;
+using System.Collections.ObjectModel;
+
+namespace Model
+{
+	public partial class RunePage
+	{
+		public string Name
+		{
+			get => name;
+			private init
+			{
+				if(string.IsNullOrWhiteSpace(value))
+				{
+					throw new ArgumentException("a Rune Page must have a name");
+				}
+				name = value;
+			}
+		}
+		private readonly string name = null!;
+
+		public ReadOnlyDictionary<Category, Rune> Runes { get; private set; }
+		private Dictionary<Category, Rune> runes = new Dictionary<Category, Rune>();
+
+		public RunePage(string name)
+		{
+			Name = name;
+			Runes = new ReadOnlyDictionary<Category, Rune>(runes);
+		}
+
+		public Rune? this[Category category]
+		{
+			get
+			{
+				if(runes.TryGetValue(category, out Rune? rune))
+				{
+					return rune;
+				}
+				return null;
+			}
+			set
+			{
+				if(value == null)
+				{
+					runes.Remove(category);
+					return;
+				}
+				runes[category] = value!;
+				CheckRunes(category);
+			}
+		}
+
+		private void CheckRunes(Category newRuneCategory)
+		{
+			switch(newRuneCategory)
+			{
+				case Category.Major:
+					UpdateMajorFamily(Category.Minor1, true);
+					UpdateMajorFamily(Category.Minor2, true);
+					UpdateMajorFamily(Category.Minor3, true);
+					UpdateMajorFamily(Category.OtherMinor1, false);
+					UpdateMajorFamily(Category.OtherMinor2, false);
+					break;
+				case Category.Minor1:
+				case Category.Minor2:
+				case Category.Minor3:
+					UpdateMajorFamily(newRuneCategory, true);
+					break;
+				case Category.OtherMinor1:
+				case Category.OtherMinor2:
+					UpdateMajorFamily(newRuneCategory, false);
+					break;
+			}
+		}
+
+		private bool? CheckFamilies(Category cat1, Category cat2)
+		{
+			runes.TryGetValue(cat1, out Rune? rune1);
+			runes.TryGetValue(cat2, out Rune? rune2);
+			if(rune1 == null || rune2 == null)
+			{
+				return null;
+			}
+			return rune1.Family == rune2.Family;
+		}
+
+		private void UpdateMajorFamily(Category cat, bool expectedValue)
+		{
+			if(CheckFamilies(Category.Major, cat).GetValueOrDefault(expectedValue) != expectedValue)
+			{
+				runes.Remove(cat);
+			}
+		}
+	}
+}
+
--- a/Sources/Model/Skill.cs
+++ b/Sources/Model/Skill.cs
@ -0,0 +1,63 @@
+using System;
+
+namespace Model
+{
+	public class Skill : IEquatable<Skill>
+	{
+		public SkillType Type { get; private set; }
+
+		public string Name
+		{
+			get => name;
+			private init
+			{
+				if (string.IsNullOrWhiteSpace(value))
+				{
+					throw new ArgumentException("a Skill needs a name");
+				}
+				name = value;
+			}
+		}
+		private readonly string name = null!;
+
+		public string Description
+		{
+			get => description;
+			set
+			{
+				if(string.IsNullOrWhiteSpace(value))
+				{
+					description = "";
+					return;
+				}
+				description = value;
+			}
+		}
+		private string description = "";
+
+		public Skill(string name, SkillType type, string description = "")
+		{
+			Name = name;
+			Type = type;
+			Description = description ?? "";
+		}
+
+        public override bool Equals(object? obj)
+        {
+            if(ReferenceEquals(obj, null)) return false;
+			if(ReferenceEquals(obj, this)) return true;
+			if(GetType() != obj.GetType()) return false;
+			return Equals(obj as Skill);
+        }
+
+        public bool Equals(Skill? other)
+			=> Name.Equals(other?.Name) && Type == other.Type;
+
+        public override int GetHashCode()
+			=> Name.GetHashCode() % 281;
+
+        public override string ToString()
+			=> $"{Name} ({Type})";
+    }
+}
+
--- a/Sources/Model/Skin.cs
+++ b/Sources/Model/Skin.cs
@ -0,0 +1,83 @@
+using System;
+using System.Diagnostics.CodeAnalysis;
+
+namespace Model
+{
+	public class Skin : IEquatable<Skin>
+	{
+		public string Name
+		{
+			get => name;
+			private init
+			{
+				if(string.IsNullOrWhiteSpace(value))
+				{
+					throw new ArgumentException("A skin must have a name");
+				}
+				name = value;
+			}
+		}
+		private readonly string name = null!;
+
+		public string Description
+		{
+			get => description;
+			set
+			{
+				if (string.IsNullOrWhiteSpace(value))
+				{
+					description = "";
+					return;
+				}
+				description = value;
+			}
+		}
+		private string description = "";
+
+		public string Icon { get; set; }
+		public LargeImage Image { get; set; }
+
+		public float Price { get; set; }
+
+		public Champion Champion
+		{
+			get => champion;
+			private init
+			{
+				if (value == null)
+					throw new ArgumentNullException("A skill can't have a null champion");
+				champion = value;
+			}
+		}
+		private readonly Champion champion = null!;
+
+		public Skin(string name, Champion champion, float price = 0.0f, string icon = "", string image = "", string description = "")
+		{
+			Name = name;
+			Champion = champion;
+			Champion.AddSkin(this);
+			Price = price;
+			Icon = icon;
+			Image = new LargeImage(image);
+			Description = description;
+		}
+
+        public override bool Equals(object? obj)
+        {
+            if(ReferenceEquals(obj, null)) return false;
+			if(ReferenceEquals(obj, this)) return true;
+			if(GetType() != obj.GetType()) return false;
+			return Equals(obj as Skin);
+        }
+
+        public bool Equals(Skin? other)
+			=> Name.Equals(other?.Name);
+
+        public override int GetHashCode()
+			=> Name.GetHashCode() % 997;
+
+        public override string ToString()
+			=> $"{Name}";
+    }
+}
+
--- a/Sources/Model/enums/ChampionClass.cs
+++ b/Sources/Model/enums/ChampionClass.cs
@ -0,0 +1,15 @@
+using System;
+namespace Model
+{
+	public enum ChampionClass
+	{
+		Unknown,
+		Assassin,
+		Fighter,
+		Mage,
+		Marksman,
+		Support,
+		Tank,
+	}
+}
+
--- a/Sources/Model/enums/RuneFamily.cs
+++ b/Sources/Model/enums/RuneFamily.cs
@ -0,0 +1,11 @@
+using System;
+namespace Model
+{
+	public enum RuneFamily
+	{
+		Unknown,
+		Precision,
+		Domination
+	}
+}
+
--- a/Sources/Model/enums/SkillType.cs
+++ b/Sources/Model/enums/SkillType.cs
@ -0,0 +1,12 @@
+using System;
+namespace Model
+{
+	public enum SkillType
+	{
+		Unknown,
+		Basic,
+		Passive,
+		Ultimate
+	}
+}
+
--- a/Sources/Shared/IGenericDataManager.cs
+++ b/Sources/Shared/IGenericDataManager.cs
@ -0,0 +1,11 @@
+namespace Shared;
+public interface IGenericDataManager<T>
+{
+    Task<int> GetNbItems();
+	Task<IEnumerable<T>> GetItems(int index, int count, string? orderingPropertyName = null, bool descending = false);
+	Task<int> GetNbItemsByName(string substring);
+	Task<IEnumerable<T>> GetItemsByName(string substring, int index, int count, string? orderingPropertyName = null, bool descending = false);
+	Task<T> UpdateItem(T oldItem, T newItem);
+	Task<T> AddItem(T item);
+	Task<bool> DeleteItem(T item);
+}
--- a/Sources/Shared/Shared.csproj
+++ b/Sources/Shared/Shared.csproj
@ -0,0 +1,9 @@
+<Project Sdk="Microsoft.NET.Sdk">
+
+  <PropertyGroup>
+    <TargetFramework>net7.0</TargetFramework>
+    <ImplicitUsings>enable</ImplicitUsings>
+    <Nullable>enable</Nullable>
+  </PropertyGroup>
+
+</Project>
--- a/Sources/StubLib/Extensions.cs
+++ b/Sources/StubLib/Extensions.cs
@ -0,0 +1,65 @@
+using System;
+using Model;
+
+namespace StubLib
+{
+	static class Extensions
+    { 
+        internal static Task<IEnumerable<T?>> GetItemsWithFilterAndOrdering<T>(this IEnumerable<T> collection,
+            Func<T, bool> filter, int index, int count, string? orderingPropertyName = null, bool descending = false)
+        {
+            IEnumerable<T> temp = collection;
+            temp = temp.Where(item => filter(item));
+            if(orderingPropertyName != null)
+            {
+                var prop = typeof(T).GetProperty(orderingPropertyName!);
+                if (prop != null)
+                {
+                    temp = descending ? temp.OrderByDescending(item => prop.GetValue(item))
+                                        : temp.OrderBy(item => prop.GetValue(item));
+                }
+            }
+            return Task.FromResult<IEnumerable<T?>>(temp.Skip(index*count).Take(count));
+        }
+
+        internal static Task<int> GetNbItemsWithFilter<T>(this IEnumerable<T> collection, Func<T, bool> filter)
+        {
+            return Task.FromResult(collection.Count(item => filter(item)));
+        }
+
+        internal static Task<T?> AddItem<T>(this IList<T> collection, T? item)
+        {
+            if(item == null || collection.Contains(item))
+            {
+                return Task.FromResult<T?>(default(T));
+            }
+            collection.Add(item);
+            return Task.FromResult<T?>(item);
+        }
+
+        internal static Task<bool> DeleteItem<T>(this IList<T> collection, T? item)
+        {
+            if(item == null)
+            {
+                return Task.FromResult(false);
+            }
+            bool result = collection.Remove(item!);
+            return Task.FromResult(result);
+        }
+
+        internal static Task<T?> UpdateItem<T>(this IList<T> collection, T? oldItem, T? newItem)
+        {
+            if(oldItem == null || newItem == null) return Task.FromResult<T?>(default(T));
+
+            if(!collection.Contains(oldItem))
+            {
+                return Task.FromResult<T?>(default(T));
+            }
+
+            collection.Remove(oldItem!);
+            collection.Add(newItem!);
+            return Task.FromResult<T?>(newItem);
+        }
+    }
+}
+
--- a/Sources/StubLib/StubData.Champions.cs
+++ b/Sources/StubLib/StubData.Champions.cs
--- a/Sources/StubLib/StubData.RunePages.cs
+++ b/Sources/StubLib/StubData.RunePages.cs
@ -0,0 +1,83 @@
+using System;
+using Model;
+
+namespace StubLib
+{
+	public partial class StubData
+	{
+		private readonly List<RunePage> runePages = new();
+
+        private void InitRunePages()
+        {
+            var runePage1 = new RunePage("rune page 1");
+            runePage1[RunePage.Category.Major] = runes[0];
+            runePage1[RunePage.Category.Minor1] = runes[1];
+            runePage1[RunePage.Category.Minor2] = runes[2];
+            runePage1[RunePage.Category.Minor3] = runes[3];
+            runePage1[RunePage.Category.OtherMinor1] = runes[4];
+            runePage1[RunePage.Category.OtherMinor2] = runes[5];
+            runePages.Add(runePage1);
+        }
+
+		public class RunePagesManager : IRunePagesManager
+		{
+			private readonly StubData parent;
+
+			public RunePagesManager(StubData parent)
+				=> this.parent = parent;
+
+            private static Func<RunePage, string, bool> filterByName
+                = (rp, substring) => rp.Name.Contains(substring, StringComparison.InvariantCultureIgnoreCase);
+
+            private static Func<RunePage, Rune?, bool> filterByRune
+                = (rp, rune) => rune != null && rp.Runes.Values.Contains(rune!);
+
+            public Task<RunePage?> AddItem(RunePage? item)
+                => parent.runePages.AddItem(item);
+
+            public Task<bool> DeleteItem(RunePage? item)
+                => parent.runePages.DeleteItem(item);
+
+            public Task<IEnumerable<RunePage?>> GetItems(int index, int count, string? orderingPropertyName = null, bool descending = false)
+                => parent.runePages.GetItemsWithFilterAndOrdering(
+                    rp => true,
+                    index, count, orderingPropertyName, descending);
+
+            public Task<IEnumerable<RunePage?>> GetItemsByChampion(Champion? champion, int index, int count, string? orderingPropertyName = null, bool descending = false)
+                => Task.FromResult<IEnumerable<RunePage?>>(
+                    parent.championsAndRunePages
+                        .Where(tuple => tuple.Item1.Equals(champion))
+                        .Select(tuple => tuple.Item2)
+                        .Skip(index*count).Take(count));
+
+            public Task<IEnumerable<RunePage?>> GetItemsByName(string substring, int index, int count, string? orderingPropertyName = null, bool descending = false)
+                => parent.runePages.GetItemsWithFilterAndOrdering(
+                    rp => filterByName(rp, substring),
+                    index, count, orderingPropertyName, descending);
+
+            public Task<IEnumerable<RunePage?>> GetItemsByRune(Rune? rune, int index, int count, string? orderingPropertyName = null, bool descending = false)
+                => parent.runePages.GetItemsWithFilterAndOrdering(
+                    rp => filterByRune(rp, rune),
+                    index, count, orderingPropertyName, descending);
+
+            public Task<int> GetNbItems()
+                => parent.runePages.GetNbItemsWithFilter(
+                    rp => true);
+
+            public Task<int> GetNbItemsByChampion(Champion? champion)
+                => Task.FromResult(parent.championsAndRunePages.Count(tuple => tuple.Item1.Equals(champion)));
+
+            public Task<int> GetNbItemsByName(string substring)
+                => parent.runePages.GetNbItemsWithFilter(
+                    rp => filterByName(rp, substring));
+
+            public Task<int> GetNbItemsByRune(Rune? rune)
+                => parent.runePages.GetNbItemsWithFilter(
+                    rp => filterByRune(rp, rune));
+
+            public Task<RunePage?> UpdateItem(RunePage? oldItem, RunePage? newItem)
+                => parent.runePages.UpdateItem(oldItem, newItem);
+        }
+	}
+}
+
--- a/Sources/StubLib/StubData.Runes.cs
+++ b/Sources/StubLib/StubData.Runes.cs
@ -0,0 +1,69 @@
+using System;
+using Model;
+
+namespace StubLib
+{
+	public partial class StubData
+	{
+		private readonly List<Rune> runes = new()
+		{
+			new Rune("Conqueror", RuneFamily.Precision),
+			new Rune("Triumph", RuneFamily.Precision),
+			new Rune("Legend: Alacrity", RuneFamily.Precision),
+			new Rune("Legend: Tenacity", RuneFamily.Precision),
+			new Rune("last stand", RuneFamily.Domination),
+			new Rune("last stand 2", RuneFamily.Domination),
+		};
+
+		public class RunesManager : IRunesManager
+		{
+			private readonly StubData parent;
+
+			public RunesManager(StubData parent)
+				=> this.parent = parent;
+
+            public Task<Rune?> AddItem(Rune? item)
+                => parent.runes.AddItem(item);
+
+            public Task<bool> DeleteItem(Rune? item)
+                => parent.runes.DeleteItem(item);
+
+            public Task<IEnumerable<Rune?>> GetItems(int index, int count, string? orderingPropertyName = null, bool descending = false)
+                => parent.runes.GetItemsWithFilterAndOrdering(
+                    r => true,
+                    index, count, orderingPropertyName, descending);
+
+            private static Func<Rune, RuneFamily, bool> filterByRuneFamily
+                = (rune, family) => rune.Family == family;
+
+            private static Func<Rune, string, bool> filterByName
+                = (rune, substring) => rune.Name.Contains(substring, StringComparison.InvariantCultureIgnoreCase);
+
+            public Task<IEnumerable<Rune?>> GetItemsByFamily(RuneFamily family, int index, int count, string? orderingPropertyName = null, bool descending = false)
+                => parent.runes.GetItemsWithFilterAndOrdering(
+                    rune => filterByRuneFamily(rune, family),
+                    index, count, orderingPropertyName, descending);
+
+            public Task<IEnumerable<Rune?>> GetItemsByName(string substring, int index, int count, string? orderingPropertyName = null, bool descending = false)
+                => parent.runes.GetItemsWithFilterAndOrdering(
+                    rune => filterByName(rune, substring),
+                    index, count, orderingPropertyName, descending);
+
+            public Task<int> GetNbItems()
+                => parent.runes.GetNbItemsWithFilter(
+                    rune => true);
+
+            public Task<int> GetNbItemsByFamily(RuneFamily family)
+                => parent.runes.GetNbItemsWithFilter(
+                    rune => filterByRuneFamily(rune, family));
+
+            public Task<int> GetNbItemsByName(string substring)
+                => parent.runes.GetNbItemsWithFilter(
+                    rune => filterByName(rune, substring));
+
+            public Task<Rune?> UpdateItem(Rune? oldItem, Rune? newItem)
+                => parent.runes.UpdateItem(oldItem, newItem);
+        }
+	}
+}
+
--- a/Sources/StubLib/StubData.Skins.cs
+++ b/Sources/StubLib/StubData.Skins.cs
--- a/Sources/StubLib/StubData.cs
+++ b/Sources/StubLib/StubData.cs
@ -0,0 +1,35 @@
+using Model;
+
+namespace StubLib;
+public partial class StubData : IDataManager
+{
+    public StubData()
+    {
+        ChampionsMgr = new ChampionsManager(this);
+        SkinsMgr = new SkinsManager(this);
+        RunesMgr = new RunesManager(this);
+        RunePagesMgr = new RunePagesManager(this);
+
+        InitSkins();
+        InitRunePages();
+    }
+
+    public IChampionsManager ChampionsMgr { get; }
+
+    public ISkinsManager SkinsMgr { get; }
+
+    public IRunesManager RunesMgr { get; }
+
+    public IRunePagesManager RunePagesMgr { get; }
+
+    private List<Tuple<Champion, RunePage>> championsAndRunePages = new();
+
+    private void InitChampionsAndRunePages()
+    {
+        championsAndRunePages.Add(Tuple.Create(champions[0], runePages[0]));    
+    }
+
+
+    
+}
+
--- a/Sources/StubLib/StubLib.csproj
+++ b/Sources/StubLib/StubLib.csproj
@ -0,0 +1,12 @@
+<Project Sdk="Microsoft.NET.Sdk">
+
+  <PropertyGroup>
+    <TargetFramework>net7.0</TargetFramework>
+    <ImplicitUsings>enable</ImplicitUsings>
+    <Nullable>enable</Nullable>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <ProjectReference Include="..\Model\Model.csproj" />
+  </ItemGroup>
+</Project>
--- a/Sources/TP/App.xaml
+++ b/Sources/TP/App.xaml
@ -0,0 +1,15 @@
+<?xml version = "1.0" encoding = "UTF-8" ?>
+<Application xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             xmlns:local="clr-namespace:TP"
+             x:Class="TP.App">
+    <Application.Resources>
+        <ResourceDictionary>
+            <ResourceDictionary.MergedDictionaries>
+                <ResourceDictionary Source="Resources/Styles/Colors.xaml" />
+                <ResourceDictionary Source="Resources/Styles/Styles.xaml" />
+            </ResourceDictionary.MergedDictionaries>
+        </ResourceDictionary>
+    </Application.Resources>
+</Application>
+
--- a/Sources/TP/App.xaml.cs
+++ b/Sources/TP/App.xaml.cs
@ -0,0 +1,12 @@
+namespace TP;
+
+public partial class App : Application
+{
+	public App()
+	{
+		InitializeComponent();
+
+		MainPage = new AppShell();
+	}
+}
+
--- a/Sources/TP/AppShell.xaml
+++ b/Sources/TP/AppShell.xaml
@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<Shell
+    x:Class="TP.AppShell"
+    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:local="clr-namespace:TP"
+    Shell.FlyoutBehavior="Disabled">
+
+    <ShellContent
+        Title="Home"
+        ContentTemplate="{DataTemplate local:MainPage}"
+        Route="MainPage" />
+
+</Shell>
+
--- a/Sources/TP/AppShell.xaml.cs
+++ b/Sources/TP/AppShell.xaml.cs
@ -0,0 +1,10 @@
+namespace TP;
+
+public partial class AppShell : Shell
+{
+	public AppShell()
+	{
+		InitializeComponent();
+	}
+}
+
--- a/Sources/TP/MainPage.xaml
+++ b/Sources/TP/MainPage.xaml
@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="TP.MainPage">
+
+    <ScrollView>
+        <VerticalStackLayout
+            Spacing="25"
+            Padding="30,0"
+            VerticalOptions="Center">
+
+            <Image
+                Source="dotnet_bot.png"
+                SemanticProperties.Description="Cute dot net bot waving hi to you!"
+                HeightRequest="200"
+                HorizontalOptions="Center" />
+
+            <Label
+                Text="Hello, World!"
+                SemanticProperties.HeadingLevel="Level1"
+                FontSize="32"
+                HorizontalOptions="Center" />
+
+            <Label
+                Text="Welcome to .NET Multi-platform App UI"
+                SemanticProperties.HeadingLevel="Level2"
+                SemanticProperties.Description="Welcome to dot net Multi platform App U I"
+                FontSize="18"
+                HorizontalOptions="Center" />
+
+            <Button
+                x:Name="CounterBtn"
+                Text="Click me"
+                SemanticProperties.Hint="Counts the number of times you click"
+                Clicked="OnCounterClicked"
+                HorizontalOptions="Center" />
+
+        </VerticalStackLayout>
+    </ScrollView>
+
+</ContentPage>
+
--- a/Sources/TP/MainPage.xaml.cs
+++ b/Sources/TP/MainPage.xaml.cs
@ -0,0 +1,25 @@
+namespace TP;
+
+public partial class MainPage : ContentPage
+{
+	int count = 0;
+
+	public MainPage()
+	{
+		InitializeComponent();
+	}
+
+	private void OnCounterClicked(object sender, EventArgs e)
+	{
+		count++;
+
+		if (count == 1)
+			CounterBtn.Text = $"Clicked {count} time";
+		else
+			CounterBtn.Text = $"Clicked {count} times";
+
+		SemanticScreenReader.Announce(CounterBtn.Text);
+	}
+}
+
+
--- a/Sources/TP/MauiProgram.cs
+++ b/Sources/TP/MauiProgram.cs
@ -0,0 +1,25 @@
+using Microsoft.Extensions.Logging;
+
+namespace TP;
+
+public static class MauiProgram
+{
+	public static MauiApp CreateMauiApp()
+	{
+		var builder = MauiApp.CreateBuilder();
+		builder
+			.UseMauiApp<App>()
+			.ConfigureFonts(fonts =>
+			{
+				fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+				fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
+			});
+
+#if DEBUG
+		builder.Logging.AddDebug();
+#endif
+
+		return builder.Build();
+	}
+}
+
--- a/Sources/TP/Page/ChampionView.xaml
+++ b/Sources/TP/Page/ChampionView.xaml
@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="TP.Page.ChampionView"
+             Title="ChampionView">
+    <VerticalStackLayout>
+       <Grid>
+            
+      <ListView ItemsSource="{Binding Champions}" >
+            <ListView.ItemTemplate >
+                <DataTemplate x:DataType="{x:Type vm:ChampionVM}">
+                    <ImageCell Text="{Binding Name}" 
+                               />
+                         <!--ImageSource="{Binding Icon}"-->
+
+                </DataTemplate>
+            </ListView.ItemTemplate>
+        </ListView>
+        </Grid>
+    </VerticalStackLayout>
+</ContentPage>
--- a/Sources/TP/Page/ChampionView.xaml.cs
+++ b/Sources/TP/Page/ChampionView.xaml.cs
@ -0,0 +1,9 @@
+namespace TP.Page;
+
+public partial class ChampionView : ContentPage
+{
+	public ChampionView()
+	{
+		InitializeComponent();
+	}
+}
--- a/Sources/TP/Platforms/Android/AndroidManifest.xml
+++ b/Sources/TP/Platforms/Android/AndroidManifest.xml
@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+	<application android:allowBackup="true" android:icon="@mipmap/appicon" android:roundIcon="@mipmap/appicon_round" android:supportsRtl="true"></application>
+	<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+	<uses-permission android:name="android.permission.INTERNET" />
+</manifest>
--- a/Sources/TP/Platforms/Android/MainActivity.cs
+++ b/Sources/TP/Platforms/Android/MainActivity.cs
@ -0,0 +1,11 @@
+using Android.App;
+using Android.Content.PM;
+using Android.OS;
+
+namespace TP;
+
+[Activity(Theme = "@style/Maui.SplashTheme", MainLauncher = true, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation | ConfigChanges.UiMode | ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize | ConfigChanges.Density)]
+public class MainActivity : MauiAppCompatActivity
+{
+}
+
--- a/Sources/TP/Platforms/Android/MainApplication.cs
+++ b/Sources/TP/Platforms/Android/MainApplication.cs
@ -0,0 +1,16 @@
+using Android.App;
+using Android.Runtime;
+
+namespace TP;
+
+[Application]
+public class MainApplication : MauiApplication
+{
+	public MainApplication(IntPtr handle, JniHandleOwnership ownership)
+		: base(handle, ownership)
+	{
+	}
+
+	protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+}
+
--- a/Sources/TP/Platforms/Android/Resources/values/colors.xml
+++ b/Sources/TP/Platforms/Android/Resources/values/colors.xml
@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="colorPrimary">#512BD4</color>
+    <color name="colorPrimaryDark">#2B0B98</color>
+    <color name="colorAccent">#2B0B98</color>
+</resources>
+
--- a/Sources/TP/Platforms/MacCatalyst/AppDelegate.cs
+++ b/Sources/TP/Platforms/MacCatalyst/AppDelegate.cs
@ -0,0 +1,10 @@
+using Foundation;
+
+namespace TP;
+
+[Register("AppDelegate")]
+public class AppDelegate : MauiUIApplicationDelegate
+{
+	protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+}
+
--- a/Sources/TP/Platforms/MacCatalyst/Info.plist
+++ b/Sources/TP/Platforms/MacCatalyst/Info.plist
@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>UIDeviceFamily</key>
+	<array>
+		<integer>1</integer>
+		<integer>2</integer>
+	</array>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>arm64</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UISupportedInterfaceOrientations~ipad</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationPortraitUpsideDown</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>XSAppIconAssets</key>
+	<string>Assets.xcassets/appicon.appiconset</string>
+</dict>
+</plist>
--- a/Sources/TP/Platforms/MacCatalyst/Program.cs
+++ b/Sources/TP/Platforms/MacCatalyst/Program.cs
@ -0,0 +1,16 @@
+using ObjCRuntime;
+using UIKit;
+
+namespace TP;
+
+public class Program
+{
+	// This is the main entry point of the application.
+	static void Main(string[] args)
+	{
+		// if you want to use a different Application Delegate class from "AppDelegate"
+		// you can specify it here.
+		UIApplication.Main(args, null, typeof(AppDelegate));
+	}
+}
+
--- a/Sources/TP/Platforms/Tizen/Main.cs
+++ b/Sources/TP/Platforms/Tizen/Main.cs
@ -0,0 +1,17 @@
+using System;
+using Microsoft.Maui;
+using Microsoft.Maui.Hosting;
+
+namespace TP;
+
+class Program : MauiApplication
+{
+	protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+
+	static void Main(string[] args)
+	{
+		var app = new Program();
+		app.Run(args);
+	}
+}
+
--- a/Sources/TP/Platforms/Tizen/tizen-manifest.xml
+++ b/Sources/TP/Platforms/Tizen/tizen-manifest.xml
@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest package="maui-application-id-placeholder" version="0.0.0" api-version="7" xmlns="http://tizen.org/ns/packages">
+  <profile name="common" />
+  <ui-application appid="maui-application-id-placeholder" exec="TP.dll" multiple="false" nodisplay="false" taskmanage="true" type="dotnet" launch_mode="single">
+    <label>maui-application-title-placeholder</label>
+    <icon>maui-appicon-placeholder</icon>
+    <metadata key="http://tizen.org/metadata/prefer_dotnet_aot" value="true" />
+  </ui-application>
+  <shortcut-list />
+  <privileges>
+    <privilege>http://tizen.org/privilege/internet</privilege>
+  </privileges> 
+  <dependencies />
+  <provides-appdefined-privileges />
+</manifest>
--- a/Sources/TP/Platforms/Windows/App.xaml
+++ b/Sources/TP/Platforms/Windows/App.xaml
@ -0,0 +1,9 @@
+<maui:MauiWinUIApplication
+    x:Class="TP.WinUI.App"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:maui="using:Microsoft.Maui"
+    xmlns:local="using:TP.WinUI">
+
+</maui:MauiWinUIApplication>
+
--- a/Sources/TP/Platforms/Windows/App.xaml.cs
+++ b/Sources/TP/Platforms/Windows/App.xaml.cs
@ -0,0 +1,25 @@
+using Microsoft.UI.Xaml;
+
+// To learn more about WinUI, the WinUI project structure,
+// and more about our project templates, see: http://aka.ms/winui-project-info.
+
+namespace TP.WinUI;
+
+/// <summary>
+/// Provides application-specific behavior to supplement the default Application class.
+/// </summary>
+public partial class App : MauiWinUIApplication
+{
+	/// <summary>
+	/// Initializes the singleton application object.  This is the first line of authored code
+	/// executed, and as such is the logical equivalent of main() or WinMain().
+	/// </summary>
+	public App()
+	{
+		this.InitializeComponent();
+	}
+
+	protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+}
+
+
--- a/Sources/TP/Platforms/Windows/Package.appxmanifest
+++ b/Sources/TP/Platforms/Windows/Package.appxmanifest
@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Package
+  xmlns="http://schemas.microsoft.com/appx/manifest/foundation/windows10"
+  xmlns:uap="http://schemas.microsoft.com/appx/manifest/uap/windows10"
+  xmlns:mp="http://schemas.microsoft.com/appx/2014/phone/manifest"
+  xmlns:rescap="http://schemas.microsoft.com/appx/manifest/foundation/windows10/restrictedcapabilities"
+  IgnorableNamespaces="uap rescap">
+
+  <Identity Name="maui-package-name-placeholder" Publisher="CN=User Name" Version="0.0.0.0" />
+
+  <mp:PhoneIdentity PhoneProductId="BAA307EE-F6F3-4832-B006-965D385E633A" PhonePublisherId="00000000-0000-0000-0000-000000000000"/>
+
+  <Properties>
+    <DisplayName>$placeholder$</DisplayName>
+    <PublisherDisplayName>User Name</PublisherDisplayName>
+    <Logo>$placeholder$.png</Logo>
+  </Properties>
+
+  <Dependencies>
+    <TargetDeviceFamily Name="Windows.Universal" MinVersion="10.0.17763.0" MaxVersionTested="10.0.19041.0" />
+    <TargetDeviceFamily Name="Windows.Desktop" MinVersion="10.0.17763.0" MaxVersionTested="10.0.19041.0" />
+  </Dependencies>
+
+  <Resources>
+    <Resource Language="x-generate" />
+  </Resources>
+
+  <Applications>
+    <Application Id="App" Executable="$targetnametoken$.exe" EntryPoint="$targetentrypoint$">
+      <uap:VisualElements
+        DisplayName="$placeholder$"
+        Description="$placeholder$"
+        Square150x150Logo="$placeholder$.png"
+        Square44x44Logo="$placeholder$.png"
+        BackgroundColor="transparent">
+        <uap:DefaultTile Square71x71Logo="$placeholder$.png" Wide310x150Logo="$placeholder$.png" Square310x310Logo="$placeholder$.png" />
+        <uap:SplashScreen Image="$placeholder$.png" />
+      </uap:VisualElements>
+    </Application>
+  </Applications>
+
+  <Capabilities>
+    <rescap:Capability Name="runFullTrust" />
+  </Capabilities>
+
+</Package>
+
--- a/Sources/TP/Platforms/Windows/app.manifest
+++ b/Sources/TP/Platforms/Windows/app.manifest
@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<assembly manifestVersion="1.0" xmlns="urn:schemas-microsoft-com:asm.v1">
+  <assemblyIdentity version="1.0.0.0" name="TP.WinUI.app"/>
+
+  <application xmlns="urn:schemas-microsoft-com:asm.v3">
+    <windowsSettings>
+      <!-- The combination of below two tags have the following effect:
+           1) Per-Monitor for >= Windows 10 Anniversary Update
+           2) System < Windows 10 Anniversary Update
+      -->
+      <dpiAware xmlns="http://schemas.microsoft.com/SMI/2005/WindowsSettings">true/PM</dpiAware>
+      <dpiAwareness xmlns="http://schemas.microsoft.com/SMI/2016/WindowsSettings">PerMonitorV2, PerMonitor</dpiAwareness>
+    </windowsSettings>
+  </application>
+</assembly>
+
--- a/Sources/TP/Platforms/iOS/AppDelegate.cs
+++ b/Sources/TP/Platforms/iOS/AppDelegate.cs
@ -0,0 +1,10 @@
+using Foundation;
+
+namespace TP;
+
+[Register("AppDelegate")]
+public class AppDelegate : MauiUIApplicationDelegate
+{
+	protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+}
+
--- a/Sources/TP/Platforms/iOS/Info.plist
+++ b/Sources/TP/Platforms/iOS/Info.plist
@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>UIDeviceFamily</key>
+	<array>
+		<integer>1</integer>
+		<integer>2</integer>
+	</array>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>arm64</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UISupportedInterfaceOrientations~ipad</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationPortraitUpsideDown</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>XSAppIconAssets</key>
+	<string>Assets.xcassets/appicon.appiconset</string>
+</dict>
+</plist>
--- a/Sources/TP/Platforms/iOS/Program.cs
+++ b/Sources/TP/Platforms/iOS/Program.cs
@ -0,0 +1,16 @@
+using ObjCRuntime;
+using UIKit;
+
+namespace TP;
+
+public class Program
+{
+	// This is the main entry point of the application.
+	static void Main(string[] args)
+	{
+		// if you want to use a different Application Delegate class from "AppDelegate"
+		// you can specify it here.
+		UIApplication.Main(args, null, typeof(AppDelegate));
+	}
+}
+
--- a/Sources/TP/Properties/launchSettings.json
+++ b/Sources/TP/Properties/launchSettings.json
@ -0,0 +1,8 @@
+{
+  "profiles": {
+    "Windows Machine": {
+      "commandName": "MsixPackage",
+      "nativeDebugging": false
+    }
+  }
+}
--- a/Sources/TP/Resources/AppIcon/appicon.svg
+++ b/Sources/TP/Resources/AppIcon/appicon.svg
@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="456" height="456" viewBox="0 0 456 456" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <rect x="0" y="0" width="456" height="456" fill="#512BD4" />
+</svg>
+
--- a/Sources/TP/Resources/AppIcon/appiconfg.svg
+++ b/Sources/TP/Resources/AppIcon/appiconfg.svg
@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="456" height="456" viewBox="0 0 456 456" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <path d="m 105.50037,281.60863 c -2.70293,0 -5.00091,-0.90042 -6.893127,-2.70209 -1.892214,-1.84778 -2.837901,-4.04181 -2.837901,-6.58209 0,-2.58722 0.945687,-4.80389 2.837901,-6.65167 1.892217,-1.84778 4.190197,-2.77167 6.893127,-2.77167 2.74819,0 5.06798,0.92389 6.96019,2.77167 1.93749,1.84778 2.90581,4.06445 2.90581,6.65167 0,2.54028 -0.96832,4.73431 -2.90581,6.58209 -1.89221,1.80167 -4.212,2.70209 -6.96019,2.70209 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
+    <path d="M 213.56111,280.08446 H 195.99044 L 149.69953,207.0544 c -1.17121,-1.84778 -2.14037,-3.76515 -2.90581,-5.75126 h -0.40578 c 0.36051,2.12528 0.54076,6.67515 0.54076,13.6496 v 65.13172 h -15.54349 v -99.36009 h 18.71925 l 44.7374,71.29798 c 1.89222,2.95695 3.1087,4.98917 3.64945,6.09751 h 0.26996 c -0.45021,-2.6325 -0.67573,-7.09015 -0.67573,-13.37293 v -64.02256 h 15.47557 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
+    <path d="m 289.25134,280.08446 h -54.40052 v -99.36009 h 52.23835 v 13.99669 h -36.15411 v 28.13085 h 33.31621 v 13.9271 h -33.31621 v 29.37835 h 38.31628 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
+    <path d="M 366.56466,194.72106 H 338.7222 v 85.3634 h -16.08423 v -85.3634 h -27.77455 v -13.99669 h 71.70124 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
+</svg>
--- a/Sources/TP/Resources/Fonts/OpenSans-Regular.ttf
+++ b/Sources/TP/Resources/Fonts/OpenSans-Regular.ttf
--- a/Sources/TP/Resources/Fonts/OpenSans-Semibold.ttf
+++ b/Sources/TP/Resources/Fonts/OpenSans-Semibold.ttf
--- a/Sources/TP/Resources/Images/dotnet_bot.svg
+++ b/Sources/TP/Resources/Images/dotnet_bot.svg
@ -0,0 +1,95 @@
+<svg width="419" height="519" viewBox="0 0 419 519" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M284.432 247.568L284.004 221.881C316.359 221.335 340.356 211.735 355.308 193.336C382.408 159.996 372.893 108.183 372.786 107.659L398.013 102.831C398.505 105.432 409.797 167.017 375.237 209.53C355.276 234.093 324.719 246.894 284.432 247.568Z" fill="#8A6FE8"/>
+<path d="M331.954 109.36L361.826 134.245C367.145 138.676 375.055 137.959 379.497 132.639C383.928 127.32 383.211 119.41 377.891 114.969L348.019 90.0842C342.7 85.6531 334.79 86.3702 330.348 91.6896C325.917 97.0197 326.634 104.929 331.954 109.36Z" fill="#8A6FE8"/>
+<path d="M407.175 118.062L417.92 94.2263C420.735 87.858 417.856 80.4087 411.488 77.5831C405.12 74.7682 397.67 77.6473 394.845 84.0156L383.831 108.461L407.175 118.062Z" fill="#8A6FE8"/>
+<path d="M401.363 105.175L401.234 69.117C401.181 62.1493 395.498 56.541 388.53 56.5945C381.562 56.648 375.954 62.3313 376.007 69.2989L376.018 96.11L401.363 105.175Z" fill="#8A6FE8"/>
+<path d="M386.453 109.071L378.137 73.9548C376.543 67.169 369.757 62.9628 362.971 64.5575C356.185 66.1523 351.979 72.938 353.574 79.7237L362.04 115.482L386.453 109.071Z" fill="#8A6FE8"/>
+<path d="M381.776 142.261C396.359 142.261 408.181 130.44 408.181 115.857C408.181 101.274 396.359 89.4527 381.776 89.4527C367.194 89.4527 355.372 101.274 355.372 115.857C355.372 130.44 367.194 142.261 381.776 142.261Z" fill="url(#paint0_radial)"/>
+<path d="M248.267 406.979C248.513 384.727 245.345 339.561 222.376 301.736L199.922 315.372C220.76 349.675 222.323 389.715 221.841 407.182C221.798 408.627 235.263 409.933 248.267 406.979Z" fill="url(#paint1_linear)"/>
+<path d="M221.841 406.936L242.637 406.84L262.052 518.065L220.311 518.258C217.132 518.269 214.724 515.711 214.938 512.532L221.841 406.936Z" fill="#522CD5"/>
+<path d="M306.566 488.814C310.173 491.661 310.109 495.782 309.831 500.127L308.964 513.452C308.803 515.839 306.727 517.798 304.34 517.809L260.832 518.012C258.125 518.023 256.08 515.839 256.262 513.142L256.551 499.335C256.883 494.315 255.192 492.474 251.307 487.744C244.649 479.663 224.967 435.62 226.84 406.925L248.256 406.829C249.691 423.858 272.167 461.682 306.566 488.814Z" fill="url(#paint2_linear)"/>
+<path d="M309.82 500.127C310.023 497.088 310.077 494.176 308.889 491.715L254.635 491.961C256.134 494.166 256.765 496.092 256.562 499.314L256.273 513.121C256.091 515.828 258.146 518.012 260.843 517.99L304.34 517.798C306.727 517.787 308.803 515.828 308.964 513.442L309.82 500.127Z" fill="url(#paint3_radial)"/>
+<path d="M133.552 407.471C133.103 385.22 135.864 340.021 158.49 301.993L181.073 315.425C160.545 349.921 159.346 389.972 159.989 407.428C160.042 408.884 146.578 410.318 133.552 407.471Z" fill="url(#paint4_linear)"/>
+<path d="M110.798 497.152C110.765 494.187 111.204 491.575 112.457 487.23C131.882 434.132 133.52 407.364 133.52 407.364L159.999 407.246C159.999 407.246 161.819 433.512 181.716 486.427C183.289 490.195 183.471 493.641 183.674 496.831L183.792 513.816C183.803 516.374 181.716 518.483 179.158 518.494L177.873 518.504L116.781 518.782L115.496 518.793C112.927 518.804 110.83 516.728 110.819 514.159L110.798 497.152Z" fill="url(#paint5_linear)"/>
+<path d="M110.798 497.152C110.798 496.67 110.808 496.199 110.83 495.739C110.969 494.262 111.643 492.603 114.875 492.582L180.207 492.282C182.561 492.367 183.343 494.176 183.589 495.311C183.621 495.814 183.664 496.328 183.696 496.82L183.813 513.806C183.824 515.411 183.011 516.824 181.769 517.669C181.031 518.172 180.132 518.472 179.179 518.483L177.895 518.494L116.802 518.772L115.528 518.782C114.244 518.793 113.077 518.269 112.232 517.434C111.386 516.599 110.862 515.432 110.851 514.148L110.798 497.152Z" fill="url(#paint6_radial)"/>
+<path d="M314.979 246.348C324.162 210.407 318.008 181.777 318.008 181.777L326.452 181.734L326.656 181.574C314.262 115.75 256.326 66.0987 186.949 66.4198C108.796 66.773 45.7233 130.424 46.0765 208.577C46.4297 286.731 110.08 349.803 188.234 349.45C249.905 349.172 302.178 309.474 321.304 254.343C321.872 251.999 321.797 247.804 314.979 246.348Z" fill="url(#paint7_radial)"/>
+<path d="M310.237 279.035L65.877 280.148C71.3998 289.428 77.95 298.012 85.3672 305.761L290.972 304.829C298.336 297.005 304.8 288.368 310.237 279.035Z" fill="#D8CFF7"/>
+<path d="M235.062 312.794L280.924 312.585L280.74 272.021L234.877 272.23L235.062 312.794Z" fill="#512BD4"/>
+<path d="M243.001 297.626C242.691 297.626 242.434 297.53 242.22 297.327C242.006 297.123 241.899 296.866 241.899 296.588C241.899 296.299 242.006 296.042 242.22 295.839C242.434 295.625 242.691 295.528 243.001 295.528C243.312 295.528 243.568 295.635 243.782 295.839C243.996 296.042 244.114 296.299 244.114 296.588C244.114 296.877 244.007 297.123 243.793 297.327C243.568 297.519 243.312 297.626 243.001 297.626Z" fill="white"/>
+<path d="M255.192 297.434H253.212L247.967 289.203C247.839 289 247.721 288.775 247.636 288.55H247.593C247.636 288.786 247.657 289.299 247.657 290.091L247.668 297.444H245.912L245.891 286.228H247.999L253.062 294.265C253.276 294.597 253.415 294.833 253.479 294.95H253.511C253.458 294.651 253.437 294.148 253.437 293.441L253.426 286.217H255.17L255.192 297.434Z" fill="white"/>
+<path d="M263.733 297.412L257.589 297.423L257.568 286.206L263.465 286.195V287.779L259.387 287.79L259.398 290.969L263.155 290.958V292.532L259.398 292.542L259.409 295.86L263.733 295.85V297.412Z" fill="white"/>
+<path d="M272.445 287.758L269.298 287.769L269.32 297.401H267.5L267.479 287.769L264.343 287.779V286.195L272.434 286.174L272.445 287.758Z" fill="white"/>
+<path d="M315.279 246.337C324.355 210.836 318.457 182.483 318.308 181.798L171.484 182.462C171.484 182.462 162.226 181.563 162.268 190.018C162.311 198.463 162.761 222.341 162.878 248.746C162.9 254.172 167.363 256.773 170.863 256.751C170.874 256.751 311.618 252.213 315.279 246.337Z" fill="url(#paint8_radial)"/>
+<path d="M227.685 246.798C227.685 246.798 250.183 228.827 254.571 225.499C258.959 222.17 262.812 221.977 266.869 225.445C270.925 228.913 293.616 246.498 293.616 246.498L227.685 246.798Z" fill="#A08BE8"/>
+<path d="M320.748 256.141C320.748 256.141 324.943 248.414 315.279 246.348C315.289 246.305 170.927 246.894 170.927 246.894C167.566 246.905 163.232 244.925 162.846 241.671C162.857 244.004 162.878 246.369 162.889 248.756C162.91 253.68 166.582 256.27 169.878 256.698C170.21 256.73 170.542 256.773 170.874 256.773L180.742 256.73L320.748 256.141Z" fill="#512BD4"/>
+<path d="M206.4 233.214C212.511 233.095 217.302 224.667 217.102 214.39C216.901 204.112 211.785 195.878 205.674 195.997C199.563 196.116 194.772 204.544 194.973 214.821C195.173 225.099 200.289 233.333 206.4 233.214Z" fill="#512BD4"/>
+<path d="M306.249 214.267C306.356 203.989 301.488 195.605 295.377 195.541C289.266 195.478 284.225 203.758 284.118 214.037C284.011 224.315 288.878 232.699 294.99 232.763C301.101 232.826 306.142 224.545 306.249 214.267Z" fill="#512BD4"/>
+<path d="M205.905 205.291C208.152 203.022 211.192 202.016 214.157 202.262C215.912 205.495 217.014 209.733 217.111 214.389C217.164 217.3 216.811 220.04 216.158 222.513C212.669 223.519 208.752 222.662 205.979 219.922C201.912 215.909 201.88 209.348 205.905 205.291Z" fill="#8065E0"/>
+<path d="M294.996 204.285C297.255 202.016 300.294 200.999 303.259 201.256C305.164 204.628 306.309 209.209 306.256 214.239C306.224 216.808 305.892 219.259 305.303 221.485C301.793 222.523 297.843 221.678 295.061 218.916C291.004 214.892 290.972 208.342 294.996 204.285Z" fill="#8065E0"/>
+<path d="M11.6342 357.017C10.9171 354.716 -5.72611 300.141 21.3204 258.903C36.9468 235.078 63.3083 221.035 99.6664 217.15L102.449 243.276C74.3431 246.273 54.4676 256.345 43.3579 273.202C23.0971 303.941 36.5722 348.733 36.7113 349.183L11.6342 357.017Z" fill="url(#paint9_linear)"/>
+<path d="M95.1498 252.802C109.502 252.802 121.137 241.167 121.137 226.815C121.137 212.463 109.502 200.828 95.1498 200.828C80.7976 200.828 69.1628 212.463 69.1628 226.815C69.1628 241.167 80.7976 252.802 95.1498 252.802Z" fill="url(#paint10_radial)"/>
+<path d="M72.0098 334.434L33.4683 329.307C26.597 328.397 20.2929 333.214 19.3725 340.085C18.4627 346.956 23.279 353.26 30.1504 354.181L68.6919 359.308C75.5632 360.217 81.8673 355.401 82.7878 348.53C83.6975 341.658 78.8705 335.344 72.0098 334.434Z" fill="#8A6FE8"/>
+<path d="M3.73535 367.185L7.35297 393.076C8.36975 399.968 14.7702 404.731 21.6629 403.725C28.5556 402.708 33.3185 396.308 32.3124 389.415L28.5984 362.861L3.73535 367.185Z" fill="#8A6FE8"/>
+<path d="M15.5194 374.988L34.849 405.427C38.6058 411.292 46.4082 413.005 52.2735 409.248C58.1387 405.491 59.8512 397.689 56.0945 391.823L41.7953 369.144L15.5194 374.988Z" fill="#8A6FE8"/>
+<path d="M26.0511 363.739L51.8026 389.019C56.7688 393.911 64.7532 393.846 69.6445 388.88C74.5358 383.914 74.4715 375.929 69.516 371.038L43.2937 345.297L26.0511 363.739Z" fill="#8A6FE8"/>
+<path d="M26.4043 381.912C40.987 381.912 52.8086 370.091 52.8086 355.508C52.8086 340.925 40.987 329.104 26.4043 329.104C11.8216 329.104 0 340.925 0 355.508C0 370.091 11.8216 381.912 26.4043 381.912Z" fill="url(#paint11_radial)"/>
+<path d="M184.73 63.6308L157.819 66.5892L158.561 38.5412L177.888 36.4178L184.73 63.6308Z" fill="#8A6FE8"/>
+<path d="M170.018 41.647C180.455 39.521 187.193 29.3363 185.067 18.8988C182.941 8.46126 172.757 1.72345 162.319 3.84944C151.882 5.97543 145.144 16.1601 147.27 26.5976C149.396 37.0351 159.58 43.773 170.018 41.647Z" fill="#D8CFF7"/>
+<path d="M196.885 79.385C198.102 79.2464 198.948 78.091 198.684 76.8997C195.851 64.2818 183.923 55.5375 170.773 56.9926C157.622 58.4371 147.886 69.5735 147.865 82.4995C147.863 83.7232 148.949 84.6597 150.168 84.5316L196.885 79.385Z" fill="url(#paint12_radial)"/>
+<defs>
+<radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(382.004 103.457) scale(26.4058)">
+<stop stop-color="#8065E0"/>
+<stop offset="1" stop-color="#512BD4"/>
+</radialGradient>
+<linearGradient id="paint1_linear" x1="214.439" y1="303.482" x2="236.702" y2="409.505" gradientUnits="userSpaceOnUse">
+<stop stop-color="#522CD5"/>
+<stop offset="0.4397" stop-color="#8A6FE8"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="231.673" y1="404.144" x2="297.805" y2="522.048" gradientUnits="userSpaceOnUse">
+<stop stop-color="#522CD5"/>
+<stop offset="0.4397" stop-color="#8A6FE8"/>
+</linearGradient>
+<radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(280.957 469.555) rotate(-0.260742) scale(45.8326)">
+<stop offset="0.034" stop-color="#522CD5"/>
+<stop offset="0.9955" stop-color="#8A6FE8"/>
+</radialGradient>
+<linearGradient id="paint4_linear" x1="166.061" y1="303.491" x2="144.763" y2="409.709" gradientUnits="userSpaceOnUse">
+<stop stop-color="#522CD5"/>
+<stop offset="0.4397" stop-color="#8A6FE8"/>
+</linearGradient>
+<linearGradient id="paint5_linear" x1="146.739" y1="407.302" x2="147.246" y2="518.627" gradientUnits="userSpaceOnUse">
+<stop stop-color="#522CD5"/>
+<stop offset="0.4397" stop-color="#8A6FE8"/>
+</linearGradient>
+<radialGradient id="paint6_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(148.63 470.023) rotate(179.739) scale(50.2476)">
+<stop offset="0.034" stop-color="#522CD5"/>
+<stop offset="0.9955" stop-color="#8A6FE8"/>
+</radialGradient>
+<radialGradient id="paint7_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(219.219 153.929) rotate(179.739) scale(140.935)">
+<stop offset="0.4744" stop-color="#A08BE8"/>
+<stop offset="0.8618" stop-color="#8065E0"/>
+</radialGradient>
+<radialGradient id="paint8_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(314.861 158.738) rotate(179.739) scale(146.053)">
+<stop offset="0.0933" stop-color="#E1DFDD"/>
+<stop offset="0.6573" stop-color="white"/>
+</radialGradient>
+<linearGradient id="paint9_linear" x1="54.1846" y1="217.159" x2="54.1846" y2="357.022" gradientUnits="userSpaceOnUse">
+<stop offset="0.3344" stop-color="#9780E6"/>
+<stop offset="0.8488" stop-color="#8A6FE8"/>
+</linearGradient>
+<radialGradient id="paint10_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(90.3494 218.071) rotate(-0.260742) scale(25.9924)">
+<stop stop-color="#8065E0"/>
+<stop offset="1" stop-color="#512BD4"/>
+</radialGradient>
+<radialGradient id="paint11_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(25.805 345.043) scale(26.4106)">
+<stop stop-color="#8065E0"/>
+<stop offset="1" stop-color="#512BD4"/>
+</radialGradient>
+<radialGradient id="paint12_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(169.113 67.3662) rotate(-32.2025) scale(21.0773)">
+<stop stop-color="#8065E0"/>
+<stop offset="1" stop-color="#512BD4"/>
+</radialGradient>
+</defs>
+</svg>
+
+
--- a/Sources/TP/Resources/Raw/AboutAssets.txt
+++ b/Sources/TP/Resources/Raw/AboutAssets.txt
@ -0,0 +1,17 @@
+Any raw assets you want to be deployed with your application can be placed in
+this directory (and child directories). Deployment of the asset to your application
+is automatically handled by the following `MauiAsset` Build Action within your `.csproj`.
+
+    <MauiAsset Include="Resources\Raw\**" LogicalName="%(RecursiveDir)%(Filename)%(Extension)" />
+
+These files will be deployed with you package and will be accessible using Essentials:
+
+    async Task LoadMauiAsset()
+    {
+        using var stream = await FileSystem.OpenAppPackageFileAsync("AboutAssets.txt");
+        using var reader = new StreamReader(stream);
+
+        var contents = reader.ReadToEnd();
+    }
+
+
--- a/Sources/TP/Resources/Splash/splash.svg
+++ b/Sources/TP/Resources/Splash/splash.svg
@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="456" height="456" viewBox="0 0 456 456" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <path d="m 105.50037,281.60863 c -2.70293,0 -5.00091,-0.90042 -6.893127,-2.70209 -1.892214,-1.84778 -2.837901,-4.04181 -2.837901,-6.58209 0,-2.58722 0.945687,-4.80389 2.837901,-6.65167 1.892217,-1.84778 4.190197,-2.77167 6.893127,-2.77167 2.74819,0 5.06798,0.92389 6.96019,2.77167 1.93749,1.84778 2.90581,4.06445 2.90581,6.65167 0,2.54028 -0.96832,4.73431 -2.90581,6.58209 -1.89221,1.80167 -4.212,2.70209 -6.96019,2.70209 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
+    <path d="M 213.56111,280.08446 H 195.99044 L 149.69953,207.0544 c -1.17121,-1.84778 -2.14037,-3.76515 -2.90581,-5.75126 h -0.40578 c 0.36051,2.12528 0.54076,6.67515 0.54076,13.6496 v 65.13172 h -15.54349 v -99.36009 h 18.71925 l 44.7374,71.29798 c 1.89222,2.95695 3.1087,4.98917 3.64945,6.09751 h 0.26996 c -0.45021,-2.6325 -0.67573,-7.09015 -0.67573,-13.37293 v -64.02256 h 15.47557 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
+    <path d="m 289.25134,280.08446 h -54.40052 v -99.36009 h 52.23835 v 13.99669 h -36.15411 v 28.13085 h 33.31621 v 13.9271 h -33.31621 v 29.37835 h 38.31628 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
+    <path d="M 366.56466,194.72106 H 338.7222 v 85.3634 h -16.08423 v -85.3634 h -27.77455 v -13.99669 h 71.70124 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
+</svg>
+
--- a/Sources/TP/Resources/Styles/Colors.xaml
+++ b/Sources/TP/Resources/Styles/Colors.xaml
@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<?xaml-comp compile="true" ?>
+<ResourceDictionary 
+    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
+
+    <Color x:Key="Primary">#512BD4</Color>
+    <Color x:Key="Secondary">#DFD8F7</Color>
+    <Color x:Key="Tertiary">#2B0B98</Color>
+    <Color x:Key="White">White</Color>
+    <Color x:Key="Black">Black</Color>
+    <Color x:Key="Gray100">#E1E1E1</Color>
+    <Color x:Key="Gray200">#C8C8C8</Color>
+    <Color x:Key="Gray300">#ACACAC</Color>
+    <Color x:Key="Gray400">#919191</Color>
+    <Color x:Key="Gray500">#6E6E6E</Color>
+    <Color x:Key="Gray600">#404040</Color>
+    <Color x:Key="Gray900">#212121</Color>
+    <Color x:Key="Gray950">#141414</Color>
+    <SolidColorBrush x:Key="PrimaryBrush" Color="{StaticResource Primary}"/>
+    <SolidColorBrush x:Key="SecondaryBrush" Color="{StaticResource Secondary}"/>
+    <SolidColorBrush x:Key="TertiaryBrush" Color="{StaticResource Tertiary}"/>
+    <SolidColorBrush x:Key="WhiteBrush" Color="{StaticResource White}"/>
+    <SolidColorBrush x:Key="BlackBrush" Color="{StaticResource Black}"/>
+    <SolidColorBrush x:Key="Gray100Brush" Color="{StaticResource Gray100}"/>
+    <SolidColorBrush x:Key="Gray200Brush" Color="{StaticResource Gray200}"/>
+    <SolidColorBrush x:Key="Gray300Brush" Color="{StaticResource Gray300}"/>
+    <SolidColorBrush x:Key="Gray400Brush" Color="{StaticResource Gray400}"/>
+    <SolidColorBrush x:Key="Gray500Brush" Color="{StaticResource Gray500}"/>
+    <SolidColorBrush x:Key="Gray600Brush" Color="{StaticResource Gray600}"/>
+    <SolidColorBrush x:Key="Gray900Brush" Color="{StaticResource Gray900}"/>
+    <SolidColorBrush x:Key="Gray950Brush" Color="{StaticResource Gray950}"/>
+
+    <Color x:Key="Yellow100Accent">#F7B548</Color>
+    <Color x:Key="Yellow200Accent">#FFD590</Color>
+    <Color x:Key="Yellow300Accent">#FFE5B9</Color>
+    <Color x:Key="Cyan100Accent">#28C2D1</Color>
+    <Color x:Key="Cyan200Accent">#7BDDEF</Color>
+    <Color x:Key="Cyan300Accent">#C3F2F4</Color>
+    <Color x:Key="Blue100Accent">#3E8EED</Color>
+    <Color x:Key="Blue200Accent">#72ACF1</Color>
+    <Color x:Key="Blue300Accent">#A7CBF6</Color>
+
+</ResourceDictionary>
--- a/Sources/TP/Resources/Styles/Styles.xaml
+++ b/Sources/TP/Resources/Styles/Styles.xaml
@ -0,0 +1,406 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<?xaml-comp compile="true" ?>
+<ResourceDictionary 
+    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
+
+    <Style TargetType="ActivityIndicator">
+        <Setter Property="Color" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
+    </Style>
+
+    <Style TargetType="IndicatorView">
+        <Setter Property="IndicatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}"/>
+        <Setter Property="SelectedIndicatorColor" Value="{AppThemeBinding Light={StaticResource Gray950}, Dark={StaticResource Gray100}}"/>
+    </Style>
+
+    <Style TargetType="Border">
+        <Setter Property="Stroke" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
+        <Setter Property="StrokeShape" Value="Rectangle"/>
+        <Setter Property="StrokeThickness" Value="1"/>
+    </Style>
+
+    <Style TargetType="BoxView">
+        <Setter Property="Color" Value="{AppThemeBinding Light={StaticResource Gray950}, Dark={StaticResource Gray200}}" />
+    </Style>
+
+    <Style TargetType="Button">
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Primary}}" />
+        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
+        <Setter Property="FontFamily" Value="OpenSansRegular"/>
+        <Setter Property="FontSize" Value="14"/>
+        <Setter Property="CornerRadius" Value="8"/>
+        <Setter Property="Padding" Value="14,10"/>
+        <Setter Property="MinimumHeightRequest" Value="44"/>
+        <Setter Property="MinimumWidthRequest" Value="44"/>
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Disabled">
+                        <VisualState.Setters>
+                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray950}, Dark={StaticResource Gray200}}" />
+                            <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray600}}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
+    <Style TargetType="CheckBox">
+        <Setter Property="Color" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
+        <Setter Property="MinimumHeightRequest" Value="44"/>
+        <Setter Property="MinimumWidthRequest" Value="44"/>
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Disabled">
+                        <VisualState.Setters>
+                            <Setter Property="Color" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
+    <Style TargetType="DatePicker">
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
+        <Setter Property="BackgroundColor" Value="Transparent" />
+        <Setter Property="FontFamily" Value="OpenSansRegular"/>
+        <Setter Property="FontSize" Value="14"/>
+        <Setter Property="MinimumHeightRequest" Value="44"/>
+        <Setter Property="MinimumWidthRequest" Value="44"/>
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Disabled">
+                        <VisualState.Setters>
+                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
+    <Style TargetType="Editor">
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}" />
+        <Setter Property="BackgroundColor" Value="Transparent" />
+        <Setter Property="FontFamily" Value="OpenSansRegular"/>
+        <Setter Property="FontSize" Value="14" />
+        <Setter Property="PlaceholderColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
+        <Setter Property="MinimumHeightRequest" Value="44"/>
+        <Setter Property="MinimumWidthRequest" Value="44"/>
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Disabled">
+                        <VisualState.Setters>
+                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
+    <Style TargetType="Entry">
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}" />
+        <Setter Property="BackgroundColor" Value="Transparent" />
+        <Setter Property="FontFamily" Value="OpenSansRegular"/>
+        <Setter Property="FontSize" Value="14" />
+        <Setter Property="PlaceholderColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
+        <Setter Property="MinimumHeightRequest" Value="44"/>
+        <Setter Property="MinimumWidthRequest" Value="44"/>
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Disabled">
+                        <VisualState.Setters>
+                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
+    <Style TargetType="Frame">
+        <Setter Property="HasShadow" Value="False" />
+        <Setter Property="BorderColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray950}}" />
+        <Setter Property="CornerRadius" Value="8" />
+    </Style>
+
+    <Style TargetType="ImageButton">
+        <Setter Property="Opacity" Value="1" />
+        <Setter Property="BorderColor" Value="Transparent"/>
+        <Setter Property="BorderWidth" Value="0"/>
+        <Setter Property="CornerRadius" Value="0"/>
+        <Setter Property="MinimumHeightRequest" Value="44"/>
+        <Setter Property="MinimumWidthRequest" Value="44"/>
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Disabled">
+                        <VisualState.Setters>
+                            <Setter Property="Opacity" Value="0.5" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
+    <Style TargetType="Label">
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
+        <Setter Property="BackgroundColor" Value="Transparent" />
+        <Setter Property="FontFamily" Value="OpenSansRegular" />
+        <Setter Property="FontSize" Value="14" />
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Disabled">
+                        <VisualState.Setters>
+                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
+    <Style TargetType="ListView">
+        <Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
+        <Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
+    </Style>
+
+    <Style TargetType="Picker">
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
+        <Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
+        <Setter Property="BackgroundColor" Value="Transparent" />
+        <Setter Property="FontFamily" Value="OpenSansRegular"/>
+        <Setter Property="FontSize" Value="14"/>
+        <Setter Property="MinimumHeightRequest" Value="44"/>
+        <Setter Property="MinimumWidthRequest" Value="44"/>
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Disabled">
+                        <VisualState.Setters>
+                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
+                            <Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
+    <Style TargetType="ProgressBar">
+        <Setter Property="ProgressColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Disabled">
+                        <VisualState.Setters>
+                            <Setter Property="ProgressColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
+    <Style TargetType="RadioButton">
+        <Setter Property="BackgroundColor" Value="Transparent"/>
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}" />
+        <Setter Property="FontFamily" Value="OpenSansRegular"/>
+        <Setter Property="FontSize" Value="14"/>
+        <Setter Property="MinimumHeightRequest" Value="44"/>
+        <Setter Property="MinimumWidthRequest" Value="44"/>
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Disabled">
+                        <VisualState.Setters>
+                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
+    <Style TargetType="RefreshView">
+        <Setter Property="RefreshColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
+    </Style>
+
+    <Style TargetType="SearchBar">
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
+        <Setter Property="PlaceholderColor" Value="{StaticResource Gray500}" />
+        <Setter Property="CancelButtonColor" Value="{StaticResource Gray500}" />
+        <Setter Property="BackgroundColor" Value="Transparent" />
+        <Setter Property="FontFamily" Value="OpenSansRegular" />
+        <Setter Property="FontSize" Value="14" />
+        <Setter Property="MinimumHeightRequest" Value="44"/>
+        <Setter Property="MinimumWidthRequest" Value="44"/>
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Disabled">
+                        <VisualState.Setters>
+                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
+                            <Setter Property="PlaceholderColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
+    <Style TargetType="SearchHandler">
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
+        <Setter Property="PlaceholderColor" Value="{StaticResource Gray500}" />
+        <Setter Property="BackgroundColor" Value="Transparent" />
+        <Setter Property="FontFamily" Value="OpenSansRegular" />
+        <Setter Property="FontSize" Value="14" />
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Disabled">
+                        <VisualState.Setters>
+                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
+                            <Setter Property="PlaceholderColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
+    <Style TargetType="Shadow">
+        <Setter Property="Radius" Value="15" />
+        <Setter Property="Opacity" Value="0.5" />
+        <Setter Property="Brush" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource White}}" />
+        <Setter Property="Offset" Value="10,10" />
+    </Style>
+
+    <Style TargetType="Slider">
+        <Setter Property="MinimumTrackColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
+        <Setter Property="MaximumTrackColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray600}}" />
+        <Setter Property="ThumbColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Disabled">
+                        <VisualState.Setters>
+                            <Setter Property="MinimumTrackColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}"/>
+                            <Setter Property="MaximumTrackColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}"/>
+                            <Setter Property="ThumbColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}"/>
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
+    <Style TargetType="SwipeItem">
+        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Black}}" />
+    </Style>
+
+    <Style TargetType="Switch">
+        <Setter Property="OnColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
+        <Setter Property="ThumbColor" Value="{StaticResource White}" />
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Disabled">
+                        <VisualState.Setters>
+                            <Setter Property="OnColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
+                            <Setter Property="ThumbColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                    <VisualState x:Name="On">
+                        <VisualState.Setters>
+                            <Setter Property="OnColor" Value="{AppThemeBinding Light={StaticResource Secondary}, Dark={StaticResource Gray200}}" />
+                            <Setter Property="ThumbColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                    <VisualState x:Name="Off">
+                        <VisualState.Setters>
+                            <Setter Property="ThumbColor" Value="{AppThemeBinding Light={StaticResource Gray400}, Dark={StaticResource Gray500}}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
+    <Style TargetType="TimePicker">
+        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
+        <Setter Property="BackgroundColor" Value="Transparent"/>
+        <Setter Property="FontFamily" Value="OpenSansRegular"/>
+        <Setter Property="FontSize" Value="14"/>
+        <Setter Property="MinimumHeightRequest" Value="44"/>
+        <Setter Property="MinimumWidthRequest" Value="44"/>
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Disabled">
+                        <VisualState.Setters>
+                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
+    <Style TargetType="Page" ApplyToDerivedTypes="True">
+        <Setter Property="Padding" Value="0"/>
+        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Black}}" />
+    </Style>
+
+    <Style TargetType="Shell" ApplyToDerivedTypes="True">
+        <Setter Property="Shell.BackgroundColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource Gray950}}" />
+        <Setter Property="Shell.ForegroundColor" Value="{OnPlatform WinUI={StaticResource Primary}, Default={StaticResource White}}" />
+        <Setter Property="Shell.TitleColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource White}}" />
+        <Setter Property="Shell.DisabledColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray950}}" />
+        <Setter Property="Shell.UnselectedColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray200}}" />
+        <Setter Property="Shell.NavBarHasShadow" Value="False" />
+        <Setter Property="Shell.TabBarBackgroundColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Black}}" />
+        <Setter Property="Shell.TabBarForegroundColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
+        <Setter Property="Shell.TabBarTitleColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
+        <Setter Property="Shell.TabBarUnselectedColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
+    </Style>
+
+    <Style TargetType="NavigationPage">
+        <Setter Property="BarBackgroundColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource Gray950}}" />
+        <Setter Property="BarTextColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource White}}" />
+        <Setter Property="IconColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource White}}" />
+    </Style>
+
+    <Style TargetType="TabbedPage">
+        <Setter Property="BarBackgroundColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Gray950}}" />
+        <Setter Property="BarTextColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
+        <Setter Property="UnselectedTabColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray950}}" />
+        <Setter Property="SelectedTabColor" Value="{AppThemeBinding Light={StaticResource Gray950}, Dark={StaticResource Gray200}}" />
+    </Style>
+
+</ResourceDictionary>
+
--- a/Sources/TP/View.csproj
+++ b/Sources/TP/View.csproj
@ -0,0 +1,69 @@
+<Project Sdk="Microsoft.NET.Sdk">
+
+	<PropertyGroup>
+		<TargetFrameworks>net7.0-android;net7.0-ios;net7.0-maccatalyst</TargetFrameworks>
+		<TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net7.0-windows10.0.19041.0</TargetFrameworks>
+		<!-- Uncomment to also build the tizen app. You will need to install tizen by following this: https://github.com/Samsung/Tizen.NET -->
+		<!-- <TargetFrameworks>$(TargetFrameworks);net7.0-tizen</TargetFrameworks> -->
+		<OutputType>Exe</OutputType>
+		<RootNamespace>TP</RootNamespace>
+		<UseMaui>true</UseMaui>
+		<SingleProject>true</SingleProject>
+		<ImplicitUsings>enable</ImplicitUsings>
+
+		<!-- Display name -->
+		<ApplicationTitle>TP</ApplicationTitle>
+
+		<!-- App Identifier -->
+		<ApplicationId>com.companyname.tp</ApplicationId>
+		<ApplicationIdGuid>91f95dc2-cf06-4ae1-890e-6cd7550171d0</ApplicationIdGuid>
+
+		<!-- Versions -->
+		<ApplicationDisplayVersion>1.0</ApplicationDisplayVersion>
+		<ApplicationVersion>1</ApplicationVersion>
+
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'ios'">11.0</SupportedOSPlatformVersion>
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'maccatalyst'">13.1</SupportedOSPlatformVersion>
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'android'">21.0</SupportedOSPlatformVersion>
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</SupportedOSPlatformVersion>
+		<TargetPlatformMinVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</TargetPlatformMinVersion>
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'tizen'">6.5</SupportedOSPlatformVersion>
+	</PropertyGroup>
+
+	<PropertyGroup Condition="'$(Configuration)|$(TargetFramework)|$(Platform)'=='Debug|net7.0-ios|AnyCPU'">
+	  <CreatePackage>false</CreatePackage>
+	</PropertyGroup>
+	<ItemGroup>
+		<!-- App Icon -->
+		<MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" Color="#512BD4" />
+
+		<!-- Splash Screen -->
+		<MauiSplashScreen Include="Resources\Splash\splash.svg" Color="#512BD4" BaseSize="128,128" />
+
+		<!-- Images -->
+		<MauiFont Include="Resources\Fonts\*" />
+
+		<!-- Raw Assets (also remove the "Resources\Raw" prefix) -->
+		<MauiAsset Include="Resources\Raw\**" LogicalName="%(RecursiveDir)%(Filename)%(Extension)" />
+	</ItemGroup>
+
+	<ItemGroup>
+		<PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="7.0.0" />
+	</ItemGroup>
+
+	<ItemGroup>
+	  <MauiImage Remove="Resources\Images\dotnet_bot.svg" />
+	</ItemGroup>
+	<ItemGroup>
+	  <BundleResource Include="Resources\Images\dotnet_bot.svg" />
+	</ItemGroup>
+	<ItemGroup>
+	  <ProjectReference Include="..\Model\Model.csproj" />
+	</ItemGroup>
+	<ItemGroup>
+	  <None Remove="Page\" />
+	</ItemGroup>
+	<ItemGroup>
+	  <Folder Include="Page\" />
+	</ItemGroup>
+</Project>
--- a/Sources/Tests/ConsoleTests/ConsoleTests.csproj
+++ b/Sources/Tests/ConsoleTests/ConsoleTests.csproj
@ -0,0 +1,20 @@
+<Project Sdk="Microsoft.NET.Sdk">
+
+  <PropertyGroup>
+    <OutputType>Exe</OutputType>
+    <TargetFramework>net7.0</TargetFramework>
+    <ImplicitUsings>enable</ImplicitUsings>
+    <Nullable>enable</Nullable>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <ProjectReference Include="..\..\Model\Model.csproj" />
+    <ProjectReference Include="..\..\StubLib\StubLib.csproj" />
+  </ItemGroup>
+  <ItemGroup>
+    <None Remove="Microsoft.Extensions.DependencyInjection" />
+  </ItemGroup>
+  <ItemGroup>
+    <PackageReference Include="Microsoft.Extensions.DependencyInjection" Version="7.0.0" />
+  </ItemGroup>
+</Project>
--- a/Sources/Tests/ConsoleTests/Program.cs
+++ b/Sources/Tests/ConsoleTests/Program.cs
@ -0,0 +1,338 @@
+using System.Collections.Immutable;
+using System.Diagnostics;
+using Microsoft.Extensions.DependencyInjection;
+using Model;
+using StubLib;
+using static System.Console;
+
+namespace ConsoleTests
+{
+	static class Program
+	{
+		static IDataManager dataManager = null!;
+
+        static async Task Main(string[] args)
+		{
+			try
+			{
+				using var servicesProvider = new ServiceCollection()
+								.AddSingleton<IDataManager, StubData>()
+								.BuildServiceProvider();
+
+				dataManager = servicesProvider.GetRequiredService<IDataManager>();
+
+				await DisplayMainMenu();
+
+				Console.ReadLine();
+			}
+			catch (Exception ex)
+			{
+				Debug.WriteLine(ex, "Stopped program because of exception");
+				throw;
+			}
+		}
+
+		public static async Task DisplayMainMenu()
+		{
+			Dictionary<int, string> choices = new Dictionary<int, string>()
+			{
+				[1] = "1- Manage Champions",
+				[2] = "2- Manage Skins",
+				[3] = "3- Manage Runes",
+				[4] = "4- Manage Rune Pages",
+				[99] = "99- Quit"
+			};
+
+			while(true)
+			{ 
+				int input = DisplayAMenu(choices);
+
+				switch(input)
+				{
+					case 1:
+						await DisplayChampionsMenu();
+						break;
+					case 2:
+						break;
+					case 3:
+						break;
+					case 4:
+						break;
+					case 99:
+						WriteLine("Bye bye!");
+						return;
+					default:
+						break;
+				}
+			}
+		}
+
+		private static int DisplayAMenu(Dictionary<int, string> choices)
+		{
+			int input=-1;
+			while(true)
+			{
+				WriteLine("What is your choice?");
+				WriteLine("--------------------");
+				foreach(var choice in choices.OrderBy(kvp => kvp.Key).Select(kvp => kvp.Value))
+				{
+					WriteLine(choice);
+				}
+				if(!int.TryParse(ReadLine(), out input) || input == -1)
+				{
+					WriteLine("I do not understand what your choice is. Please try again.");
+					continue;
+				}
+				break;
+			}
+			WriteLine($"You have chosen: {choices[input]}");
+			WriteLine();
+			return input;
+		}
+
+		public static async Task DisplayChampionsMenu()
+		{
+			Dictionary<int, string> choices = new Dictionary<int, string>()
+			{
+				[0] = "0- Get number of champions",
+				[1] = "1- Get champions",
+				[2] = "2- Find champions by name",
+				[3] = "3- Find champions by characteristic",
+				[4] = "4- Find champions by class",
+				[5] = "5- Find champions by skill",
+				[6] = "6- Add new champion",
+				[7] = "7- Delete a champion",
+				[8] = "8- Update a champion",
+			};
+
+			int input = DisplayAMenu(choices);
+
+			switch(input)
+			{
+				case 0:
+					int nb = await dataManager.ChampionsMgr.GetNbItems();
+					WriteLine($"There are {nb} champions");
+					WriteLine("**********************");
+					break;
+				case 1:
+					{ 
+						int index = ReadAnInt("Please enter the page index");
+						int count = ReadAnInt("Please enter the number of elements to display");
+						WriteLine($"{count} champions of page {index+1}");
+						var champions = await dataManager.ChampionsMgr.GetItems(index, count, nameof(Champion.Name));
+						foreach(var champion in champions)
+						{
+							WriteLine($"\t{champion}");
+						}
+						WriteLine("**********************");
+					}
+					break;
+				case 2:
+					{
+						string substring = ReadAString("Please enter the substring to look for in the name of a champion");
+						int index = ReadAnInt("Please enter the page index");
+						int count = ReadAnInt("Please enter the number of elements to display");
+						var champions = await dataManager.ChampionsMgr.GetItemsByName(substring, index, count, nameof(Champion.Name));
+						foreach(var champion in champions)
+						{
+							WriteLine($"\t{champion}");
+						}
+						WriteLine("**********************");
+					}
+					break;
+				case 3:
+					{
+						string substring = ReadAString("Please enter the substring to look for in the characteristics of champions");
+						int index = ReadAnInt("Please enter the page index");
+						int count = ReadAnInt("Please enter the number of elements to display");
+						var champions = await dataManager.ChampionsMgr.GetItemsByCharacteristic(substring, index, count, nameof(Champion.Name));
+						foreach(var champion in champions)
+						{
+							WriteLine($"\t{champion}");
+						}
+						WriteLine("**********************");
+					}
+					break;
+				case 4:
+					{
+						ChampionClass championClass = ReadAnEnum<ChampionClass>($"Please enter the champion class (possible values are: {Enum.GetNames<ChampionClass>().Aggregate("", (name, chaine) => $"{chaine} {name}")}):");
+						int index = ReadAnInt("Please enter the page index");
+						int count = ReadAnInt("Please enter the number of elements to display");
+						var champions = await dataManager.ChampionsMgr.GetItemsByClass(championClass, index, count, nameof(Champion.Name));
+						foreach(var champion in champions)
+						{
+							WriteLine($"\t{champion}");
+						}
+						WriteLine("**********************");
+					}
+					break;
+				case 5:
+					{
+						string substring = ReadAString("Please enter the substring to look for in the skills of champions");
+						int index = ReadAnInt("Please enter the page index");
+						int count = ReadAnInt("Please enter the number of elements to display");
+						var champions = await dataManager.ChampionsMgr.GetItemsBySkill(substring, index, count, nameof(Champion.Name));
+						foreach(var champion in champions)
+						{
+							WriteLine($"\t{champion}");
+						}
+						WriteLine("**********************");
+					}
+					break;
+				case 6:
+					{
+						WriteLine("You are going to create a new champion.");
+						string name = ReadAString("Please enter the champion name:");
+						ChampionClass championClass = ReadAnEnum<ChampionClass>($"Please enter the champion class (possible values are: {Enum.GetNames<ChampionClass>().Aggregate("", (name, chaine) => $"{chaine} {name}")}):");
+						string bio = ReadAString("Please enter the champion bio:");
+						Champion champion = new Champion(name, championClass, bio: bio);
+						DisplayCreationChampionMenu(champion);
+						_ = await dataManager.ChampionsMgr.AddItem(champion);
+					}	
+					break;
+				case 7:
+					{
+						WriteLine("You are going to delete a champion.");
+						string name = ReadAString("Please enter the champion name:");
+						var somechampions = await dataManager.ChampionsMgr.GetItemsByName(name, 0, 10, nameof(Champion.Name));
+						var someChampionNames = somechampions.Select(c => c!.Name);
+						var someChampionNamesAsOneString = someChampionNames.Aggregate("", (name, chaine) => $"{chaine} {name}");
+						string champName = ReadAStringAmongPossibleValues($"Who do you want to delete among these champions? (type \"Cancel\" to ... cancel) {someChampionNamesAsOneString}",
+																			someChampionNames.ToArray());
+						if(champName != "Cancel")
+						{
+							await dataManager.ChampionsMgr.DeleteItem(somechampions.Single(c => c!.Name == champName));
+						}
+					}	
+					break;
+				case 8:
+					{
+						WriteLine("You are going to update a champion.");
+						string name = ReadAString("Please enter the champion name:");
+						var somechampions = await dataManager.ChampionsMgr.GetItemsByName(name, 0, 10, nameof(Champion.Name));
+						var someChampionNames = somechampions.Select(c => c!.Name);
+						var someChampionNamesAsOneString = someChampionNames.Aggregate("", (name, chaine) => $"{chaine} {name}");
+						string champName = ReadAStringAmongPossibleValues($"Who do you want to update among these champions? (type \"Cancel\" to ... cancel) {someChampionNamesAsOneString}",
+																			someChampionNames.ToArray());
+						if(champName == "Cancel") break;
+						ChampionClass championClass = ReadAnEnum<ChampionClass>($"Please enter the champion class (possible values are: {Enum.GetNames<ChampionClass>().Aggregate("", (name, chaine) => $"{chaine} {name}")}):");
+						string bio = ReadAString("Please enter the champion bio:");
+						Champion champion = new Champion(champName, championClass, bio: bio);
+						DisplayCreationChampionMenu(champion);
+						await dataManager.ChampionsMgr.UpdateItem(somechampions.Single(c => c!.Name == champName), champion);
+					}	
+					break;
+				default:
+					break;
+			}
+
+		}
+
+		public static void DisplayCreationChampionMenu(Champion champion)
+		{
+			Dictionary<int, string> choices = new Dictionary<int, string>()
+			{
+				[1] = "1- Add a skill",
+				[2] = "2- Add a skin",
+				[3] = "3- Add a characteristic",
+				[99] = "99- Finish"
+			};
+
+			while(true)
+			{ 
+				int input = DisplayAMenu(choices);
+
+				switch(input)
+				{
+					case 1:
+						string skillName = ReadAString("Please enter the skill name:");
+						SkillType skillType = ReadAnEnum<SkillType>($"Please enter the skill type (possible values are: {Enum.GetNames<SkillType>().Aggregate("", (name, chaine) => $"{chaine} {name}")}):");
+						string skillDescription = ReadAString("Please enter the skill description:");
+						Skill skill = new Skill(skillName, skillType, skillDescription);
+						champion.AddSkill(skill);
+						break;
+					case 2:
+						string skinName = ReadAString("Please enter the skin name:");
+						string skinDescription = ReadAString("Please enter the skin description:");
+						float skinPrice = ReadAFloat("Please enter the price of this skin:");
+						Skin skin = new Skin(skinName, champion, skinPrice, description: skinDescription);
+						break;
+					case 3:
+						string characteristic = ReadAString("Please enter the characteristic:");
+						int value = ReadAnInt("Please enter the value associated to this characteristic:");
+						champion.AddCharacteristics(Tuple.Create(characteristic, value));
+						break;
+					case 99:
+						return;
+					default:
+						break;
+				}
+			}
+		}
+
+		private static int ReadAnInt(string message)
+		{
+			while(true)
+			{
+				WriteLine(message);
+				if(!int.TryParse(ReadLine(), out int result))
+				{
+					continue;
+				}
+				return result;
+			}
+		}
+
+		private static float ReadAFloat(string message)
+		{
+			while(true)
+			{
+				WriteLine(message);
+				if(!float.TryParse(ReadLine(), out float result))
+				{
+					continue;
+				}
+				return result;
+			}
+		}
+
+		private static string ReadAString(string message)
+		{
+			while(true)
+			{
+				WriteLine(message);
+				string? line = ReadLine();
+				if(line == null)
+				{
+					continue;
+				}
+				return line!;
+			}
+		}
+
+		private static TEnum ReadAnEnum<TEnum>(string message) where TEnum :struct
+		{
+			while(true)
+			{
+				WriteLine(message);
+				if(!Enum.TryParse<TEnum>(ReadLine(), out TEnum result))
+				{
+					continue;
+				}
+				return result;
+			}
+		}
+
+		private static string ReadAStringAmongPossibleValues(string message, params string[] possibleValues)
+		{
+			while(true)
+			{
+				WriteLine(message);
+				string? result = ReadLine();
+				if(result == null) continue;
+				if(result != "Cancel" && !possibleValues.Contains(result!)) continue;
+				return result!;
+			}
+		}
+	}
+}
--- a/Sources/View/App.xaml
+++ b/Sources/View/App.xaml
@ -0,0 +1,15 @@
+<?xml version = "1.0" encoding = "UTF-8" ?>
+<Application xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             xmlns:local="clr-namespace:View"
+             x:Class="View.App">
+    <Application.Resources>
+        <ResourceDictionary>
+            <ResourceDictionary.MergedDictionaries>
+                <ResourceDictionary Source="Resources/Styles/Colors.xaml" />
+                <ResourceDictionary Source="Resources/Styles/Styles.xaml" />
+            </ResourceDictionary.MergedDictionaries>
+        </ResourceDictionary>
+    </Application.Resources>
+</Application>
+
--- a/Sources/View/App.xaml.cs
+++ b/Sources/View/App.xaml.cs
@ -0,0 +1,12 @@
+namespace View;
+
+public partial class App : Application
+{
+	public App()
+	{
+		InitializeComponent();
+
+		MainPage = new AppShell();
+	}
+}
+
--- a/Sources/View/AppShell.xaml
+++ b/Sources/View/AppShell.xaml
@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<Shell
+    x:Class="View.AppShell"
+    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:local="clr-namespace:View.Page"
+    Shell.FlyoutBehavior="Disabled">
+
+    <TabBar>
+        
+        <Tab Title="Home"
+             >
+           <ShellContent ContentTemplate="{DataTemplate local:HomeView}" Route="MainPage"/>
+       </Tab>
+        <Tab Title="Champions"
+             
+            >
+           <ShellContent ContentTemplate="{DataTemplate local:ChampionsView}" Route="ChampionsView" FlyoutIcon="iclg.png" />
+       </Tab>
+        
+       
+    </TabBar>
+
+</Shell>
+
--- a/Sources/View/AppShell.xaml.cs
+++ b/Sources/View/AppShell.xaml.cs
@ -0,0 +1,10 @@
+namespace View;
+
+public partial class AppShell : Shell
+{
+	public AppShell()
+	{
+		InitializeComponent();
+	}
+}
+
--- a/Sources/View/ConvertiseurImage/Base64ToImageConverter.cs
+++ b/Sources/View/ConvertiseurImage/Base64ToImageConverter.cs
@ -0,0 +1,29 @@
+using System;
+using System.Globalization;
+using CommunityToolkit.Maui.Converters;
+
+namespace View.ConvertiseurImage
+{
+	public class Base64ToImageConverter : ByteArrayToImageSourceConverter, IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            string Base64 = value as string;
+            if (Base64 == null)
+            {
+                return null;
+            }
+            var x = System.Convert.FromBase64String(Base64);
+            return base.ConvertFrom(x);
+
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            var img = value as ImageSource;
+            var y = base.ConvertBackTo(img);
+            return System.Convert.ToBase64String(y);
+        }
+    }
+}
+
--- a/Sources/View/MainPage.xaml
+++ b/Sources/View/MainPage.xaml
@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="View.MainPage">
+
+    <ScrollView>
+        <VerticalStackLayout
+            Spacing="25"
+            Padding="30,0"
+            VerticalOptions="Center">
+
+            <Image
+                Source="dotnet_bot.png"
+                SemanticProperties.Description="Cute dot net bot waving hi to you!"
+                HeightRequest="200"
+                HorizontalOptions="Center" />
+
+            <Label
+                Text="Hello, World!"
+                SemanticProperties.HeadingLevel="Level1"
+                FontSize="32"
+                HorizontalOptions="Center" />
+
+            <Label
+                Text="Welcome to .NET Multi-platform App UI"
+                SemanticProperties.HeadingLevel="Level2"
+                SemanticProperties.Description="Welcome to dot net Multi platform App U I"
+                FontSize="18"
+                HorizontalOptions="Center" />
+
+            <Button
+                x:Name="CounterBtn"
+                Text="Click me"
+                SemanticProperties.Hint="Counts the number of times you click"
+                Clicked="OnCounterClicked"
+                HorizontalOptions="Center" />
+
+        </VerticalStackLayout>
+    </ScrollView>
+
+</ContentPage>
+
--- a/Sources/View/MainPage.xaml.cs
+++ b/Sources/View/MainPage.xaml.cs
@ -0,0 +1,25 @@
+namespace View;
+
+public partial class MainPage : ContentPage
+{
+	int count = 0;
+
+	public MainPage()
+	{
+		InitializeComponent();
+	}
+
+	private void OnCounterClicked(object sender, EventArgs e)
+	{
+		count++;
+
+		if (count == 1)
+			CounterBtn.Text = $"Clicked {count} time";
+		else
+			CounterBtn.Text = $"Clicked {count} times";
+
+		SemanticScreenReader.Announce(CounterBtn.Text);
+	}
+}
+
+
--- a/Sources/View/MauiProgram.cs
+++ b/Sources/View/MauiProgram.cs
@ -0,0 +1,35 @@
+using Microsoft.Extensions.Logging;
+using Model;
+using StubLib;
+using View.Page;
+using ViewModel;
+using CommunityToolkit.Maui;
+using View.ModelViewPage;
+namespace View;
+
+public static class MauiProgram
+{
+	public static MauiApp CreateMauiApp()
+	{
+		var builder = MauiApp.CreateBuilder();
+		builder
+			.UseMauiApp<App>()
+            .UseMauiCommunityToolkit()
+            .ConfigureFonts(fonts =>
+			{
+				fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
+				fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
+			});
+
+			 builder.Services.AddSingleton<IDataManager, StubData>().AddSingleton<ChampionManagerVM>();
+			 builder.Services.AddTransient<ChampionsView>();
+		builder.Services.AddTransient<ChampionsViewM>();
+#if DEBUG
+        builder.Logging.AddDebug();
+
+#endif
+
+		return builder.Build();
+	}
+}
+
--- a/Sources/View/ModelViewPage/ChampionDetailViewM.cs
+++ b/Sources/View/ModelViewPage/ChampionDetailViewM.cs
@ -0,0 +1,25 @@
+using System;
+using View.Page;
+using ViewModel;
+
+namespace View.ModelViewPage
+{
+	public class ChampionDetailViewM
+	{
+        public ChampionDetailViewM(ChampionManagerVM manager, ChampionVm championVm)
+        {
+            ChampionVM = championVm;
+            EditChampionCommand = new Command(EditChampion);
+            Manager = manager;
+        }
+        public ChampionVm ChampionVM { get; }
+        private ChampionManagerVM Manager;
+        public Command EditChampionCommand { get; }
+
+        private async void EditChampion()
+        {
+            await Shell.Current.Navigation.PushAsync(new AddChampionPage(new EditChampionViewM(Manager, new EditChampionVm(ChampionVM), ChampionVM)));
+        }
+    }
+}
+
--- a/Sources/View/ModelViewPage/ChampionsViewM.cs
+++ b/Sources/View/ModelViewPage/ChampionsViewM.cs
@ -0,0 +1,63 @@
+using System;
+using ViewModel;
+using View.Page;
+using Model;
+using System.Windows.Input;
+using static StubLib.StubData;
+
+namespace View.ModelViewPage
+{
+	public class ChampionsViewM
+	{
+        public ICommand NextPageCommand { get; private set; }
+        public Command PreviousPageCommand { get; }
+        public Command EditChampionCommand { get; }
+        public ChampionManagerVM championManagerVm { get; }
+
+        public ChampionsViewM(ChampionManagerVM championManager)
+        {
+            championManagerVm = championManager;
+            PushToDetailCommand = new Command<ChampionVm>(PushToDetail);
+            NextPageCommand = new Command(NextPage);
+            PreviousPageCommand = new Command(PreviousPage, CanExecutePrevious);
+            AddChampionCommand = new Command(Addchampion);
+
+        }
+        private void NextPage()
+        {
+            championManagerVm.Index++;
+            RefreshCanExecute();
+
+        }
+        private void PreviousPage()
+        {
+            championManagerVm.Index--;
+            RefreshCanExecute();
+        }
+        private bool CanExecutePrevious()
+        {
+            return championManagerVm.Index > 1;
+        }
+        void RefreshCanExecute()
+        {
+
+            PreviousPageCommand.ChangeCanExecute();
+
+        }
+
+        public Command PushToDetailCommand { get; }
+        public Command AddChampionCommand { get; }
+
+        private void PushToDetail(ChampionVm champion)
+        {
+            Shell.Current.Navigation.PushAsync(new DetailChampion(new ChampionDetailViewM(championManagerVm, champion)));
+        }
+
+        private void Addchampion()
+        {
+            Shell.Current.Navigation.PushAsync(page: new AddChampionPage(new EditChampionViewM(championManagerVm, new EditChampionVm(null), null)));
+        }
+
+    }
+}
+
--- a/Sources/View/ModelViewPage/EditChampionViewM.cs
+++ b/Sources/View/ModelViewPage/EditChampionViewM.cs
@ -0,0 +1,74 @@
+using System;
+using ViewModel;
+
+namespace View.ModelViewPage
+{
+	public class EditChampionViewM
+	{
+        public Command PickIconCommand { get; }
+        public Command PickImageCommand { get; }
+
+        public EditChampionViewM(ChampionManagerVM manager, EditChampionVm aditableChampion,ChampionVm championVM)
+        {
+            Manager = manager;
+            EditableChampion = aditableChampion;
+            ChampionVM = championVM;
+            SaveChampionCommand = new Command(SaveChampion);
+            PickIconCommand = new Command(async () => await PickIcon());
+            PickImageCommand = new Command(async () => await PickImage());
+            Title = aditableChampion.IsNew ? "Create" : "Update";
+        }
+
+        public string Title { get; }
+
+        private ChampionManagerVM Manager;
+        public EditChampionVm EditableChampion { get; }
+        private ChampionVm ChampionVM;
+
+        public Command SaveChampionCommand { get; }
+
+        private async void SaveChampion()
+        {
+            Manager.SaveChampion(EditableChampion, ChampionVM);
+            await Shell.Current.Navigation.PopAsync();
+        }
+
+
+
+        private async Task PickIcon()
+        {
+            var result = await FilePicker.PickAsync(new PickOptions
+            {
+                FileTypes = FilePickerFileType.Images,
+                PickerTitle = "Pick an icon",
+
+            });
+            if (result != null)
+            {
+                var stream = await result.OpenReadAsync();
+                var bytes = new byte[stream.Length];
+                await stream.ReadAsync(bytes, 0, (int)stream.Length);
+                EditableChampion.Icon = Convert.ToBase64String(bytes);
+            }
+        }
+
+        private async Task PickImage()
+        {
+            var result = await FilePicker.PickAsync(new PickOptions
+            {
+                FileTypes = FilePickerFileType.Images,
+                PickerTitle = "Pick an image",
+
+            });
+            if (result != null)
+            {
+                var stream = await result.OpenReadAsync();
+                var bytes = new byte[stream.Length];
+                await stream.ReadAsync(bytes, 0, (int)stream.Length);
+                EditableChampion.Image = Convert.ToBase64String(bytes);
+            }
+        }
+
+    }
+}
+
--- a/Sources/View/Page/AddChampionPage.xaml
+++ b/Sources/View/Page/AddChampionPage.xaml
@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             xmlns:vm ="clr-namespace:View.ModelViewPage"
+             xmlns:convert="clr-namespace:View.ConvertiseurImage"
+             x:Class="View.Page.AddChampionPage"
+             Title="AddChampionPage">
+   
+
+    <StackLayout HorizontalOptions="Center" VerticalOptions="CenterAndExpand" Spacing="20">
+        <Label Text="Nouveau Champion" FontSize="Title" HorizontalOptions="Center" />
+       
+        <StackLayout Orientation="Horizontal" Spacing="10">
+            <Label Text="Nom:" FontSize="Subtitle" VerticalOptions="Center" />
+            <Entry  Text="{Binding EditableChampion.Name}" Placeholder="Nom du Champion" HorizontalOptions="FillAndExpand" />
+        </StackLayout>
+            
+        <StackLayout Orientation="Horizontal" Spacing="10">
+            <Label Text="Icône:" FontSize="Subtitle" VerticalOptions="Center" />
+            <ImageButton Source="{Binding EditableChampion.Icon,Converter={StaticResource Base64ToImageConverter}}" Command="{Binding PickIconCommand}"  />
+
+        </StackLayout>
+            
+        <StackLayout Orientation="Horizontal" Spacing="1">
+            <Label Text="Image:" FontSize="Subtitle" VerticalOptions="Center" />
+            <ImageButton Source="{Binding EditableChampion.Image,Converter={StaticResource Base64ToImageConverter}}" Command="{Binding PickImageCommand }"  />
+
+        </StackLayout>
+
+        <StackLayout Orientation="Horizontal">
+            <Label Text="Bio:" FontSize="Subtitle" />
+            <Entry Text="{Binding EditableChampion.Bio}" Placeholder="Nom du Champion" HorizontalOptions="FillAndExpand" HeightRequest="200" WidthRequest="200"   />
+           
+        </StackLayout>
+
+        <StackLayout Orientation="Horizontal" HorizontalOptions="Center"  >
+            <Button Text="Ajouter" Command="{Binding SaveChampionCommand}" HorizontalOptions="Center" Padding="10" Margin="10" BackgroundColor="#DAA520"/>
+            <Button Text="Annuler" HorizontalOptions="Center" Padding="10" Margin="10" BackgroundColor="#DAA520" />
+        </StackLayout>
+    </StackLayout>
+    
+</ContentPage>
+
--- a/Sources/View/Page/AddChampionPage.xaml.cs
+++ b/Sources/View/Page/AddChampionPage.xaml.cs
@ -0,0 +1,13 @@
+using ViewModel;
+using View.ModelViewPage;
+
+namespace View.Page;
+
+public partial class AddChampionPage : ContentPage
+{
+	public AddChampionPage(EditChampionViewM vm)
+	{
+		InitializeComponent();
+        BindingContext = vm;
+    }
+}
--- a/Sources/View/Page/ChampionsView.xaml
+++ b/Sources/View/Page/ChampionsView.xaml
@ -0,0 +1,79 @@
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             xmlns:viewM="clr-namespace:ViewModel;assembly=ViewModel"
+             xmlns:convert="clr-namespace:View.ConvertiseurImage"
+             xmlns:vm="clr-namespace:View.ModelViewPage"
+             xmlns:page="clr-namespace:View.Page"
+             x:Class="View.Page.ChampionsView"
+             Title="ChampionsView">
+ <ContentPage.ToolbarItems>
+        <ToolbarItem Text="Ajouter" Command="{Binding AddChampionCommand}" Priority="0" Order="Primary"/>
+    </ContentPage.ToolbarItems>
+    
+   <ContentPage.Resources>
+        <convert:Base64ToImageConverter x:Key="Base64ToImageConverter"/>
+    </ContentPage.Resources>
+    <VerticalStackLayout>
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="300" />
+            </Grid.RowDefinitions>
+
+            <Grid>
+                <ListView ItemsSource="{Binding championManagerVm.Champions}" >
+                    <ListView.ItemTemplate>
+                        <DataTemplate>
+                            <ViewCell>
+                                <ViewCell.View>
+                                    <SwipeView >
+                                        <SwipeView.RightItems>
+                                            <SwipeItem 
+                                                Text="Modifier" 
+                                                BackgroundColor="Gray"
+                                                Command="{Binding EditChampionCommand}"
+                                                
+                                            />
+                                            <SwipeItem Text="Supprimer" BackgroundColor="Red"/>
+                                        </SwipeView.RightItems>                          
+                                        <Grid ColumnDefinitions="50,*,20" ColumnSpacing="10">
+                                            <Grid.GestureRecognizers>
+                                                <TapGestureRecognizer Command="{Binding Source={RelativeSource AncestorType={x:Type vm:ChampionsViewM}}, Path=PushToDetailCommand}" CommandParameter="{Binding .}"/>
+                                            </Grid.GestureRecognizers>
+                                            <Image Source="{Binding Icon, Converter={StaticResource Base64ToImageConverter}}" HeightRequest="50" WidthRequest="50"/>
+                                            <StackLayout Orientation="Vertical" Grid.Column="1">
+                                                <Label Text="{Binding Name}" VerticalOptions="Center" FontAttributes="Bold"/>
+                                            
+                                            </StackLayout>
+                                        </Grid>
+                                    </SwipeView>
+                                </ViewCell.View>
+                            </ViewCell>
+                        </DataTemplate>
+                    </ListView.ItemTemplate>
+                </ListView>
+            </Grid>
+            <Grid Grid.Row="1" VerticalOptions="End" >
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition />
+                    <ColumnDefinition />
+                    <ColumnDefinition />
+                </Grid.ColumnDefinitions>
+                <Grid.RowDefinitions>
+                    <RowDefinition/>
+                    <RowDefinition/>
+                    <RowDefinition/>
+                </Grid.RowDefinitions>
+                <HorizontalStackLayout >
+                  
+                    <Button Text="L" HeightRequest="12 " Command="{Binding  PreviousPageCommand}"/>
+                    <Button Text="R"  HeightRequest="12 "
+                        Command="{Binding NextPageCommand}" />
+         
+
+                    </HorizontalStackLayout>
+            </Grid>
+        </Grid>
+        
+    </VerticalStackLayout>
+</ContentPage>
--- a/Sources/View/Page/ChampionsView.xaml.cs
+++ b/Sources/View/Page/ChampionsView.xaml.cs
@ -0,0 +1,12 @@
+namespace View.Page;
+using ModelViewPage;
+using ViewModel;
+
+public partial class ChampionsView : ContentPage
+{
+	public ChampionsView(ChampionsViewM vm)
+	{
+		InitializeComponent();
+        BindingContext = vm;
+    }
+}
--- a/Sources/View/Page/DetailChampion.xaml
+++ b/Sources/View/Page/DetailChampion.xaml
@ -0,0 +1,172 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             xmlns:convert="clr-namespace:View.ConvertiseurImage"
+             x:Class="View.Page.DetailChampion"
+             Title="DetailChampion">
+     <ContentPage.ToolbarItems>
+        <ToolbarItem Text="Modifier" Command="{Binding EditChampionCommand}" Priority="0" Order="Primary"/>
+    </ContentPage.ToolbarItems>
+    <ContentPage.Resources>
+        <convert:Base64ToImageConverter x:Key="Base64ToImageConverter"/>
+    </ContentPage.Resources>
+    <ContentView>
+    <ScrollView>
+        <VerticalStackLayout>
+        <Grid><Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="*" />
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="Auto" />
+        </Grid.RowDefinitions>
+
+         <Grid Grid.Row="1" WidthRequest="420" HeightRequest="200" Margin="20">
+             <Image Source="{Binding ChampionVM.Image.Base64, Converter={StaticResource Base64ToImageConverter}}"></Image>
+            </Grid>
+       <Grid Grid.Row="2" Margin="20">
+           <Grid.ColumnDefinitions>
+            <ColumnDefinition />
+            <ColumnDefinition />
+            <ColumnDefinition />
+           </Grid.ColumnDefinitions>
+                     
+           <Label
+            Grid.Column="0"
+            Text="{Binding ChampionVM.Name}"
+            VerticalOptions="Start" 
+            HorizontalOptions="Start"
+            TextColor="#B8860B"
+            />
+           <VerticalStackLayout  HorizontalOptions="End" Grid.Column="2" >
+            <Image HeightRequest="20" VerticalOptions="End"  HorizontalOptions="End"  WidthRequest="23" Source="mageicon.png" />         
+           <Label
+            Grid.Column="2"
+            Text="{Binding ChampionVM.Class}"
+            VerticalOptions="End" 
+            HorizontalOptions="End"
+            TextColor='#DAA520'/>
+
+            </VerticalStackLayout>
+               
+
+          
+           
+       </Grid>
+<Grid Grid.Row="3" Margin="20">
+    <Label
+    
+    Text="{Binding ChampionVM.Bio}"
+    VerticalOptions="Center" 
+    HorizontalOptions="Center"
+        TextColor="Black"/>
+</Grid>
+            <Grid Grid.Row="4">
+                    <Label Text="Caractéristique" FontFamily="20" FontSize="Title" Margin="12" TextColor="#B8860B"/>
+                    </Grid>
+        <Grid Grid.Row="5" HeightRequest="190">
+    <CollectionView ItemsSource="{Binding ChampionVM.Characteristics}">
+        <CollectionView.ItemsLayout>
+            <GridItemsLayout Span="3" Orientation="Vertical" />
+        </CollectionView.ItemsLayout>
+        <CollectionView.ItemTemplate>
+            <DataTemplate>
+                <Frame Padding="8">
+                    <Grid HeightRequest="50" WidthRequest="130">
+                        <Grid.RowDefinitions>
+                            <RowDefinition Height="*" />
+                            <RowDefinition Height="Auto" />
+                        </Grid.RowDefinitions>
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="*" />
+                        </Grid.ColumnDefinitions>
+                        <Label Text="{Binding Key}" Grid.Row="0" HorizontalOptions="Center" VerticalOptions="Center" />
+                        <Label Text="{Binding Value}" Grid.Row="1" HorizontalOptions="Center" VerticalOptions="Center" />
+                    </Grid>
+                </Frame>
+            </DataTemplate>
+        </CollectionView.ItemTemplate>
+    </CollectionView>
+</Grid>
+
+
+<Grid Grid.Row="6">
+    <Label Text="Compétences" FontFamily="25" FontSize="Title" TextColor="#B8860B"/>
+</Grid>
+<Grid Grid.Row="7">
+    <CollectionView ItemsSource="{Binding ChampionVM.Skills}">
+        <CollectionView.ItemTemplate>
+            <DataTemplate>
+                <Grid Padding="10">
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="Auto" />
+                        <ColumnDefinition />
+                        <ColumnDefinition Width="Auto" />
+                    </Grid.ColumnDefinitions>
+                    <Grid.RowDefinitions>
+                        <RowDefinition Height="Auto" />
+                        <RowDefinition Height="Auto" />
+                        <RowDefinition Height="Auto" />
+                        <RowDefinition Height="0,5" /> 
+                    </Grid.RowDefinitions>
+                    <Label
+                        Grid.Column="0"
+                        Text="{Binding Name}"
+                        VerticalOptions="Start"
+                        HorizontalOptions="Start"
+                        TextColor="#DAA520"
+                        Padding="0,0,10,0" />
+                    <Label
+                        Grid.Column="2"
+                        Text="{Binding Type}"
+                        VerticalOptions="Start"
+                        HorizontalOptions="End"
+                        TextColor="#DAA520"
+                        Padding="0,0,0,10" />
+                    <Label
+                        Grid.Row="1"
+                        Grid.Column="0"
+                        Grid.ColumnSpan="3"
+                        Text="{Binding Description}"
+                        VerticalOptions="Start"
+                        HorizontalOptions="Start"
+                        TextColor="Black"
+                        LineBreakMode="WordWrap"
+                        MaxLines="3" />
+                    <BoxView Grid.Row="3" Grid.Column="0" Grid.ColumnSpan="3" HeightRequest="1" BackgroundColor="Gray" /> 
+                </Grid>
+            </DataTemplate>
+        </CollectionView.ItemTemplate>
+    </CollectionView>
+</Grid>
+ <Grid>
+        <ListView ItemsSource="{Binding Skill}">
+            <ListView.ItemTemplate>
+                <DataTemplate>
+                    <Grid>
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="Auto"/>
+                            <ColumnDefinition Width="*"/>
+                            <ColumnDefinition Width="Auto"/>
+                        </Grid.ColumnDefinitions>
+                        <Image Source="{Binding Icon}" Margin="5"/>
+                        <Label Text="{Binding Name}"  Grid.Column="1"/>
+                        <Button Text="+" Margin="5"  Grid.Column="2"/>
+                    </Grid>
+                </DataTemplate>
+            </ListView.ItemTemplate>
+        </ListView>
+    </Grid>
+
+     </Grid>
+
+</VerticalStackLayout>
+</ScrollView>
+</ContentView>
+</ContentPage>
+
+   
+
--- a/Sources/View/Page/DetailChampion.xaml.cs
+++ b/Sources/View/Page/DetailChampion.xaml.cs
@ -0,0 +1,12 @@
+using View.ModelViewPage;
+using ViewModel;
+namespace View.Page;
+
+public partial class DetailChampion : ContentPage
+{
+	public DetailChampion(ChampionDetailViewM vm)
+	{
+		InitializeComponent();
+		BindingContext = vm;
+	}
+}
--- a/Sources/View/Page/HomeView.xaml
+++ b/Sources/View/Page/HomeView.xaml
@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="View.Page.HomeView"
+             Title="HomeView">
+    <VerticalStackLayout>
+        <Grid>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="140" />
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="Auto" />
+             <RowDefinition Height="Auto" />
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="Auto" />
+        </Grid.RowDefinitions>
+            <Grid Grid.Row="1">
+                <Image Source="league.png" WidthRequest="300" HeightRequest="400" Margin="-50" ></Image>
+
+            </Grid>
+            <Grid Grid.Row="2">
+                <Label Text="League of" VerticalOptions="Center" HorizontalOptions="Center" FontFamily="35" FontSize="Title"></Label>
+                
+
+            </Grid>
+            <Grid Grid.Row="3">
+                    <Label Text="Legends Data" VerticalOptions="Center" HorizontalOptions="Center" FontFamily="30" FontSize ="Title"></Label>
+            </Grid>
+          <Grid Grid.Row="4">
+                    <Label Text="Find information about champions ,  " VerticalOptions="Center" HorizontalOptions="Center" FontFamily="10" FontSize="Header"></Label>
+          </Grid>
+            <Grid Grid.Row="5">
+                    <Label Text=" skins and runes  " VerticalOptions="Center" HorizontalOptions="Center" FontFamily="10" FontSize="Small"></Label>
+          </Grid>
+        </Grid>
+    </VerticalStackLayout>
+</ContentPage>
--- a/Sources/View/Page/HomeView.xaml.cs
+++ b/Sources/View/Page/HomeView.xaml.cs
@ -0,0 +1,9 @@
+namespace View.Page;
+
+public partial class HomeView : ContentPage
+{
+	public HomeView()
+	{
+		InitializeComponent();
+	}
+}
--- a/Sources/View/Platforms/Android/AndroidManifest.xml
+++ b/Sources/View/Platforms/Android/AndroidManifest.xml
@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+	<application android:allowBackup="true" android:icon="@mipmap/appicon" android:roundIcon="@mipmap/appicon_round" android:supportsRtl="true"></application>
+	<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+	<uses-permission android:name="android.permission.INTERNET" />
+</manifest>
--- a/Sources/View/Platforms/Android/MainActivity.cs
+++ b/Sources/View/Platforms/Android/MainActivity.cs
@ -0,0 +1,11 @@
+using Android.App;
+using Android.Content.PM;
+using Android.OS;
+
+namespace View;
+
+[Activity(Theme = "@style/Maui.SplashTheme", MainLauncher = true, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation | ConfigChanges.UiMode | ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize | ConfigChanges.Density)]
+public class MainActivity : MauiAppCompatActivity
+{
+}
+
--- a/Sources/View/Platforms/Android/MainApplication.cs
+++ b/Sources/View/Platforms/Android/MainApplication.cs
@ -0,0 +1,16 @@
+using Android.App;
+using Android.Runtime;
+
+namespace View;
+
+[Application]
+public class MainApplication : MauiApplication
+{
+	public MainApplication(IntPtr handle, JniHandleOwnership ownership)
+		: base(handle, ownership)
+	{
+	}
+
+	protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+}
+
--- a/Sources/View/Platforms/Android/Resources/values/colors.xml
+++ b/Sources/View/Platforms/Android/Resources/values/colors.xml
@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="colorPrimary">#512BD4</color>
+    <color name="colorPrimaryDark">#2B0B98</color>
+    <color name="colorAccent">#2B0B98</color>
+</resources>
+
--- a/Sources/View/Platforms/MacCatalyst/AppDelegate.cs
+++ b/Sources/View/Platforms/MacCatalyst/AppDelegate.cs
@ -0,0 +1,10 @@
+using Foundation;
+
+namespace View;
+
+[Register("AppDelegate")]
+public class AppDelegate : MauiUIApplicationDelegate
+{
+	protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+}
+
--- a/Sources/View/Platforms/MacCatalyst/Info.plist
+++ b/Sources/View/Platforms/MacCatalyst/Info.plist
@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>UIDeviceFamily</key>
+	<array>
+		<integer>1</integer>
+		<integer>2</integer>
+	</array>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>arm64</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UISupportedInterfaceOrientations~ipad</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationPortraitUpsideDown</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>XSAppIconAssets</key>
+	<string>Assets.xcassets/appicon.appiconset</string>
+</dict>
+</plist>
--- a/Sources/View/Platforms/MacCatalyst/Program.cs
+++ b/Sources/View/Platforms/MacCatalyst/Program.cs
@ -0,0 +1,16 @@
+using ObjCRuntime;
+using UIKit;
+
+namespace View;
+
+public class Program
+{
+	// This is the main entry point of the application.
+	static void Main(string[] args)
+	{
+		// if you want to use a different Application Delegate class from "AppDelegate"
+		// you can specify it here.
+		UIApplication.Main(args, null, typeof(AppDelegate));
+	}
+}
+
--- a/Sources/View/Platforms/Tizen/Main.cs
+++ b/Sources/View/Platforms/Tizen/Main.cs
@ -0,0 +1,17 @@
+using System;
+using Microsoft.Maui;
+using Microsoft.Maui.Hosting;
+
+namespace View;
+
+class Program : MauiApplication
+{
+	protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
+
+	static void Main(string[] args)
+	{
+		var app = new Program();
+		app.Run(args);
+	}
+}
+
--- a/Sources/View/Platforms/Tizen/tizen-manifest.xml
+++ b/Sources/View/Platforms/Tizen/tizen-manifest.xml
@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest package="maui-application-id-placeholder" version="0.0.0" api-version="7" xmlns="http://tizen.org/ns/packages">
+  <profile name="common" />
+  <ui-application appid="maui-application-id-placeholder" exec="View.dll" multiple="false" nodisplay="false" taskmanage="true" type="dotnet" launch_mode="single">
+    <label>maui-application-title-placeholder</label>
+    <icon>maui-appicon-placeholder</icon>
+    <metadata key="http://tizen.org/metadata/prefer_dotnet_aot" value="true" />
+  </ui-application>
+  <shortcut-list />
+  <privileges>
+    <privilege>http://tizen.org/privilege/internet</privilege>
+  </privileges> 
+  <dependencies />
+  <provides-appdefined-privileges />
+</manifest>
--- a/Show More
+++ b/Show More