second push

BlazorAppClean.sln

@@ -3,7 +3,9 @@ Microsoft Visual Studio Solution File, Format Version 12.00
 # Visual Studio Version 17
 VisualStudioVersion = 17.3.32929.385
 MinimumVisualStudioVersion = 10.0.40219.1
-Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "BlazorAppClean", "BlazorAppClean\BlazorAppClean.csproj", "{8F965E61-DC11-4545-BF2B-F81850892269}"
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BlazorAppClean", "BlazorAppClean\BlazorAppClean.csproj", "{8F965E61-DC11-4545-BF2B-F81850892269}"
+EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Minecraft.Crafting.Api", "..\minecraft_compagnonv0\Sources\Minecraft.Crafting.Api\Minecraft.Crafting.Api.csproj", "{C00E33A7-4E2E-404C-88A0-82902E652FC8}"
 EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
@@ -15,6 +17,10 @@ Global
 		{8F965E61-DC11-4545-BF2B-F81850892269}.Debug|Any CPU.Build.0 = Debug|Any CPU
 		{8F965E61-DC11-4545-BF2B-F81850892269}.Release|Any CPU.ActiveCfg = Release|Any CPU
 		{8F965E61-DC11-4545-BF2B-F81850892269}.Release|Any CPU.Build.0 = Release|Any CPU
+		{C00E33A7-4E2E-404C-88A0-82902E652FC8}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{C00E33A7-4E2E-404C-88A0-82902E652FC8}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{C00E33A7-4E2E-404C-88A0-82902E652FC8}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{C00E33A7-4E2E-404C-88A0-82902E652FC8}.Release|Any CPU.Build.0 = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(SolutionProperties) = preSolution
 		HideSolutionNode = FALSE

BlazorAppClean/App.razor

@@ -1,12 +1,14 @@
-<Router AppAssembly="@typeof(App).Assembly">
+<CascadingBlazoredModal>
-    <Found Context="routeData">
+    <Router AppAssembly="@typeof(App).Assembly">
-        <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
+        <Found Context="routeData">
-        <FocusOnNavigate RouteData="@routeData" Selector="h1" />
+            <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
-    </Found>
+            <FocusOnNavigate RouteData="@routeData" Selector="h1" />
-    <NotFound>
+        </Found>
-        <PageTitle>Not found</PageTitle>
+        <NotFound>
-        <LayoutView Layout="@typeof(MainLayout)">
+            <PageTitle>Not found</PageTitle>
-            <p role="alert">Sorry, there's nothing at this address.</p>
+            <LayoutView Layout="@typeof(MainLayout)">
-        </LayoutView>
+                <p role="alert">Sorry, there's nothing at this address.</p>
-    </NotFound>
+            </LayoutView>
-</Router>
+        </NotFound>
+    </Router>
+</CascadingBlazoredModal>

BlazorAppClean/BlazorAppClean.csproj

@@ -6,4 +6,13 @@
     <ImplicitUsings>enable</ImplicitUsings>
   </PropertyGroup>
 
+  <ItemGroup>
+    <PackageReference Include="Blazored.LocalStorage" Version="4.3.0" />
+    <PackageReference Include="Blazored.Modal" Version="7.1.0" />
+    <PackageReference Include="Blazorise" Version="1.1.5" />
+    <PackageReference Include="Blazorise.Bootstrap" Version="1.1.5" />
+    <PackageReference Include="Blazorise.DataGrid" Version="1.1.5" />
+    <PackageReference Include="Blazorise.Icons.FontAwesome" Version="1.1.5" />
+  </ItemGroup>
+
 </Project>

BlazorAppClean/Components/Card.razor

@@ -0,0 +1,6 @@
+@typeparam TItem
+<div class="card text-center">
+    @CardHeader(Item)
+    @CardBody(Item)
+    @CardFooter
+</div>

BlazorAppClean/Components/Card.razor.cs

@@ -0,0 +1,19 @@
+using Microsoft.AspNetCore.Components;
+
+namespace BlazorAppClean.Components
+{
+    public partial class Card<TItem>
+    {
+        [Parameter]
+        public RenderFragment<TItem> CardBody { get; set; }
+
+        [Parameter]
+        public RenderFragment CardFooter { get; set; }
+
+        [Parameter]
+        public RenderFragment<TItem> CardHeader { get; set; }
+
+        [Parameter]
+        public TItem Item { get; set; }
+    }
+}

BlazorAppClean/Components/Crafting.razor

@@ -0,0 +1,53 @@
+<CascadingValue Value="@this">
+    <div class="container">
+        <div class="row">
+            <div class="col-6">
+                
+                <div>Available items:</div>
+                <div>
+                    <div class="css-grid">
+                        
+                        @foreach (var item in Items)
+                        {
+                            <CascadingValue Value="@this">
+                                <CraftingItem Item="item" NoDrop="true"/>
+                            </CascadingValue>
+                        }
+                    </div>
+                </div>
+
+            </div>
+
+            <div class="col-6">
+                <div>Recipe</div>
+                
+                <div>
+                    
+                    <div class="css-recipe">
+                        <CraftingItem Index="0"/>
+                        <CraftingItem Index="1"/>
+                        <CraftingItem Index="2"/>
+                        <CraftingItem Index="3"/>
+                        <CraftingItem Index="4"/>
+                        <CraftingItem Index="5"/>
+                        <CraftingItem Index="6"/>
+                        <CraftingItem Index="7"/>
+                        <CraftingItem Index="8"/>
+                    </div>
+                </div>
+                
+                <div>Result</div>
+                <div>
+                    <CraftingItem Item="RecipeResult"/>
+                </div>
+            </div>
+
+            <div class="col-12">
+                <div>Actions</div>
+                <div class="actions" id="actions">
+
+                </div>
+            </div>
+        </div>
+    </div>
+</CascadingValue>

BlazorAppClean/Components/Crafting.razor.cs

@@ -0,0 +1,82 @@
+using BlazorAppClean.Models;
+using Microsoft.AspNetCore.Components;
+using Microsoft.JSInterop;
+using System.Collections.ObjectModel;
+using System.Collections.Specialized;
+
+namespace BlazorAppClean.Components
+{
+    public partial class Crafting
+    {
+        [CascadingParameter]
+        public Crafting Parent { get; set; }
+        private Item _recipeResult;
+
+        public Crafting()
+        {
+            Actions = new ObservableCollection<CraftingAction>();
+            Actions.CollectionChanged += OnActionsCollectionChanged;
+            this.RecipeItems = new List<Item> { null, null, null, null, null, null, null, null, null };
+        }
+
+        public ObservableCollection<CraftingAction> Actions { get; set; }
+        public Item CurrentDragItem { get; set; }
+
+        [Parameter]
+        public List<Item> Items { get; set; }
+
+        public List<Item> RecipeItems { get; set; }
+
+        public Item RecipeResult
+        {
+            get => this._recipeResult;
+            set
+            {
+                if (this._recipeResult == value)
+                {
+                    return;
+                }
+
+                this._recipeResult = value;
+                this.StateHasChanged();
+            }
+        }
+
+        [Parameter]
+        public List<CraftingRecipe> Recipes { get; set; }
+
+        /// <summary>
+        /// Gets or sets the java script runtime.
+        /// </summary>
+        [Inject]
+        internal IJSRuntime JavaScriptRuntime { get; set; }
+
+        public void CheckRecipe()
+        {
+            RecipeResult = null;
+
+            // Get the current model
+            var currentModel = string.Join("|", this.RecipeItems.Select(s => s != null ? s.Name : string.Empty));
+
+            this.Actions.Add(new CraftingAction { Action = $"Items : {currentModel}" });
+
+            foreach (var craftingRecipe in Recipes)
+            {
+                // Get the recipe model
+                var recipeModel = string.Join("|", craftingRecipe.Have.SelectMany(s => s));
+
+                this.Actions.Add(new CraftingAction { Action = $"Recipe model : {recipeModel}" });
+
+                if (currentModel == recipeModel)
+                {
+                    RecipeResult = craftingRecipe.Give;
+                }
+            }
+        }
+
+        private void OnActionsCollectionChanged(object? sender, NotifyCollectionChangedEventArgs e)
+        {
+            JavaScriptRuntime.InvokeVoidAsync("Crafting.AddActions", e.NewItems);
+        }
+    }
+}

BlazorAppClean/Components/Crafting.razor.css

@@ -0,0 +1,19 @@
+.css-grid {
+    grid-template-columns: repeat(4,minmax(0,1fr));
+    gap: 10px;
+    display: grid;
+    width: 286px;
+}
+
+.css-recipe {
+    grid-template-columns: repeat(3,minmax(0,1fr));
+    gap: 10px;
+    display: grid;
+    width: 212px;
+}
+
+.actions {
+    border: 1px solid black;
+    height: 250px;
+    overflow: scroll;
+}

BlazorAppClean/Components/Crafting.razor.js

@@ -0,0 +1,16 @@
+window.Crafting =
+{
+    AddActions: function (data) {
+
+        data.forEach(element => {
+            var div = document.createElement('div');
+            div.innerHTML = 'Action: ' + element.action + ' - Index: ' + element.index;
+
+            if (element.item) {
+                div.innerHTML += ' - Item Name: ' + element.item.name;
+            }
+
+            document.getElementById('actions').appendChild(div);
+        });
+    }
+}

BlazorAppClean/Components/CraftingAction.cs

@@ -0,0 +1,11 @@
+using BlazorAppClean.Models;
+
+namespace BlazorAppClean.Components
+{
+    public class CraftingAction
+    {
+        public string Action { get; set; }
+        public int Index { get; set; }
+        public Item Item { get; set; }
+    }
+}

BlazorAppClean/Components/CraftingItem.razor

@@ -0,0 +1,14 @@
+<div
+    class="item"
+    ondragover="event.preventDefault();"
+    draggable="true"
+    @ondragstart="@OnDragStart"
+    @ondrop="@OnDrop"
+    @ondragenter="@OnDragEnter"
+    @ondragleave="@OnDragLeave">
+
+    @if (Item != null)
+    {
+        @Item.DisplayName
+    }
+</div>

BlazorAppClean/Components/CraftingItem.razor.cs

@@ -0,0 +1,64 @@
+using BlazorAppClean.Models;
+using Blazorise;
+using Microsoft.AspNetCore.Components;
+
+namespace BlazorAppClean.Components
+{
+    public partial class CraftingItem
+    {
+        [Parameter]
+        public int Index { get; set; }
+
+        [Parameter]
+        public Item Item { get; set; }
+
+        [Parameter]
+        public bool NoDrop { get; set; }
+
+        [CascadingParameter]
+        public Crafting Parent { get; set; }
+
+        internal void OnDragEnter()
+        {
+            if (NoDrop)
+            {
+                return;
+            }
+
+            Parent.Actions.Add(new CraftingAction { Action = "Drag Enter", Item = this.Item, Index = this.Index });
+        }
+
+        internal void OnDragLeave()
+        {
+            if (NoDrop)
+            {
+                return;
+            }
+
+            Parent.Actions.Add(new CraftingAction { Action = "Drag Leave", Item = this.Item, Index = this.Index });
+        }
+
+        internal void OnDrop()
+        {
+            if (NoDrop)
+            {
+                return;
+            }
+
+            this.Item = Parent.CurrentDragItem;
+            Parent.RecipeItems[this.Index] = this.Item;
+
+            Parent.Actions.Add(new CraftingAction { Action = "Drop", Item = this.Item, Index = this.Index });
+
+            // Check recipe
+            Parent.CheckRecipe();
+        }
+
+        private void OnDragStart()
+        {
+            Parent.CurrentDragItem = this.Item;
+
+            Parent.Actions.Add(new CraftingAction { Action = "Drag Start", Item = this.Item, Index = this.Index });
+        }
+    }
+}

BlazorAppClean/Components/CraftingItem.razor.css

@@ -0,0 +1,6 @@
+.item {
+    width: 64px;
+    height: 64px;
+    border: 1px solid;
+    overflow: hidden;
+}

BlazorAppClean/Components/CraftingRecipe.cs

@@ -0,0 +1,10 @@
+using BlazorAppClean.Models;
+
+namespace BlazorAppClean.Components
+{
+    public class CraftingRecipe
+    {
+        public Item Give { get; set; }
+        public List<List<string>> Have { get; set; }
+    }
+}

BlazorAppClean/Components/MyFirstChildComponent.razor

@@ -0,0 +1,14 @@
+@code {
+    [Parameter]
+    public RenderFragment ChildContent { get; set; }
+
+    [Parameter]
+    public MyRootComponent RootComponent { get; set; }
+}
+
+<div style="border: 1px solid black; padding: 10px;">
+    <strong>MyFirstChildComponent - @RootComponent.Text</strong>
+    <div>
+        @ChildContent
+    </div>
+</div>

BlazorAppClean/Components/MyRootComponent.razor

@@ -0,0 +1,16 @@
+@code {
+    [Parameter]
+    public RenderFragment ChildContent { get; set; }
+
+    [Parameter]
+    public string Text { get; set; }
+}
+
+<div style="border: 1px solid black; padding: 10px;">
+    <strong>MyRootComponent - @Text</strong>
+    <div>
+        <CascadingValue Value="@this">
+            @ChildContent
+        </CascadingValue>
+    </div>
+</div>

BlazorAppClean/Components/MySecondChildComponent.razor

@@ -0,0 +1,14 @@
+@code {
+    [Parameter]
+    public RenderFragment ChildContent { get; set; }
+
+    [Parameter]
+    public MyRootComponent RootComponent { get; set; }
+}
+
+<div style="border: 1px solid black; padding: 10px;">
+    <strong>MySecondChildComponent - @RootComponent.Text</strong>
+    <div>
+        @ChildContent
+    </div>
+</div>

BlazorAppClean/Components/ShowItems.razor

@@ -0,0 +1,11 @@
+@typeparam TItem
+
+<div>
+    @if ((Items?.Count ?? 0) != 0)
+    {
+        @foreach (var item in Items)
+        {
+            @ShowTemplate(item);
+        }
+    }
+</div>

BlazorAppClean/Components/ShowItems.razor.cs

@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Components;
+
+namespace BlazorAppClean.Components
+{
+    public partial class ShowItems<TItem>
+    {
+        [Parameter]
+        public List<TItem> Items { get; set; }
+
+        [Parameter]
+        public RenderFragment<TItem> ShowTemplate { get; set; }
+    }
+}

BlazorAppClean/Components/TestRenderFragment.razor

@@ -0,0 +1,8 @@
+<h3>TestRenderFragment</h3>
+
+@code {
+    [Parameter]
+    public RenderFragment ChildContent { get; set; }
+}
+
+@ChildContent

BlazorAppClean/Controllers/CultureController.cs

@@ -0,0 +1,31 @@
+using Microsoft.AspNetCore.Localization;
+using Microsoft.AspNetCore.Mvc;
+
+/// <summary>
+/// The culture controller.
+/// </summary>
+[Route("[controller]/[action]")]
+public class CultureController : Controller
+{
+    /// <summary>
+    /// Sets the culture.
+    /// </summary>
+    /// <param name="culture">The culture.</param>
+    /// <param name="redirectUri">The redirect URI.</param>
+    /// <returns>
+    /// The action result.
+    /// </returns>
+    public IActionResult SetCulture(string culture, string redirectUri)
+    {
+        if (culture != null)
+        {
+            // Define a cookie with the selected culture
+            this.HttpContext.Response.Cookies.Append(
+                CookieRequestCultureProvider.DefaultCookieName,
+                CookieRequestCultureProvider.MakeCookieValue(
+                    new RequestCulture(culture)));
+        }
+
+        return this.LocalRedirect(redirectUri);
+    }
+}

BlazorAppClean/Factories/ItemFactory.cs

@@ -0,0 +1,54 @@
+using BlazorAppClean.Models;
+
+namespace BlazorAppClean.Factories
+{
+    public static class ItemFactory
+    {
+        public static ItemModel ToModel(Item item, byte[] imageContent)
+        {
+            return new ItemModel
+            {
+                Id = item.Id,
+                DisplayName = item.DisplayName,
+                Name = item.Name,
+                RepairWith = item.RepairWith,
+                EnchantCategories = item.EnchantCategories,
+                MaxDurability = item.MaxDurability,
+                StackSize = item.StackSize,
+                ImageContent = imageContent,
+                ImageBase64 = string.IsNullOrWhiteSpace(item.ImageBase64) ? Convert.ToBase64String(imageContent) : item.ImageBase64
+
+            };
+        }
+
+        public static Item Create(ItemModel model)
+        {
+            return new Item
+            {
+                Id = model.Id,
+                DisplayName = model.DisplayName,
+                Name = model.Name,
+                RepairWith = model.RepairWith,
+                EnchantCategories = model.EnchantCategories,
+                MaxDurability = model.MaxDurability,
+                StackSize = model.StackSize,
+                CreatedDate = DateTime.Now,
+                ImageBase64 = Convert.ToBase64String(model.ImageContent)
+
+            };
+        }
+
+        public static void Update(Item item, ItemModel model)
+        {
+            item.DisplayName = model.DisplayName;
+            item.Name = model.Name;
+            item.RepairWith = model.RepairWith;
+            item.EnchantCategories = model.EnchantCategories;
+            item.MaxDurability = model.MaxDurability;
+            item.StackSize = model.StackSize;
+            item.UpdatedDate = DateTime.Now;
+            item.ImageBase64 = Convert.ToBase64String(model.ImageContent);
+
+        }
+    }
+}

BlazorAppClean/Modals/DeleteConfirmation.razor

@@ -0,0 +1,10 @@
+<div class="simple-form">
+
+    <p>
+        Are you sure you want to delete @item.DisplayName ?
+    </p>
+
+    <button @onclick="ConfirmDelete" class="btn btn-primary">Delete</button>
+
+    <button @onclick="Cancel" class="btn btn-secondary">Cancel</button>
+</div>

BlazorAppClean/Modals/DeleteConfirmation.razor.cs

@@ -0,0 +1,38 @@
+using BlazorAppClean.Models;
+using BlazorAppClean.Services;
+using Blazored.Modal;
+using Blazored.Modal.Services;
+using Microsoft.AspNetCore.Components;
+
+namespace BlazorAppClean.Modals
+{
+    public partial class DeleteConfirmation
+    {
+        [CascadingParameter]
+        public BlazoredModalInstance ModalInstance { get; set; }
+
+        [Inject]
+        public IDataService DataService { get; set; }
+
+        [Parameter]
+        public int Id { get; set; }
+
+        private Item item = new Item();
+
+        protected override async Task OnInitializedAsync()
+        {
+            // Get the item
+            item = await DataService.GetById(Id);
+        }
+
+        void ConfirmDelete()
+        {
+            ModalInstance.CloseAsync(ModalResult.Ok(true));
+        }
+
+        void Cancel()
+        {
+            ModalInstance.CancelAsync();
+        }
+    }
+}

BlazorAppClean/Models/Cake.cs

@@ -0,0 +1,9 @@
+namespace BlazorAppClean.Models
+{
+    public class Cake
+    {
+        public int Id { get; set; }
+        public string Name { get; set; }
+        public decimal Cost { get; set; }
+    }
+}

BlazorAppClean/Models/Item.cs

@@ -0,0 +1,16 @@
+namespace BlazorAppClean.Models
+{
+    public class Item
+    {
+        public int Id { get; set; }
+        public string DisplayName { get; set; }
+        public string Name { get; set; }
+        public int StackSize { get; set; }
+        public int MaxDurability { get; set; }
+        public List<string> EnchantCategories { get; set; }
+        public List<string> RepairWith { get; set; }
+        public DateTime CreatedDate { get; set; }
+        public DateTime? UpdatedDate { get; set; }
+        public string ImageBase64 { get; set; }
+    }
+}

BlazorAppClean/Models/ItemModel.cs

@@ -0,0 +1,39 @@
+using System.ComponentModel.DataAnnotations;
+
+namespace BlazorAppClean.Models
+{
+    public class ItemModel
+    {
+        public int Id { get; set; }
+
+        [Required]
+        [StringLength(50, ErrorMessage = "Le nom affiché ne doit pas dépasser 50 caractères.")]
+        public string DisplayName { get; set; }
+
+        [Required]
+        [StringLength(50, ErrorMessage = "Le nom ne doit pas dépasser 50 caractères.")]
+        [RegularExpression(@"^[a-z''-'\s]{1,40}$", ErrorMessage = "Seulement les caractères en minuscule sont acceptées.")]
+        public string Name { get; set; }
+
+        [Required]
+        [Range(1, 64)]
+        public int StackSize { get; set; }
+
+        [Required]
+        [Range(1, 125)]
+        public int MaxDurability { get; set; }
+
+        public List<string> EnchantCategories { get; set; }
+
+        public List<string> RepairWith { get; set; }
+
+        [Required]
+        [Range(typeof(bool), "true", "true", ErrorMessage = "Vous devez accepter les conditions.")]
+        public bool AcceptCondition { get; set; }
+
+        [Required(ErrorMessage = "L'image de l'item est obligatoire !")]
+        public byte[] ImageContent { get; set; }
+
+        public string ImageBase64 { get; set; }
+    }
+}

BlazorAppClean/Pages/Add.razor

@@ -0,0 +1,69 @@
+@page "/add"
+
+<h3>Add</h3>
+
+<EditForm Model="@itemModel" OnValidSubmit="@HandleValidSubmit">
+    <DataAnnotationsValidator />
+    <ValidationSummary />
+
+    <p>
+        <label for="display-name">
+            Display name:
+            <InputText id="display-name" @bind-Value="itemModel.DisplayName" />
+        </label>
+    </p>
+    <p>
+        <label for="name">
+            Name:
+            <InputText id="name" @bind-Value="itemModel.Name" />
+        </label>
+    </p>
+    <p>
+        <label for="stack-size">
+            Stack size:
+            <InputNumber id="stack-size" @bind-Value="itemModel.StackSize" />
+        </label>
+    </p>
+    <p>
+        <label for="max-durability">
+            Max durability:
+            <InputNumber id="max-durability" @bind-Value="itemModel.MaxDurability" />
+        </label>
+    </p>
+    <p>
+        Enchant categories:
+        <div>
+            @foreach (var item in enchantCategories)
+            {
+                <label>
+                    <input type="checkbox" @onchange="@(e => OnEnchantCategoriesChange(item, e.Value))" />@item
+                </label>
+            }
+        </div>
+    </p>
+    <p>
+        Repair with:
+        <div>
+            @foreach (var item in repairWith)
+            {
+                <label>
+                    <input type="checkbox" @onchange="@(e => OnRepairWithChange(item, e.Value))" />@item
+                </label>
+            }
+        </div>
+    </p>
+    <p>
+        <label>
+            Item image:
+            <InputFile OnChange="@LoadImage" accept=".png" />
+        </label>
+    </p>
+    <p>
+        <label>
+            Accept Condition:
+            <InputCheckbox @bind-Value="itemModel.AcceptCondition" />
+        </label>
+    </p>
+
+    <button type="submit">Submit</button>
+</EditForm>

BlazorAppClean/Pages/Add.razor.cs

@@ -0,0 +1,89 @@
+using BlazorAppClean.Models;
+using Blazored.LocalStorage;
+using Microsoft.AspNetCore.Components.Forms;
+using Microsoft.AspNetCore.Components;
+using BlazorAppClean.Services;
+
+namespace BlazorAppClean.Pages
+{
+    public partial class Add
+    {
+        /// <summary>
+        /// The default enchant categories.
+        /// </summary>
+        private List<string> enchantCategories = new List<string>() { "armor", "armor_head", "armor_chest", "weapon", "digger", "breakable", "vanishable" };
+
+        /// <summary>
+        /// The current item model
+        /// </summary>
+        private ItemModel itemModel = new()
+        {
+            EnchantCategories = new List<string>(),
+            RepairWith = new List<string>()
+        };
+
+        /// <summary>
+        /// The default repair with.
+        /// </summary>
+        private List<string> repairWith = new List<string>() { "oak_planks", "spruce_planks", "birch_planks", "jungle_planks", "acacia_planks", "dark_oak_planks", "crimson_planks", "warped_planks" };
+
+        [Inject]
+        public IDataService DataService { get; set; }
+
+        [Inject]
+        public NavigationManager NavigationManager { get; set; }
+
+        private async void HandleValidSubmit()
+        {
+            await DataService.Add(itemModel);
+
+            NavigationManager.NavigateTo("list");
+        }
+
+        private async Task LoadImage(InputFileChangeEventArgs e)
+        {
+            // Set the content of the image to the model
+            using (var memoryStream = new MemoryStream())
+            {
+                await e.File.OpenReadStream().CopyToAsync(memoryStream);
+                itemModel.ImageContent = memoryStream.ToArray();
+            }
+        }
+
+        private void OnEnchantCategoriesChange(string item, object checkedValue)
+        {
+            if ((bool)checkedValue)
+            {
+                if (!itemModel.EnchantCategories.Contains(item))
+                {
+                    itemModel.EnchantCategories.Add(item);
+                }
+
+                return;
+            }
+
+            if (itemModel.EnchantCategories.Contains(item))
+            {
+                itemModel.EnchantCategories.Remove(item);
+            }
+        }
+
+        private void OnRepairWithChange(string item, object checkedValue)
+        {
+            if ((bool)checkedValue)
+            {
+                if (!itemModel.RepairWith.Contains(item))
+                {
+                    itemModel.RepairWith.Add(item);
+                }
+
+                return;
+            }
+
+            if (itemModel.RepairWith.Contains(item))
+            {
+                itemModel.RepairWith.Remove(item);
+            }
+        }
+    }
+}

BlazorAppClean/Pages/CallJsExample1.razor

@@ -0,0 +1,35 @@
+@page "/call-js-example-1"
+@inject IJSRuntime JS
+
+<h1>Call JS <code>convertArray</code> Function</h1>
+
+<p>
+    <button @onclick="ConvertArray">Convert Array</button>
+</p>
+
+<p>
+    @text
+</p>
+
+<p>
+    <a href="https://www.imdb.com/title/tt0379786/" target="_blank">Serenity</a><br>
+    <a href="https://www.imdb.com/name/nm0472710/" target="_blank">David Krumholtz on IMDB</a>
+</p>
+
+@code {
+    private MarkupString text;
+
+    private uint[] quoteArray =
+        new uint[]
+        {
+            60, 101, 109, 62, 67, 97, 110, 39, 116, 32, 115, 116, 111, 112, 32,
+            116, 104, 101, 32, 115, 105, 103, 110, 97, 108, 44, 32, 77, 97,
+            108, 46, 60, 47, 101, 109, 62, 32, 45, 32, 77, 114, 46, 32, 85, 110,
+            105, 118, 101, 114, 115, 101, 10, 10,
+        };
+
+    private async Task ConvertArray()
+    {
+        text = new(await JS.InvokeAsync<string>("convertArray", quoteArray));
+    }
+}

BlazorAppClean/Pages/CallJsExample3.razor

@@ -0,0 +1,36 @@
+@page "/call-js-example-3"
+@inject IJSRuntime JS
+
+<h1>Call JS Example 3</h1>
+
+<p>
+    <button @onclick="SetStock">Set Stock</button>
+</p>
+
+@if (stockSymbol is not null)
+{
+    <p>@stockSymbol price: @price.ToString("c")</p>
+}
+
+@if (result is not null)
+{
+    <p>@result</p>
+}
+
+@code {
+    private Random r = new();
+    private string? stockSymbol;
+    private decimal price;
+    private string? result;
+
+    private async Task SetStock()
+    {
+        stockSymbol =
+            $"{(char)('A' + r.Next(0, 26))}{(char)('A' + r.Next(0, 26))}";
+        price = r.Next(1, 101);
+        var interopResult =
+            await JS.InvokeAsync<string>("displayTickerAlert2", stockSymbol, price);
+        result = $"Result of TickerChanged call for {stockSymbol} at " +
+            $"{price.ToString("c")}: {interopResult}";
+    }
+}

BlazorAppClean/Pages/Config.razor

@@ -0,0 +1,9 @@
+@page "/config"
+<h3>Config</h3>
+
+<div>
+    <div>MyKey: @Configuration["MyKey"]</div>
+    <div>Position:Title: @Configuration["Position:Title"]</div>
+    <div>Position:Name: @Configuration["Position:Name"]</div>
+    <div>Logging:LogLevel:Default: @Configuration["Logging:LogLevel:Default"]</div>
+</div>

BlazorAppClean/Pages/Config.razor.cs

@@ -0,0 +1,8 @@
+using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.Configuration;
+
+public partial class Config
+{
+    [Inject]
+    public IConfiguration Configuration { get; set; }
+}

BlazorAppClean/Pages/Edit.razor

@@ -0,0 +1,75 @@
+@page "/edit/{Id:int}"
+
+<h3>Edit</h3>
+
+<EditForm Model="@itemModel" OnValidSubmit="@HandleValidSubmit">
+    <DataAnnotationsValidator />
+    <ValidationSummary />
+
+    <p>
+        <label for="display-name">
+            Display name:
+            <InputText id="display-name" @bind-Value="itemModel.DisplayName" />
+        </label>
+    </p>
+    <p>
+        <label for="name">
+            Name:
+            <InputText id="name" @bind-Value="itemModel.Name" />
+        </label>
+    </p>
+    <p>
+        <label for="stack-size">
+            Stack size:
+            <InputNumber id="stack-size" @bind-Value="itemModel.StackSize" />
+        </label>
+    </p>
+    <p>
+        <label for="max-durability">
+            Max durability:
+            <InputNumber id="max-durability" @bind-Value="itemModel.MaxDurability" />
+        </label>
+    </p>
+    <p>
+        Enchant categories:
+        <div>
+            @foreach (var item in enchantCategories)
+            {
+                    <label>
+                        <input type="checkbox" @onchange="@(e => OnEnchantCategoriesChange(item, e.Value))" checked="@(itemModel.EnchantCategories.Contains(item) ? "checked" : null)" />@item
+                    </label>
+            }
+        </div>
+    </p>
+    <p>
+        Repair with:
+        <div>
+            @foreach (var item in repairWith)
+            {
+                    <label>
+                        <input type="checkbox" @onchange="@(e => OnRepairWithChange(item, e.Value))" checked="@(itemModel.RepairWith.Contains(item) ? "checked" : null)" />@item
+                    </label>
+            }
+        </div>
+    </p>
+    <p>
+        <label>
+            Current Item image:
+            <img src="data:image/png;base64, @(itemModel.ImageBase64)" class="img-thumbnail" title="@itemModel.DisplayName" alt="@itemModel.DisplayName" style="min-width: 50px; max-width: 150px" />
+        </label>
+    </p>
+    <p>
+        <label>
+            Item image:
+            <InputFile OnChange="@LoadImage" accept=".png" />
+        </label>
+    </p>
+    <p>
+        <label>
+            Accept Condition:
+            <InputCheckbox @bind-Value="itemModel.AcceptCondition" />
+        </label>
+    </p>
+
+    <button type="submit">Submit</button>
+</EditForm>

BlazorAppClean/Pages/Edit.razor.cs

@@ -0,0 +1,110 @@
+using BlazorAppClean.Factories;
+using BlazorAppClean.Models;
+using BlazorAppClean.Services;
+using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Forms;
+
+namespace BlazorAppClean.Pages
+{
+    public partial class Edit
+    {
+        [Parameter]
+        public int Id { get; set; }
+
+        /// <summary>
+        /// The default enchant categories.
+        /// </summary>
+        private List<string> enchantCategories = new List<string>() { "armor", "armor_head", "armor_chest", "weapon", "digger", "breakable", "vanishable" };
+
+        /// <summary>
+        /// The current item model
+        /// </summary>
+        private ItemModel itemModel = new()
+        {
+            EnchantCategories = new List<string>(),
+            RepairWith = new List<string>()
+        };
+
+        /// <summary>
+        /// The default repair with.
+        /// </summary>
+        private List<string> repairWith = new List<string>() { "oak_planks", "spruce_planks", "birch_planks", "jungle_planks", "acacia_planks", "dark_oak_planks", "crimson_planks", "warped_planks" };
+
+        [Inject]
+        public IDataService DataService { get; set; }
+
+        [Inject]
+        public NavigationManager NavigationManager { get; set; }
+
+        [Inject]
+        public IWebHostEnvironment WebHostEnvironment { get; set; }
+
+        protected override async Task OnInitializedAsync()
+        {
+            var item = await DataService.GetById(Id);
+
+            var fileContent = await File.ReadAllBytesAsync($"{WebHostEnvironment.WebRootPath}/images/default.png");
+
+            if (File.Exists($"{WebHostEnvironment.WebRootPath}/images/{itemModel.Name}.png"))
+            {
+                fileContent = await File.ReadAllBytesAsync($"{WebHostEnvironment.WebRootPath}/images/{item.Name}.png");
+            }
+
+            // Set the model with the item
+            itemModel = ItemFactory.ToModel(item, fileContent);
+        }
+
+        private async void HandleValidSubmit()
+        {
+            await DataService.Update(Id, itemModel);
+
+            NavigationManager.NavigateTo("list");
+        }
+
+        private async Task LoadImage(InputFileChangeEventArgs e)
+        {
+            // Set the content of the image to the model
+            using (var memoryStream = new MemoryStream())
+            {
+                await e.File.OpenReadStream().CopyToAsync(memoryStream);
+                itemModel.ImageContent = memoryStream.ToArray();
+            }
+        }
+
+        private void OnEnchantCategoriesChange(string item, object checkedValue)
+        {
+            if ((bool)checkedValue)
+            {
+                if (!itemModel.EnchantCategories.Contains(item))
+                {
+                    itemModel.EnchantCategories.Add(item);
+                }
+
+                return;
+            }
+
+            if (itemModel.EnchantCategories.Contains(item))
+            {
+                itemModel.EnchantCategories.Remove(item);
+            }
+        }
+
+        private void OnRepairWithChange(string item, object checkedValue)
+        {
+            if ((bool)checkedValue)
+            {
+                if (!itemModel.RepairWith.Contains(item))
+                {
+                    itemModel.RepairWith.Add(item);
+                }
+
+                return;
+            }
+
+            if (itemModel.RepairWith.Contains(item))
+            {
+                itemModel.RepairWith.Remove(item);
+            }
+        }
+    }
+}

BlazorAppClean/Pages/Episodes.razor

@@ -0,0 +1,22 @@
+@page "/episodes"
+@layout DoctorWhoLayout
+
+<h2>Episodes</h2>
+
+<ul>
+    <li>
+        <a href="https://www.bbc.co.uk/programmes/p00vfknq">
+            <em>The Ribos Operation</em>
+        </a>
+    </li>
+    <li>
+        <a href="https://www.bbc.co.uk/programmes/p00vfdsb">
+            <em>The Sun Makers</em>
+        </a>
+    </li>
+    <li>
+        <a href="https://www.bbc.co.uk/programmes/p00vhc26">
+            <em>Nightmare of Eden</em>
+        </a>
+    </li>
+</ul>

BlazorAppClean/Pages/Episodes.razor.cs

@@ -0,0 +1,6 @@
+namespace BlazorAppClean.Pages
+{
+    public partial class Episodes
+    {
+    }
+}

BlazorAppClean/Pages/EventHandlerExample1.razor

@@ -0,0 +1,36 @@
+@page "/event-handler-example-1"
+
+<h1>@currentHeading</h1>
+
+<p>
+    <button>
+    <label>
+        New title
+        <input @bind="newHeading" />
+    </label>
+        Update heading
+    </button>
+</p>
+
+<p>
+    <label>
+        <input type="checkbox" @onchange="CheckChanged" />
+        @checkedMessage
+    </label>
+</p>
+
+@code {
+    private string currentHeading = "Initial heading";
+    private string? newHeading;
+    private string checkedMessage = "Not changed yet";
+    
+    private void UpdateHeading()
+    {
+        currentHeading = $"{newHeading}!!!";
+    }
+
+    private void CheckChanged()
+    {
+        checkedMessage = $"Last changed at {DateTime.Now}";
+    }
+}

BlazorAppClean/Pages/EventHandlerExample2.razor

@@ -0,0 +1,25 @@
+@page "/event-handler-example-2"
+
+<h1>@currentHeading</h1>
+
+<p>
+    <label>
+        New title
+        <input @bind="newHeading" />
+    </label>
+    <button @onclick="UpdateHeading">
+        Update heading
+    </button>
+</p>
+
+@code {
+    private string currentHeading = "Initial heading";
+    private string? newHeading;
+
+    private async Task UpdateHeading()
+    {
+        await Task.Delay(2000);
+
+        currentHeading = $"{newHeading}!!!";
+    }
+}

BlazorAppClean/Pages/EventHandlerExample3.razor

@@ -0,0 +1,21 @@
+@page "/event-handler-example-3"
+
+@for (var i = 0; i < 4; i++)
+{
+    <p>
+        <button @onclick="ReportPointerLocation">
+            Where's my mouse pointer for this button?
+        </button>
+    </p>
+}
+
+<p>@mousePointerMessage</p>
+
+@code {
+    private string? mousePointerMessage;
+
+    private void ReportPointerLocation(MouseEventArgs e)
+    {
+        mousePointerMessage = $"Mouse coordinates: {e.ScreenX}:{e.ScreenY}";
+    }
+}

BlazorAppClean/Pages/ExampleTabSet.razor

@@ -0,0 +1,28 @@
+@page "/example-tab-set"
+
+<TabSet>
+    <Tab Title="First tab">
+        <h4>Greetings from the first tab!</h4>
+
+        <label>
+            <input type="checkbox" @bind="showThirdTab" />
+            Toggle third tab
+        </label>
+    </Tab>
+
+    <Tab Title="Second tab">
+        <h4>Hello from the second tab!</h4>
+    </Tab>
+
+    @if (showThirdTab)
+    {
+        <Tab Title="Third tab">
+            <h4>Welcome to the disappearing third tab!</h4>
+            <p>Toggle this tab from the first tab.</p>
+        </Tab>
+    }
+</TabSet>
+
+@code {
+    private bool showThirdTab;
+}

BlazorAppClean/Pages/Index.razor

@@ -1,9 +1,12 @@
 @page "/"
-
+@using System.Globalization
+@using BlazorAppClean.Components
 <PageTitle>Index</PageTitle>
-
+<p>
+    <b>CurrentCulture</b>: @CultureInfo.CurrentCulture
+</p>
 <h1>Hello, world!</h1>
 
-Welcome to your new app.
 
-<SurveyPrompt Title="How is Blazor working for you?" />
+
+    <Crafting Items="Items" Recipes="Recipes" />

BlazorAppClean/Pages/Index.razor.cs

@@ -0,0 +1,34 @@
+
+
+using BlazorAppClean.Components;
+using BlazorAppClean.Models;
+using BlazorAppClean.Services;
+using Microsoft.AspNetCore.Components;
+
+namespace BlazorAppClean.Pages
+{
+    public partial class Index
+    {
+        [Inject]
+        public IDataService DataService { get; set; }
+
+        public List<Item> Items { get; set; } = new List<Item>();
+
+        private List<CraftingRecipe> Recipes { get; set; } = new List<CraftingRecipe>();
+
+        protected override async Task OnAfterRenderAsync(bool firstRender)
+        {
+            base.OnAfterRenderAsync(firstRender);
+
+            if (!firstRender)
+            {
+                return;
+            }
+
+            Items = await DataService.List(0, await DataService.Count());
+            Recipes = await DataService.GetRecipes();
+
+            StateHasChanged();
+        }
+    }
+}

BlazorAppClean/Pages/List.razor

@@ -0,0 +1,51 @@
+@page "/list"
+@using BlazorAppClean.Models;
+
+<h3>@Localizer["Title"]</h3>
+<div>
+    <NavLink class="btn btn-primary" href="Add" Match="NavLinkMatch.All">
+        <i class="fa fa-plus"></i> Ajouter
+    </NavLink>
+</div>
+
+<DataGrid TItem="Item"
+          Data="@items"
+          ReadData="@OnReadData"
+          TotalItems="@totalItem"
+          PageSize="10"
+          ShowPager
+          Responsive>
+    <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="#" />
+    <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="Image">
+        <DisplayTemplate>
+            @if (!string.IsNullOrWhiteSpace(context.ImageBase64))
+            {
+                <img src="data:image/png;base64, @(context.ImageBase64)" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style="min-width: 50px; max-width: 150px" />
+            }
+            else
+            {
+                <img src="images/default.png" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style="max-width: 150px" />
+            }
+        </DisplayTemplate>
+    </DataGridColumn>
+    <DataGridColumn TItem="Item" Field="@nameof(Item.DisplayName)" Caption="Display name" />
+    <DataGridColumn TItem="Item" Field="@nameof(Item.StackSize)" Caption="Stack size" />
+    <DataGridColumn TItem="Item" Field="@nameof(Item.MaxDurability)" Caption="Maximum durability" />
+    <DataGridColumn TItem="Item" Field="@nameof(Item.EnchantCategories)" Caption="Enchant categories">
+        <DisplayTemplate>
+            @(string.Join(", ", ((Item)context).EnchantCategories))
+        </DisplayTemplate>
+    </DataGridColumn>
+    <DataGridColumn TItem="Item" Field="@nameof(Item.RepairWith)" Caption="Repair with">
+        <DisplayTemplate>
+            @(string.Join(", ", ((Item)context).RepairWith))
+        </DisplayTemplate>
+    </DataGridColumn>
+    <DataGridColumn TItem="Item" Field="@nameof(Item.CreatedDate)" Caption="Created date" DisplayFormat="{0:d}" DisplayFormatProvider="@System.Globalization.CultureInfo.GetCultureInfo("fr-FR")" />
+    <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="Action">
+        <DisplayTemplate>
+            <a href="Edit/@(context.Id)" class="btn btn-primary"><i class="fa fa-edit"></i> Editer</a>
+            <button type="button" class="btn btn-primary" @onclick="() => OnDelete(context.Id)"><i class="fa fa-trash"></i> Supprimer</button>
+        </DisplayTemplate>
+    </DataGridColumn>
+</DataGrid>

BlazorAppClean/Pages/List.razor.cs

@@ -0,0 +1,67 @@
+
+using BlazorAppClean.Modals;
+using BlazorAppClean.Models;
+using BlazorAppClean.Services;
+using Blazored.LocalStorage;
+using Blazored.Modal;
+using Blazored.Modal.Services;
+using Blazorise.DataGrid;
+using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.Localization;
+
+namespace BlazorAppClean.Pages
+{
+    public partial class List
+    {
+        [Inject]
+        public IStringLocalizer<List> Localizer { get; set; }
+
+        private List<Item> items;
+
+        private int totalItem;
+
+        [Inject]
+        public NavigationManager NavigationManager { get; set; }
+
+        [CascadingParameter]
+        public IModalService Modal { get; set; }
+
+        [Inject]
+        public IDataService DataService { get; set; }
+
+        [Inject]
+        public IWebHostEnvironment WebHostEnvironment { get; set; }
+
+        private async Task OnReadData(DataGridReadDataEventArgs<Item> e)
+        {
+            if (e.CancellationToken.IsCancellationRequested)
+            {
+                return;
+            }
+
+            if (!e.CancellationToken.IsCancellationRequested)
+            {
+                items = await DataService.List(e.Page, e.PageSize);
+                totalItem = await DataService.Count();
+            }
+        }
+        private async void OnDelete(int id)
+        {
+            var parameters = new ModalParameters();
+            parameters.Add(nameof(Item.Id), id);
+
+            var modal = Modal.Show<DeleteConfirmation>("Delete Confirmation", parameters);
+            var result = await modal.Result;
+
+            if (result.Cancelled)
+            {
+                return;
+            }
+
+            await DataService.Delete(id);
+
+            // Reload the page
+            NavigationManager.NavigateTo("list", true);
+        }
+    }
+}

BlazorAppClean/Pages/Pets1.razor

@@ -0,0 +1,29 @@
+@page "/pets1"
+
+<h1>Pets</h1>
+
+<TableTemplate Items="pets" Context="pet">
+    <TableHeader>
+        <th>ID</th>
+        <th>Name</th>
+    </TableHeader>
+    <RowTemplate>
+        <td>@pet.PetId</td>
+        <td>@pet.Name</td>
+    </RowTemplate>
+</TableTemplate>
+
+@code {
+    private List<Pet> pets = new()
+    {
+        new Pet { PetId = 2, Name = "Mr. Bigglesworth" },
+        new Pet { PetId = 4, Name = "Salem Saberhagen" },
+        new Pet { PetId = 7, Name = "K-9" }
+    };
+
+    private class Pet
+    {
+        public int PetId { get; set; }
+        public string? Name { get; set; }
+    }
+}

BlazorAppClean/Pages/Pets2.razor

@@ -0,0 +1,29 @@
+@page "/pets2"
+
+<h1>Pets</h1>
+
+<TableTemplate Items="pets">
+    <TableHeader>
+        <th>ID</th>
+        <th>Name</th>
+    </TableHeader>
+    <RowTemplate Context="pet">
+        <td>@pet.PetId</td>
+        <td>@pet.Name</td>
+    </RowTemplate>
+</TableTemplate>
+
+@code {
+    private List<Pet> pets = new()
+    {
+        new Pet { PetId = 2, Name = "Mr. Bigglesworth" },
+        new Pet { PetId = 4, Name = "Salem Saberhagen" },
+        new Pet { PetId = 7, Name = "K-9" }
+    };
+
+    private class Pet
+    {
+        public int PetId { get; set; }
+        public string? Name { get; set; }
+    }
+}

BlazorAppClean/Pages/Pets3.razor

@@ -0,0 +1,29 @@
+@page "/pets3"
+
+<h1>Pets</h1>
+
+<TableTemplate Items="pets">
+    <TableHeader>
+        <th>ID</th>
+        <th>Name</th>
+    </TableHeader>
+    <RowTemplate>
+        <td>@context.PetId</td>
+        <td>@context.Name</td>
+    </RowTemplate>
+</TableTemplate>
+
+@code {
+    private List<Pet> pets = new()
+    {
+        new Pet { PetId = 2, Name = "Mr. Bigglesworth" },
+        new Pet { PetId = 4, Name = "Salem Saberhagen" },
+        new Pet { PetId = 7, Name = "K-9" }
+    };
+
+    private class Pet
+    {
+        public int PetId { get; set; }
+        public string? Name { get; set; }
+    }
+}

BlazorAppClean/Pages/Pets4.razor

@@ -0,0 +1,29 @@
+@page "/pets4"
+
+<h1>Pets</h1>
+
+<TableTemplate Items="pets" TItem="Pet">
+    <TableHeader>
+        <th>ID</th>
+        <th>Name</th>
+    </TableHeader>
+    <RowTemplate>
+        <td>@context.PetId</td>
+        <td>@context.Name</td>
+    </RowTemplate>
+</TableTemplate>
+
+@code {
+    private List<Pet> pets = new()
+    {
+        new Pet { PetId = 2, Name = "Mr. Bigglesworth" },
+        new Pet { PetId = 4, Name = "Salem Saberhagen" },
+        new Pet { PetId = 7, Name = "K-9" }
+    };
+
+    private class Pet
+    {
+        public int PetId { get; set; }
+        public string? Name { get; set; }
+    }
+}

BlazorAppClean/Pages/ThemedCounter.razor

@@ -0,0 +1,32 @@
+@page "/themed-counter"
+@using BlazorSample.UIThemeClasses
+
+<h1>Themed Counter</h1>
+
+<p>Current count: @currentCount</p>
+
+<p>
+    <button class="btn" @onclick="IncrementCount">
+        Increment Counter (Unthemed)
+    </button>
+</p>
+
+<p>
+    <button 
+        class="btn @(ThemeInfo is not null ? ThemeInfo.ButtonClass : string.Empty)" 
+        @onclick="IncrementCount">
+        Increment Counter (Themed)
+    </button>
+</p>
+
+@code {
+    private int currentCount = 0;
+
+    [CascadingParameter]
+    protected ThemeInfo? ThemeInfo { get; set; }
+
+    private void IncrementCount()
+    {
+        currentCount++;
+    }
+}

BlazorAppClean/Pages/_Layout.cshtml

@@ -11,6 +11,10 @@
     <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
     <link href="css/site.css" rel="stylesheet" />
     <link href="BlazorAppClean.styles.css" rel="stylesheet" />
+    <link href="_content/Blazored.Modal/blazored-modal.css" rel="stylesheet" />
+    <script src="Components/Crafting.razor.js"></script>
+
+
     <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />
 </head>
 <body>
@@ -26,7 +30,14 @@
         <a href="" class="reload">Reload</a>
         <a class="dismiss">🗙</a>
     </div>
+    <script src="_content/Blazored.Modal/blazored.modal.js"></script>
+
+
 
     <script src="_framework/blazor.server.js"></script>
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
+
+    <link href="_content/Blazorise/blazorise.css" rel="stylesheet" />
+    <link href="_content/Blazorise.Bootstrap/blazorise.bootstrap.css" rel="stylesheet" />
 </body>
 </html>

BlazorAppClean/Program.cs

@@ -1,13 +1,66 @@
+using Blazored.Modal;
 using BlazorAppClean.Data;
+using BlazorAppClean.Services;
+using Blazored.LocalStorage;
+using Blazorise;
+using Blazorise.Bootstrap;
+using Blazorise.Icons.FontAwesome;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Web;
+using Microsoft.AspNetCore.Localization;
+using System.Globalization;
+using Microsoft.Extensions.Options;
+using Microsoft.Net.Http.Headers;
 
 var builder = WebApplication.CreateBuilder(args);
 
+builder.Services.AddHttpClient("GitHub", httpClient =>
+{
+    httpClient.BaseAddress = new Uri("https://api.github.com/");
+
+    // using Microsoft.Net.Http.Headers;
+    // The GitHub API requires two headers.
+    httpClient.DefaultRequestHeaders.Add(HeaderNames.Accept, "application/vnd.github.v3+json");
+    httpClient.DefaultRequestHeaders.Add(HeaderNames.UserAgent, "HttpRequestsSample");
+});
+
+builder.Services.AddBlazoredModal();
+
+builder.Services.AddScoped<IDataService, DataApiService>();
+
+// Add the controller of the app
+builder.Services.AddControllers();
+
+// Add the localization to the app and specify the resources path
+builder.Services.AddLocalization(opts => { opts.ResourcesPath = "Resources"; });
+
+// Configure the localtization
+builder.Services.Configure<RequestLocalizationOptions>(options =>
+{
+    // Set the default culture of the web site
+    options.DefaultRequestCulture = new RequestCulture(new CultureInfo("en-US"));
+
+    // Declare the supported culture
+    options.SupportedCultures = new List<CultureInfo> { new CultureInfo("en-US"), new CultureInfo("fr-FR") };
+    options.SupportedUICultures = new List<CultureInfo> { new CultureInfo("en-US"), new CultureInfo("fr-FR") };
+});
+
 // Add services to the container.
 builder.Services.AddRazorPages();
 builder.Services.AddServerSideBlazor();
 builder.Services.AddSingleton<WeatherForecastService>();
+builder.Services.AddHttpClient();
+
+builder.Services
+   .AddBlazorise()
+   .AddBootstrapProviders()
+   .AddFontAwesomeIcons();
+
+builder.Services.AddBlazoredLocalStorage();
+
+
+builder.Services.AddScoped<IDataService, DataLocalService>();
+
 
 var app = builder.Build();
 
@@ -25,6 +78,21 @@ app.UseStaticFiles();
 
 app.UseRouting();
 
+// Get the current localization options
+var options = ((IApplicationBuilder)app).ApplicationServices.GetService<IOptions<RequestLocalizationOptions>>();
+
+if (options?.Value != null)
+{
+    // use the default localization
+    app.UseRequestLocalization(options.Value);
+}
+
+// Add the controller to the endpoint
+app.UseEndpoints(endpoints =>
+{
+    endpoints.MapControllers();
+});
+
 app.MapBlazorHub();
 app.MapFallbackToPage("/_Host");
 

BlazorAppClean/Resources/Pages.List.en-US.resx

@@ -0,0 +1,123 @@
+<?xml version="1.0" encoding="utf-8"?>
+<root>
+  <!-- 
+    Microsoft ResX Schema 
+    
+    Version 2.0
+    
+    The primary goals of this format is to allow a simple XML format 
+    that is mostly human readable. The generation and parsing of the 
+    various data types are done through the TypeConverter classes 
+    associated with the data types.
+    
+    Example:
+    
+    ... ado.net/XML headers & schema ...
+    <resheader name="resmimetype">text/microsoft-resx</resheader>
+    <resheader name="version">2.0</resheader>
+    <resheader name="reader">System.Resources.ResXResourceReader, System.Windows.Forms, ...</resheader>
+    <resheader name="writer">System.Resources.ResXResourceWriter, System.Windows.Forms, ...</resheader>
+    <data name="Name1"><value>this is my long string</value><comment>this is a comment</comment></data>
+    <data name="Color1" type="System.Drawing.Color, System.Drawing">Blue</data>
+    <data name="Bitmap1" mimetype="application/x-microsoft.net.object.binary.base64">
+        <value>[base64 mime encoded serialized .NET Framework object]</value>
+    </data>
+    <data name="Icon1" type="System.Drawing.Icon, System.Drawing" mimetype="application/x-microsoft.net.object.bytearray.base64">
+        <value>[base64 mime encoded string representing a byte array form of the .NET Framework object]</value>
+        <comment>This is a comment</comment>
+    </data>
+                
+    There are any number of "resheader" rows that contain simple 
+    name/value pairs.
+    
+    Each data row contains a name, and value. The row also contains a 
+    type or mimetype. Type corresponds to a .NET class that support 
+    text/value conversion through the TypeConverter architecture. 
+    Classes that don't support this are serialized and stored with the 
+    mimetype set.
+    
+    The mimetype is used for serialized objects, and tells the 
+    ResXResourceReader how to depersist the object. This is currently not 
+    extensible. For a given mimetype the value must be set accordingly:
+    
+    Note - application/x-microsoft.net.object.binary.base64 is the format 
+    that the ResXResourceWriter will generate, however the reader can 
+    read any of the formats listed below.
+    
+    mimetype: application/x-microsoft.net.object.binary.base64
+    value   : The object must be serialized with 
+            : System.Runtime.Serialization.Formatters.Binary.BinaryFormatter
+            : and then encoded with base64 encoding.
+    
+    mimetype: application/x-microsoft.net.object.soap.base64
+    value   : The object must be serialized with 
+            : System.Runtime.Serialization.Formatters.Soap.SoapFormatter
+            : and then encoded with base64 encoding.
+
+    mimetype: application/x-microsoft.net.object.bytearray.base64
+    value   : The object must be serialized into a byte array 
+            : using a System.ComponentModel.TypeConverter
+            : and then encoded with base64 encoding.
+    -->
+  <xsd:schema id="root" xmlns="" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">
+    <xsd:import namespace="http://www.w3.org/XML/1998/namespace" />
+    <xsd:element name="root" msdata:IsDataSet="true">
+      <xsd:complexType>
+        <xsd:choice maxOccurs="unbounded">
+          <xsd:element name="metadata">
+            <xsd:complexType>
+              <xsd:sequence>
+                <xsd:element name="value" type="xsd:string" minOccurs="0" />
+              </xsd:sequence>
+              <xsd:attribute name="name" use="required" type="xsd:string" />
+              <xsd:attribute name="type" type="xsd:string" />
+              <xsd:attribute name="mimetype" type="xsd:string" />
+              <xsd:attribute ref="xml:space" />
+            </xsd:complexType>
+          </xsd:element>
+          <xsd:element name="assembly">
+            <xsd:complexType>
+              <xsd:attribute name="alias" type="xsd:string" />
+              <xsd:attribute name="name" type="xsd:string" />
+            </xsd:complexType>
+          </xsd:element>
+          <xsd:element name="data">
+            <xsd:complexType>
+              <xsd:sequence>
+                <xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
+                <xsd:element name="comment" type="xsd:string" minOccurs="0" msdata:Ordinal="2" />
+              </xsd:sequence>
+              <xsd:attribute name="name" type="xsd:string" use="required" msdata:Ordinal="1" />
+              <xsd:attribute name="type" type="xsd:string" msdata:Ordinal="3" />
+              <xsd:attribute name="mimetype" type="xsd:string" msdata:Ordinal="4" />
+              <xsd:attribute ref="xml:space" />
+            </xsd:complexType>
+          </xsd:element>
+          <xsd:element name="resheader">
+            <xsd:complexType>
+              <xsd:sequence>
+                <xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
+              </xsd:sequence>
+              <xsd:attribute name="name" type="xsd:string" use="required" />
+            </xsd:complexType>
+          </xsd:element>
+        </xsd:choice>
+      </xsd:complexType>
+    </xsd:element>
+  </xsd:schema>
+  <resheader name="resmimetype">
+    <value>text/microsoft-resx</value>
+  </resheader>
+  <resheader name="version">
+    <value>2.0</value>
+  </resheader>
+  <resheader name="reader">
+    <value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
+  </resheader>
+  <resheader name="writer">
+    <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
+  </resheader>
+  <data name="Title" xml:space="preserve">
+    <value>List of elements</value>
+  </data>
+</root>

BlazorAppClean/Resources/Pages.List.fr-FR.resx

@@ -0,0 +1,123 @@
+<?xml version="1.0" encoding="utf-8"?>
+<root>
+  <!-- 
+    Microsoft ResX Schema 
+    
+    Version 2.0
+    
+    The primary goals of this format is to allow a simple XML format 
+    that is mostly human readable. The generation and parsing of the 
+    various data types are done through the TypeConverter classes 
+    associated with the data types.
+    
+    Example:
+    
+    ... ado.net/XML headers & schema ...
+    <resheader name="resmimetype">text/microsoft-resx</resheader>
+    <resheader name="version">2.0</resheader>
+    <resheader name="reader">System.Resources.ResXResourceReader, System.Windows.Forms, ...</resheader>
+    <resheader name="writer">System.Resources.ResXResourceWriter, System.Windows.Forms, ...</resheader>
+    <data name="Name1"><value>this is my long string</value><comment>this is a comment</comment></data>
+    <data name="Color1" type="System.Drawing.Color, System.Drawing">Blue</data>
+    <data name="Bitmap1" mimetype="application/x-microsoft.net.object.binary.base64">
+        <value>[base64 mime encoded serialized .NET Framework object]</value>
+    </data>
+    <data name="Icon1" type="System.Drawing.Icon, System.Drawing" mimetype="application/x-microsoft.net.object.bytearray.base64">
+        <value>[base64 mime encoded string representing a byte array form of the .NET Framework object]</value>
+        <comment>This is a comment</comment>
+    </data>
+                
+    There are any number of "resheader" rows that contain simple 
+    name/value pairs.
+    
+    Each data row contains a name, and value. The row also contains a 
+    type or mimetype. Type corresponds to a .NET class that support 
+    text/value conversion through the TypeConverter architecture. 
+    Classes that don't support this are serialized and stored with the 
+    mimetype set.
+    
+    The mimetype is used for serialized objects, and tells the 
+    ResXResourceReader how to depersist the object. This is currently not 
+    extensible. For a given mimetype the value must be set accordingly:
+    
+    Note - application/x-microsoft.net.object.binary.base64 is the format 
+    that the ResXResourceWriter will generate, however the reader can 
+    read any of the formats listed below.
+    
+    mimetype: application/x-microsoft.net.object.binary.base64
+    value   : The object must be serialized with 
+            : System.Runtime.Serialization.Formatters.Binary.BinaryFormatter
+            : and then encoded with base64 encoding.
+    
+    mimetype: application/x-microsoft.net.object.soap.base64
+    value   : The object must be serialized with 
+            : System.Runtime.Serialization.Formatters.Soap.SoapFormatter
+            : and then encoded with base64 encoding.
+
+    mimetype: application/x-microsoft.net.object.bytearray.base64
+    value   : The object must be serialized into a byte array 
+            : using a System.ComponentModel.TypeConverter
+            : and then encoded with base64 encoding.
+    -->
+  <xsd:schema id="root" xmlns="" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">
+    <xsd:import namespace="http://www.w3.org/XML/1998/namespace" />
+    <xsd:element name="root" msdata:IsDataSet="true">
+      <xsd:complexType>
+        <xsd:choice maxOccurs="unbounded">
+          <xsd:element name="metadata">
+            <xsd:complexType>
+              <xsd:sequence>
+                <xsd:element name="value" type="xsd:string" minOccurs="0" />
+              </xsd:sequence>
+              <xsd:attribute name="name" use="required" type="xsd:string" />
+              <xsd:attribute name="type" type="xsd:string" />
+              <xsd:attribute name="mimetype" type="xsd:string" />
+              <xsd:attribute ref="xml:space" />
+            </xsd:complexType>
+          </xsd:element>
+          <xsd:element name="assembly">
+            <xsd:complexType>
+              <xsd:attribute name="alias" type="xsd:string" />
+              <xsd:attribute name="name" type="xsd:string" />
+            </xsd:complexType>
+          </xsd:element>
+          <xsd:element name="data">
+            <xsd:complexType>
+              <xsd:sequence>
+                <xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
+                <xsd:element name="comment" type="xsd:string" minOccurs="0" msdata:Ordinal="2" />
+              </xsd:sequence>
+              <xsd:attribute name="name" type="xsd:string" use="required" msdata:Ordinal="1" />
+              <xsd:attribute name="type" type="xsd:string" msdata:Ordinal="3" />
+              <xsd:attribute name="mimetype" type="xsd:string" msdata:Ordinal="4" />
+              <xsd:attribute ref="xml:space" />
+            </xsd:complexType>
+          </xsd:element>
+          <xsd:element name="resheader">
+            <xsd:complexType>
+              <xsd:sequence>
+                <xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
+              </xsd:sequence>
+              <xsd:attribute name="name" type="xsd:string" use="required" />
+            </xsd:complexType>
+          </xsd:element>
+        </xsd:choice>
+      </xsd:complexType>
+    </xsd:element>
+  </xsd:schema>
+  <resheader name="resmimetype">
+    <value>text/microsoft-resx</value>
+  </resheader>
+  <resheader name="version">
+    <value>2.0</value>
+  </resheader>
+  <resheader name="reader">
+    <value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
+  </resheader>
+  <resheader name="writer">
+    <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
+  </resheader>
+  <data name="Title" xml:space="preserve">
+    <value>Liste des éléments</value>
+  </data>
+</root>

BlazorAppClean/Resources/Pages.List.resx

@@ -0,0 +1,123 @@
+<?xml version="1.0" encoding="utf-8"?>
+<root>
+  <!-- 
+    Microsoft ResX Schema 
+    
+    Version 2.0
+    
+    The primary goals of this format is to allow a simple XML format 
+    that is mostly human readable. The generation and parsing of the 
+    various data types are done through the TypeConverter classes 
+    associated with the data types.
+    
+    Example:
+    
+    ... ado.net/XML headers & schema ...
+    <resheader name="resmimetype">text/microsoft-resx</resheader>
+    <resheader name="version">2.0</resheader>
+    <resheader name="reader">System.Resources.ResXResourceReader, System.Windows.Forms, ...</resheader>
+    <resheader name="writer">System.Resources.ResXResourceWriter, System.Windows.Forms, ...</resheader>
+    <data name="Name1"><value>this is my long string</value><comment>this is a comment</comment></data>
+    <data name="Color1" type="System.Drawing.Color, System.Drawing">Blue</data>
+    <data name="Bitmap1" mimetype="application/x-microsoft.net.object.binary.base64">
+        <value>[base64 mime encoded serialized .NET Framework object]</value>
+    </data>
+    <data name="Icon1" type="System.Drawing.Icon, System.Drawing" mimetype="application/x-microsoft.net.object.bytearray.base64">
+        <value>[base64 mime encoded string representing a byte array form of the .NET Framework object]</value>
+        <comment>This is a comment</comment>
+    </data>
+                
+    There are any number of "resheader" rows that contain simple 
+    name/value pairs.
+    
+    Each data row contains a name, and value. The row also contains a 
+    type or mimetype. Type corresponds to a .NET class that support 
+    text/value conversion through the TypeConverter architecture. 
+    Classes that don't support this are serialized and stored with the 
+    mimetype set.
+    
+    The mimetype is used for serialized objects, and tells the 
+    ResXResourceReader how to depersist the object. This is currently not 
+    extensible. For a given mimetype the value must be set accordingly:
+    
+    Note - application/x-microsoft.net.object.binary.base64 is the format 
+    that the ResXResourceWriter will generate, however the reader can 
+    read any of the formats listed below.
+    
+    mimetype: application/x-microsoft.net.object.binary.base64
+    value   : The object must be serialized with 
+            : System.Runtime.Serialization.Formatters.Binary.BinaryFormatter
+            : and then encoded with base64 encoding.
+    
+    mimetype: application/x-microsoft.net.object.soap.base64
+    value   : The object must be serialized with 
+            : System.Runtime.Serialization.Formatters.Soap.SoapFormatter
+            : and then encoded with base64 encoding.
+
+    mimetype: application/x-microsoft.net.object.bytearray.base64
+    value   : The object must be serialized into a byte array 
+            : using a System.ComponentModel.TypeConverter
+            : and then encoded with base64 encoding.
+    -->
+  <xsd:schema id="root" xmlns="" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">
+    <xsd:import namespace="http://www.w3.org/XML/1998/namespace" />
+    <xsd:element name="root" msdata:IsDataSet="true">
+      <xsd:complexType>
+        <xsd:choice maxOccurs="unbounded">
+          <xsd:element name="metadata">
+            <xsd:complexType>
+              <xsd:sequence>
+                <xsd:element name="value" type="xsd:string" minOccurs="0" />
+              </xsd:sequence>
+              <xsd:attribute name="name" use="required" type="xsd:string" />
+              <xsd:attribute name="type" type="xsd:string" />
+              <xsd:attribute name="mimetype" type="xsd:string" />
+              <xsd:attribute ref="xml:space" />
+            </xsd:complexType>
+          </xsd:element>
+          <xsd:element name="assembly">
+            <xsd:complexType>
+              <xsd:attribute name="alias" type="xsd:string" />
+              <xsd:attribute name="name" type="xsd:string" />
+            </xsd:complexType>
+          </xsd:element>
+          <xsd:element name="data">
+            <xsd:complexType>
+              <xsd:sequence>
+                <xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
+                <xsd:element name="comment" type="xsd:string" minOccurs="0" msdata:Ordinal="2" />
+              </xsd:sequence>
+              <xsd:attribute name="name" type="xsd:string" use="required" msdata:Ordinal="1" />
+              <xsd:attribute name="type" type="xsd:string" msdata:Ordinal="3" />
+              <xsd:attribute name="mimetype" type="xsd:string" msdata:Ordinal="4" />
+              <xsd:attribute ref="xml:space" />
+            </xsd:complexType>
+          </xsd:element>
+          <xsd:element name="resheader">
+            <xsd:complexType>
+              <xsd:sequence>
+                <xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
+              </xsd:sequence>
+              <xsd:attribute name="name" type="xsd:string" use="required" />
+            </xsd:complexType>
+          </xsd:element>
+        </xsd:choice>
+      </xsd:complexType>
+    </xsd:element>
+  </xsd:schema>
+  <resheader name="resmimetype">
+    <value>text/microsoft-resx</value>
+  </resheader>
+  <resheader name="version">
+    <value>2.0</value>
+  </resheader>
+  <resheader name="reader">
+    <value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
+  </resheader>
+  <resheader name="writer">
+    <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
+  </resheader>
+  <data name="Title" xml:space="preserve">
+    <value>Items List</value>
+  </data>
+</root>

BlazorAppClean/Services/DataApiService.cs

@@ -0,0 +1,59 @@
+using BlazorAppClean.Components;
+using BlazorAppClean.Factories;
+using BlazorAppClean.Models;
+
+namespace BlazorAppClean.Services
+{
+    public class DataApiService : IDataService
+    {
+        private readonly HttpClient _http;
+
+        public DataApiService(
+            HttpClient http)
+        {
+            _http = http;
+        }
+
+        public async Task Add(ItemModel model)
+        {
+            // Get the item
+            var item = ItemFactory.Create(model);
+
+            // Save the data
+            await _http.PostAsJsonAsync("https://localhost:7234/api/Crafting/", item);
+        }
+
+        public async Task<int> Count()
+        {
+            return await _http.GetFromJsonAsync<int>("https://localhost:7234/api/Crafting/count");
+        }
+
+        public async Task<List<Item>> List(int currentPage, int pageSize)
+        {
+            return await _http.GetFromJsonAsync<List<Item>>($"https://localhost:7234/api/Crafting/?currentPage={currentPage}&pageSize={pageSize}");
+        }
+
+        public async Task<Item> GetById(int id)
+        {
+            return await _http.GetFromJsonAsync<Item>($"https://localhost:7234/api/Crafting/{id}");
+        }
+
+        public async Task Update(int id, ItemModel model)
+        {
+            // Get the item
+            var item = ItemFactory.Create(model);
+
+            await _http.PutAsJsonAsync($"https://localhost:7234/api/Crafting/{id}", item);
+        }
+
+        public async Task Delete(int id)
+        {
+            await _http.DeleteAsync($"https://localhost:7234/api/Crafting/{id}");
+        }
+
+        public async Task<List<CraftingRecipe>> GetRecipes()
+        {
+            return await _http.GetFromJsonAsync<List<CraftingRecipe>>("https://localhost:7234/api/Crafting/recipe");
+        }
+    }
+}

BlazorAppClean/Services/DataLocalService.cs

@@ -0,0 +1,196 @@
+using BlazorAppClean.Components;
+using BlazorAppClean.Factories;
+using BlazorAppClean.Models;
+using Blazored.LocalStorage;
+using Microsoft.AspNetCore.Components;
+
+namespace BlazorAppClean.Services
+{
+    public class DataLocalService : IDataService
+    {
+        private readonly HttpClient _http;
+        private readonly ILocalStorageService _localStorage;
+        private readonly NavigationManager _navigationManager;
+        private readonly IWebHostEnvironment _webHostEnvironment;
+
+        public DataLocalService(
+            ILocalStorageService localStorage,
+            HttpClient http,
+            IWebHostEnvironment webHostEnvironment,
+            NavigationManager navigationManager)
+        {
+            _localStorage = localStorage;
+            _http = http;
+            _webHostEnvironment = webHostEnvironment;
+            _navigationManager = navigationManager;
+        }
+
+        public async Task Add(ItemModel model)
+        {
+            // Get the current data
+            var currentData = await _localStorage.GetItemAsync<List<Item>>("data");
+
+            // Simulate the Id
+            model.Id = currentData.Max(s => s.Id) + 1;
+
+            // Add the item to the current data
+            currentData.Add(ItemFactory.Create(model));
+
+            // Save the image
+            var imagePathInfo = new DirectoryInfo($"{_webHostEnvironment.WebRootPath}/images");
+
+            // Check if the folder "images" exist
+            if (!imagePathInfo.Exists)
+            {
+                imagePathInfo.Create();
+            }
+
+            // Determine the image name
+            var fileName = new FileInfo($"{imagePathInfo}/{model.Name}.png");
+
+            // Write the file content
+            await File.WriteAllBytesAsync(fileName.FullName, model.ImageContent);
+
+            // Save the data
+            await _localStorage.SetItemAsync("data", currentData);
+        }
+
+        public async Task<int> Count()
+        {
+            // Load data from the local storage
+            var currentData = await _localStorage.GetItemAsync<Item[]>("data");
+
+            // Check if data exist in the local storage
+            if (currentData == null)
+            {
+                // this code add in the local storage the fake data
+                var originalData = await _http.GetFromJsonAsync<Item[]>($"{_navigationManager.BaseUri}fake-data.json");
+                await _localStorage.SetItemAsync("data", originalData);
+            }
+
+            return (await _localStorage.GetItemAsync<Item[]>("data")).Length;
+        }
+
+        public async Task<List<Item>> List(int currentPage, int pageSize)
+        {
+            // Load data from the local storage
+            var currentData = await _localStorage.GetItemAsync<Item[]>("data");
+
+            // Check if data exist in the local storage
+            if (currentData == null)
+            {
+                // this code add in the local storage the fake data
+                var originalData = await _http.GetFromJsonAsync<Item[]>($"{_navigationManager.BaseUri}fake-data.json");
+                await _localStorage.SetItemAsync("data", originalData);
+            }
+
+            return (await _localStorage.GetItemAsync<Item[]>("data")).Skip((currentPage - 1) * pageSize).Take(pageSize).ToList();
+        }
+        public async Task<Item> GetById(int id)
+        {
+            // Get the current data
+            var currentData = await _localStorage.GetItemAsync<List<Item>>("data");
+
+            // Get the item int the list
+            var item = currentData.FirstOrDefault(w => w.Id == id);
+
+            // Check if item exist
+            if (item == null)
+            {
+                throw new Exception($"Unable to found the item with ID: {id}");
+            }
+
+            return item;
+        }
+
+        public async Task Update(int id, ItemModel model)
+        {
+            // Get the current data
+            var currentData = await _localStorage.GetItemAsync<List<Item>>("data");
+
+            // Get the item int the list
+            var item = currentData.FirstOrDefault(w => w.Id == id);
+
+            // Check if item exist
+            if (item == null)
+            {
+                throw new Exception($"Unable to found the item with ID: {id}");
+            }
+
+            // Save the image
+            var imagePathInfo = new DirectoryInfo($"{_webHostEnvironment.WebRootPath}/images");
+
+            // Check if the folder "images" exist
+            if (!imagePathInfo.Exists)
+            {
+                imagePathInfo.Create();
+            }
+
+            // Delete the previous image
+            if (item.Name != model.Name)
+            {
+                var oldFileName = new FileInfo($"{imagePathInfo}/{item.Name}.png");
+
+                if (oldFileName.Exists)
+                {
+                    File.Delete(oldFileName.FullName);
+                }
+            }
+
+            // Determine the image name
+            var fileName = new FileInfo($"{imagePathInfo}/{model.Name}.png");
+
+            // Write the file content
+            await File.WriteAllBytesAsync(fileName.FullName, model.ImageContent);
+
+            // Modify the content of the item
+            ItemFactory.Update(item, model);
+
+            // Save the data
+            await _localStorage.SetItemAsync("data", currentData);
+        }
+
+        public async Task Delete(int id)
+        {
+            // Get the current data
+            var currentData = await _localStorage.GetItemAsync<List<Item>>("data");
+
+            // Get the item int the list
+            var item = currentData.FirstOrDefault(w => w.Id == id);
+
+            // Delete item in
+            currentData.Remove(item);
+
+            // Delete the image
+            var imagePathInfo = new DirectoryInfo($"{_webHostEnvironment.WebRootPath}/images");
+            var fileName = new FileInfo($"{imagePathInfo}/{item.Name}.png");
+
+            if (fileName.Exists)
+            {
+                File.Delete(fileName.FullName);
+            }
+
+            // Save the data
+            await _localStorage.SetItemAsync("data", currentData);
+        }
+
+        public Task<List<CraftingRecipe>> GetRecipes()
+        {
+            var items = new List<CraftingRecipe>
+        {
+            new CraftingRecipe
+            {
+                Give = new Item { DisplayName = "Diamond", Name = "diamond" },
+                Have = new List<List<string>>
+                {
+                    new List<string> { "dirt", "dirt", "dirt" },
+                    new List<string> { "dirt", null, "dirt" },
+                    new List<string> { "dirt", "dirt", "dirt" }
+                }
+            }
+        };
+
+            return Task.FromResult(items);
+        }
+    }
+}

BlazorAppClean/Services/IDataService.cs

@@ -0,0 +1,21 @@
+using BlazorAppClean.Components;
+using BlazorAppClean.Models;
+
+namespace BlazorAppClean.Services
+{
+    public interface IDataService
+    {
+        Task Add(ItemModel model);
+
+        Task<int> Count();
+
+        Task<List<Item>> List(int currentPage, int pageSize);
+        Task<Item> GetById(int id);
+
+        Task Update(int id, ItemModel model);
+
+        Task Delete(int id);
+
+        Task<List<CraftingRecipe>> GetRecipes();
+    }
+}

BlazorAppClean/Shared/CultureSelector.razor

@@ -0,0 +1,43 @@
+@using System.Globalization
+@inject NavigationManager NavigationManager
+
+<p>
+    <label>
+        Select your locale:
+        <select @bind="Culture">
+            @foreach (var culture in supportedCultures)
+            {
+                <option value="@culture">@culture.DisplayName</option>
+            }
+        </select>
+    </label>
+</p>
+
+@code
+{
+    private CultureInfo[] supportedCultures = new[]
+    {
+        new CultureInfo("en-US"),
+        new CultureInfo("fr-FR")
+    };
+
+    private CultureInfo Culture
+    {
+        get => CultureInfo.CurrentCulture;
+        set
+        {
+            if (CultureInfo.CurrentUICulture == value)
+            {
+                return;
+            }
+
+            var culture = value.Name.ToLower(CultureInfo.InvariantCulture);
+
+            var uri = new Uri(this.NavigationManager.Uri).GetComponents(UriComponents.PathAndQuery, UriFormat.Unescaped);
+            var query = $"?culture={Uri.EscapeDataString(culture)}&" + $"redirectUri={Uri.EscapeDataString(uri)}";
+
+            // Redirect the user to the culture controller to set the cookie
+            this.NavigationManager.NavigateTo("/Culture/SetCulture" + query, forceLoad: true);
+        }
+    }
+}

BlazorAppClean/Shared/DoctorWhoLayout.razor

@@ -0,0 +1,23 @@
+@inherits LayoutComponentBase
+
+<header>
+    <h1>Doctor Who&trade; Episode Database</h1>
+</header>
+
+<nav>
+    <a href="masterlist">Master Episode List</a>
+    <a href="search">Search</a>
+    <a href="new">Add Episode</a>
+</nav>
+
+@Body
+
+<footer>
+    @TrademarkMessage
+</footer>
+
+@code {
+    public string TrademarkMessage { get; set; } =
+        "Doctor Who is a registered trademark of the BBC. " +
+        "https://www.doctorwho.tv/";
+}

BlazorAppClean/Shared/MainLayout.razor

@@ -10,6 +10,9 @@
     <main>
         <div class="top-row px-4">
             <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
+            <div class="px-4">
+                <CultureSelector />
+            </div>
         </div>
 
         <article class="content px-4">

BlazorAppClean/Shared/NavMenu.razor

@@ -9,6 +9,11 @@
 
 <div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
     <nav class="flex-column">
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="list" Match="NavLinkMatch.All">
+                <span class="oi oi-list-rich" aria-hidden="true"></span> List
+            </NavLink>
+        </div>
         <div class="nav-item px-3">
             <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
                 <span class="oi oi-home" aria-hidden="true"></span> Home

BlazorAppClean/Shared/Tab.razor

@@ -0,0 +1,32 @@
+@using BlazorSample.UIInterfaces
+@implements ITab
+
+<li>
+    <a @onclick="ActivateTab" class="nav-link @TitleCssClass" role="button">
+        @Title
+    </a>
+</li>
+
+@code {
+    [CascadingParameter]
+    public TabSet ContainerTabSet { get; set; }
+
+    [Parameter]
+    public string Title { get; set; }
+
+    [Parameter]
+    public RenderFragment ChildContent { get; set; }
+
+    private string TitleCssClass =>
+        ContainerTabSet.ActiveTab == this ? "active" : null;
+
+    protected override void OnInitialized()
+    {
+        ContainerTabSet.AddTab(this);
+    }
+
+    private void ActivateTab()
+    {
+        ContainerTabSet.SetActiveTab(this);
+    }
+}

BlazorAppClean/Shared/TabSet.razor

@@ -0,0 +1,39 @@
+@using BlazorSample.UIInterfaces
+
+<!-- Display the tab headers -->
+
+<CascadingValue Value=this>
+    <ul class="nav nav-tabs">
+        @ChildContent
+    </ul>
+</CascadingValue>
+
+<!-- Display body for only the active tab -->
+
+<div class="nav-tabs-body p-4">
+    @ActiveTab?.ChildContent
+</div>
+
+@code {
+    [Parameter]
+    public RenderFragment ChildContent { get; set; }
+
+    public ITab ActiveTab { get; private set; }
+
+    public void AddTab(ITab tab)
+    {
+        if (ActiveTab == null)
+        {
+            SetActiveTab(tab);
+        }
+    }
+
+    public void SetActiveTab(ITab tab)
+    {
+        if (ActiveTab != tab)
+        {
+            ActiveTab = tab;
+            StateHasChanged();
+        }
+    }
+}

BlazorAppClean/Shared/TableTemplate.razor

@@ -0,0 +1,28 @@
+@typeparam TItem
+@using System.Diagnostics.CodeAnalysis
+
+<table class="table">
+    <thead>
+        <tr>@TableHeader</tr>
+    </thead>
+    <tbody>
+        @foreach (var item in Items)
+        {
+            if (RowTemplate is not null)
+            {
+                <tr>@RowTemplate(item)</tr>
+            }
+        }
+    </tbody>
+</table>
+
+@code {
+    [Parameter]
+    public RenderFragment? TableHeader { get; set; }
+
+    [Parameter]
+    public RenderFragment<TItem>? RowTemplate { get; set; }
+
+    [Parameter, AllowNull]
+    public IReadOnlyList<TItem> Items { get; set; }
+}

BlazorAppClean/UIInterfaces/ITab.cs

@@ -0,0 +1,9 @@
+using Microsoft.AspNetCore.Components;
+
+namespace BlazorSample.UIInterfaces
+{
+    public interface ITab
+    {
+        RenderFragment ChildContent { get; }
+    }
+}

BlazorAppClean/UIThemeClasses/ThemeInfo.cs

@@ -0,0 +1,7 @@
+namespace BlazorSample.UIThemeClasses
+{
+    public class ThemeInfo
+    {
+        public string? ButtonClass { get; set; }
+    }
+}

BlazorAppClean/_Imports.razor

@@ -8,3 +8,6 @@
 @using Microsoft.JSInterop
 @using BlazorAppClean
 @using BlazorAppClean.Shared
+@using Blazorise.DataGrid
+@using Blazored.Modal
+@using Blazored.Modal.Services

BlazorAppClean/appsettings.json

@@ -1,8 +1,14 @@
 {
+  "Position": {
+    "Title": "Editor",
+    "Name": "Joe Smith"
+  },
+  "MyKey": "My appsettings.json Value",
   "Logging": {
     "LogLevel": {
       "Default": "Information",
-      "Microsoft.AspNetCore": "Warning"
+      "Microsoft": "Warning",
+      "Microsoft.Hosting.Lifetime": "Information"
     }
   },
   "AllowedHosts": "*"

BlazorAppClean/wwwroot/fake-data.json

@@ -0,0 +1,415 @@
+[
+  {
+    "id": 1,
+    "displayname": "Polaria",
+    "name": "polaria",
+    "stacksize": 34,
+    "maxdurability": 27,
+    "enchantcategories": [
+      "breakable",
+      "vanishable",
+      "digger"
+    ],
+    "repairwith": [
+      "spruce_planks",
+      "crimson_planks"
+    ],
+    "createddate": "2018-03-25",
+    "updateddate": null
+  },
+  {
+    "id": 2,
+    "displayname": "Sureplex",
+    "name": "sureplex",
+    "stacksize": 64,
+    "maxdurability": 25,
+    "enchantcategories": [],
+    "repairwith": [],
+    "createddate": "2022-06-25",
+    "updateddate": "2016-11-10"
+  },
+  {
+    "id": 3,
+    "displayname": "Magneato",
+    "name": "magneato",
+    "stacksize": 9,
+    "maxdurability": 95,
+    "enchantcategories": [],
+    "repairwith": [
+      "birch_planks",
+      "crimson_planks"
+    ],
+    "createddate": "2017-09-11",
+    "updateddate": "2021-11-02"
+  },
+  {
+    "id": 4,
+    "displayname": "Lyria",
+    "name": "lyria",
+    "stacksize": 59,
+    "maxdurability": 66,
+    "enchantcategories": [
+      "digger",
+      "armor"
+    ],
+    "repairwith": [],
+    "createddate": "2017-07-08",
+    "updateddate": "2019-08-02"
+  },
+  {
+    "id": 5,
+    "displayname": "Limage",
+    "name": "limage",
+    "stacksize": 63,
+    "maxdurability": 26,
+    "enchantcategories": [
+      "armor_chest",
+      "breakable",
+      "weapon"
+    ],
+    "repairwith": [
+      "warped_planks",
+      "spruce_planks"
+    ],
+    "createddate": "2014-04-01",
+    "updateddate": null
+  },
+  {
+    "id": 6,
+    "displayname": "Olucore",
+    "name": "olucore",
+    "stacksize": 55,
+    "maxdurability": 34,
+    "enchantcategories": [
+      "vanishable",
+      "armor_chest",
+      "digger"
+    ],
+    "repairwith": [
+      "dark_oak_planks",
+      "dark_oak_planks"
+    ],
+    "createddate": "2021-06-20",
+    "updateddate": null
+  },
+  {
+    "id": 7,
+    "displayname": "Goko",
+    "name": "goko",
+    "stacksize": 62,
+    "maxdurability": 15,
+    "enchantcategories": [
+      "digger",
+      "breakable",
+      "armor_chest"
+    ],
+    "repairwith": [],
+    "createddate": "2017-06-02",
+    "updateddate": "2020-12-29"
+  },
+  {
+    "id": 8,
+    "displayname": "Colaire",
+    "name": "colaire",
+    "stacksize": 20,
+    "maxdurability": 103,
+    "enchantcategories": [],
+    "repairwith": [],
+    "createddate": "2021-12-12",
+    "updateddate": "2022-05-30"
+  },
+  {
+    "id": 9,
+    "displayname": "Endipine",
+    "name": "endipine",
+    "stacksize": 55,
+    "maxdurability": 48,
+    "enchantcategories": [
+      "digger"
+    ],
+    "repairwith": [],
+    "createddate": "2018-11-10",
+    "updateddate": null
+  },
+  {
+    "id": 10,
+    "displayname": "Oceanica",
+    "name": "oceanica",
+    "stacksize": 33,
+    "maxdurability": 76,
+    "enchantcategories": [
+      "armor",
+      "vanishable",
+      "armor_head"
+    ],
+    "repairwith": [
+      "dark_oak_planks"
+    ],
+    "createddate": "2020-08-26",
+    "updateddate": null
+  },
+  {
+    "id": 11,
+    "displayname": "Opticom",
+    "name": "opticom",
+    "stacksize": 14,
+    "maxdurability": 76,
+    "enchantcategories": [
+      "armor"
+    ],
+    "repairwith": [
+      "warped_planks"
+    ],
+    "createddate": "2022-05-15",
+    "updateddate": null
+  },
+  {
+    "id": 12,
+    "displayname": "Futuris",
+    "name": "futuris",
+    "stacksize": 29,
+    "maxdurability": 19,
+    "enchantcategories": [
+      "armor",
+      "vanishable",
+      "armor"
+    ],
+    "repairwith": [
+      "crimson_planks"
+    ],
+    "createddate": "2021-07-30",
+    "updateddate": null
+  },
+  {
+    "id": 13,
+    "displayname": "Permadyne",
+    "name": "permadyne",
+    "stacksize": 14,
+    "maxdurability": 54,
+    "enchantcategories": [
+      "digger",
+      "breakable",
+      "breakable"
+    ],
+    "repairwith": [],
+    "createddate": "2019-02-08",
+    "updateddate": "2015-03-26"
+  },
+  {
+    "id": 14,
+    "displayname": "Ecratic",
+    "name": "ecratic",
+    "stacksize": 62,
+    "maxdurability": 112,
+    "enchantcategories": [],
+    "repairwith": [
+      "warped_planks",
+      "acacia_planks"
+    ],
+    "createddate": "2017-06-10",
+    "updateddate": null
+  },
+  {
+    "id": 15,
+    "displayname": "Uni",
+    "name": "uni",
+    "stacksize": 12,
+    "maxdurability": 37,
+    "enchantcategories": [
+      "digger"
+    ],
+    "repairwith": [],
+    "createddate": "2017-10-22",
+    "updateddate": null
+  },
+  {
+    "id": 16,
+    "displayname": "Avenetro",
+    "name": "avenetro",
+    "stacksize": 28,
+    "maxdurability": 39,
+    "enchantcategories": [
+      "digger",
+      "armor",
+      "vanishable"
+    ],
+    "repairwith": [],
+    "createddate": "2020-11-12",
+    "updateddate": "2017-08-03"
+  },
+  {
+    "id": 17,
+    "displayname": "Zilencio",
+    "name": "zilencio",
+    "stacksize": 25,
+    "maxdurability": 123,
+    "enchantcategories": [
+      "digger"
+    ],
+    "repairwith": [],
+    "createddate": "2020-02-21",
+    "updateddate": "2014-07-08"
+  },
+  {
+    "id": 18,
+    "displayname": "Genekom",
+    "name": "genekom",
+    "stacksize": 32,
+    "maxdurability": 117,
+    "enchantcategories": [
+      "vanishable",
+      "vanishable",
+      "digger"
+    ],
+    "repairwith": [],
+    "createddate": "2015-06-06",
+    "updateddate": "2021-12-24"
+  },
+  {
+    "id": 19,
+    "displayname": "Intradisk",
+    "name": "intradisk",
+    "stacksize": 14,
+    "maxdurability": 3,
+    "enchantcategories": [
+      "armor_head"
+    ],
+    "repairwith": [
+      "crimson_planks"
+    ],
+    "createddate": "2016-09-11",
+    "updateddate": "2019-09-11"
+  },
+  {
+    "id": 20,
+    "displayname": "Netropic",
+    "name": "netropic",
+    "stacksize": 27,
+    "maxdurability": 73,
+    "enchantcategories": [
+      "armor",
+      "vanishable"
+    ],
+    "repairwith": [
+      "birch_planks",
+      "spruce_planks"
+    ],
+    "createddate": "2021-11-26",
+    "updateddate": "2022-12-02"
+  },
+  {
+    "id": 21,
+    "displayname": "Sonique",
+    "name": "sonique",
+    "stacksize": 36,
+    "maxdurability": 13,
+    "enchantcategories": [
+      "weapon",
+      "armor_chest"
+    ],
+    "repairwith": [],
+    "createddate": "2019-03-31",
+    "updateddate": null
+  },
+  {
+    "id": 22,
+    "displayname": "Anixang",
+    "name": "anixang",
+    "stacksize": 46,
+    "maxdurability": 84,
+    "enchantcategories": [
+      "weapon",
+      "breakable",
+      "armor"
+    ],
+    "repairwith": [],
+    "createddate": "2014-08-12",
+    "updateddate": null
+  },
+  {
+    "id": 23,
+    "displayname": "Applidec",
+    "name": "applidec",
+    "stacksize": 9,
+    "maxdurability": 110,
+    "enchantcategories": [],
+    "repairwith": [],
+    "createddate": "2014-01-04",
+    "updateddate": "2022-02-15"
+  },
+  {
+    "id": 24,
+    "displayname": "Geologix",
+    "name": "geologix",
+    "stacksize": 3,
+    "maxdurability": 26,
+    "enchantcategories": [
+      "breakable",
+      "vanishable"
+    ],
+    "repairwith": [
+      "warped_planks"
+    ],
+    "createddate": "2020-05-19",
+    "updateddate": "2020-10-31"
+  },
+  {
+    "id": 25,
+    "displayname": "Combogen",
+    "name": "combogen",
+    "stacksize": 29,
+    "maxdurability": 114,
+    "enchantcategories": [
+      "weapon"
+    ],
+    "repairwith": [
+      "dark_oak_planks",
+      "acacia_planks"
+    ],
+    "createddate": "2021-03-06",
+    "updateddate": null
+  },
+  {
+    "id": 26,
+    "displayname": "Isoswitch",
+    "name": "isoswitch",
+    "stacksize": 32,
+    "maxdurability": 97,
+    "enchantcategories": [
+      "armor_head",
+      "digger",
+      "digger"
+    ],
+    "repairwith": [],
+    "createddate": "2015-07-01",
+    "updateddate": null
+  },
+  {
+    "id": 27,
+    "displayname": "Otherside",
+    "name": "otherside",
+    "stacksize": 4,
+    "maxdurability": 8,
+    "enchantcategories": [
+      "weapon"
+    ],
+    "repairwith": [
+      "warped_planks"
+    ],
+    "createddate": "2020-10-03",
+    "updateddate": null
+  },
+  {
+    "id": 28,
+    "displayname": "Songbird",
+    "name": "songbird",
+    "stacksize": 29,
+    "maxdurability": 123,
+    "enchantcategories": [
+      "armor"
+    ],
+    "repairwith": [],
+    "createddate": "2021-01-10",
+    "updateddate": null
+  }
+]

BlazorAppClean/wwwroot/index.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <title></title>
+</head>
+<body>
+    <script>
+        window.convertArray = (win1251Array) => {
+            var win1251decoder = new TextDecoder('windows-1251');
+            var bytes = new Uint8Array(win1251Array);
+            var decodedArray = win1251decoder.decode(bytes);
+            console.log(decodedArray);
+            return decodedArray;
+        };
+    </script>
+
+    <script>
+        window.displayTickerAlert1 = (symbol, price) => {
+            alert(`${symbol}: $${price}!`);
+        };
+    </script>
+
+</body>
+</html>

Minecraft.Crafting.Api/Controllers/CraftingController.cs

@@ -0,0 +1,449 @@
+// --------------------------------------------------------------------------------------------------------------------
+// <copyright file="CraftingController.cs" company="UCA Clermont-Ferrand">
+//     Copyright (c) UCA Clermont-Ferrand All rights reserved.
+// </copyright>
+// --------------------------------------------------------------------------------------------------------------------
+
+namespace Minecraft.Crafting.Api.Controllers
+{
+    using Microsoft.AspNetCore.Mvc;
+    using Minecraft.Crafting.Api.Models;
+    using System.Text.Json;
+    using System.Text.Json.Serialization;
+
+    /// <summary>
+    /// The crafting controller.
+    /// </summary>
+    [ApiController]
+    [Route("api/[controller]")]
+    public class CraftingController : ControllerBase
+    {
+        /// <summary>
+        /// The json serializer options.
+        /// </summary>
+        private readonly JsonSerializerOptions _jsonSerializerOptions = new()
+        {
+            PropertyNamingPolicy = JsonNamingPolicy.CamelCase,
+            WriteIndented = true,
+            DefaultIgnoreCondition = JsonIgnoreCondition.WhenWritingDefault
+        };
+
+        /// <summary>
+        /// Adds the specified item.
+        /// </summary>
+        /// <param name="item">The item.</param>
+        /// <returns>The async task.</returns>
+        [HttpPost]
+        [Route("")]
+        public Task Add(Item item)
+        {
+            var data = JsonSerializer.Deserialize<List<Item>>(System.IO.File.ReadAllText("Data/items.json"), _jsonSerializerOptions);
+
+            if (data == null)
+            {
+                throw new Exception("Unable to get the items.");
+            }
+
+            data.Add(item);
+
+            System.IO.File.WriteAllText("Data/items.json", JsonSerializer.Serialize(data, _jsonSerializerOptions));
+
+            return Task.CompletedTask;
+        }
+
+        /// <summary>
+        /// Get all items.
+        /// </summary>
+        /// <returns>All items.</returns>
+        [HttpGet]
+        [Route("all")]
+        public Task<List<Item>> All()
+        {
+            var data = JsonSerializer.Deserialize<List<Item>>(System.IO.File.ReadAllText("Data/items.json"), _jsonSerializerOptions);
+
+            if (data == null)
+            {
+                throw new Exception("Unable to get the items.");
+            }
+
+            return Task.FromResult(data.ToList());
+        }
+
+        /// <summary>
+        /// Count the number of items.
+        /// </summary>
+        /// <returns>The number of items.</returns>
+        [HttpGet]
+        [Route("count")]
+        public Task<int> Count()
+        {
+            var data = JsonSerializer.Deserialize<List<Item>>(System.IO.File.ReadAllText("Data/items.json"), _jsonSerializerOptions);
+
+            if (data == null)
+            {
+                throw new Exception("Unable to get the items.");
+            }
+
+            return Task.FromResult(data.Count);
+        }
+
+        /// <summary>
+        /// Deletes the specified identifier.
+        /// </summary>
+        /// <param name="id">The identifier.</param>
+        /// <returns>The async task.</returns>
+        [HttpDelete]
+        [Route("{id}")]
+        public Task Delete(int id)
+        {
+            var data = JsonSerializer.Deserialize<List<Item>>(System.IO.File.ReadAllText("Data/items.json"), _jsonSerializerOptions);
+
+            if (data == null)
+            {
+                throw new Exception("Unable to get the items.");
+            }
+
+            var item = data.FirstOrDefault(w => w.Id == id);
+
+            if (item == null)
+            {
+                throw new Exception($"Unable to found the item with ID: {id}");
+            }
+
+            data.Remove(item);
+
+            System.IO.File.WriteAllText("Data/items.json", JsonSerializer.Serialize(data, _jsonSerializerOptions));
+
+            return Task.CompletedTask;
+        }
+
+        /// <summary>
+        /// Gets the item by identifier.
+        /// </summary>
+        /// <param name="id">The identifier.</param>
+        /// <returns>The item.</returns>
+        [HttpGet]
+        [Route("{id}")]
+        public Task<Item> GetById(int id)
+        {
+            var data = JsonSerializer.Deserialize<List<Item>>(System.IO.File.ReadAllText("Data/items.json"), _jsonSerializerOptions);
+
+            if (data == null)
+            {
+                throw new Exception("Unable to get the items.");
+            }
+
+            var item = data.FirstOrDefault(w => w.Id == id);
+
+            if (item == null)
+            {
+                throw new Exception($"Unable to found the item with ID: {id}");
+            }
+
+            return Task.FromResult(item);
+        }
+
+        /// <summary>
+        /// Gets the item by name.
+        /// </summary>
+        /// <param name="name">The name.</param>
+        /// <returns>
+        /// The item.
+        /// </returns>
+        [HttpGet]
+        [Route("by-name/{name}")]
+        public Task<Item> GetByName(string name)
+        {
+            var data = JsonSerializer.Deserialize<List<Item>>(System.IO.File.ReadAllText("Data/items.json"), _jsonSerializerOptions);
+
+            if (data == null)
+            {
+                throw new Exception("Unable to get the items.");
+            }
+
+            var item = data.FirstOrDefault(w => w.Name.ToLowerInvariant() == name.ToLowerInvariant());
+
+            if (item == null)
+            {
+                throw new Exception($"Unable to found the item with name: {name}");
+            }
+
+            return Task.FromResult(item);
+        }
+
+        /// <summary>
+        /// Gets the recipes.
+        /// </summary>
+        /// <returns>The recipes.</returns>
+        [HttpGet]
+        [Route("recipe")]
+        public Task<List<Recipe>> GetRecipe()
+        {
+            if (!System.IO.File.Exists("Data/convert-recipes.json"))
+            {
+                ResetRecipes();
+            }
+
+            var data = JsonSerializer.Deserialize<List<Recipe>>(System.IO.File.ReadAllText("Data/convert-recipes.json"), _jsonSerializerOptions);
+
+            if (data == null)
+            {
+                throw new Exception("Unable to get the recipes.");
+            }
+
+            return Task.FromResult(data);
+        }
+
+        /// <summary>
+        /// Get the items with pagination.
+        /// </summary>
+        /// <param name="currentPage">The current page.</param>
+        /// <param name="pageSize">Size of the page.</param>
+        /// <returns>The items.</returns>
+        [HttpGet]
+        [Route("")]
+        public Task<List<Item>> List(int currentPage, int pageSize)
+        {
+            var data = JsonSerializer.Deserialize<List<Item>>(System.IO.File.ReadAllText("Data/items.json"), _jsonSerializerOptions);
+
+            if (data == null)
+            {
+                throw new Exception("Unable to get the items.");
+            }
+
+            return Task.FromResult(data.Skip((currentPage - 1) * pageSize).Take(pageSize).ToList());
+        }
+
+        /// <summary>
+        /// Resets the items.
+        /// </summary>
+        /// <returns>The async task.</returns>
+        [HttpGet]
+        [Route("reset-items")]
+        public Task ResetItems()
+        {
+            if (!System.IO.File.Exists("Data/items.json"))
+            {
+                System.IO.File.Delete("Data/items.json");
+            }
+
+            var data = JsonSerializer.Deserialize<List<Item>>(System.IO.File.ReadAllText("Data/items-original.json"), _jsonSerializerOptions);
+
+            if (data == null)
+            {
+                throw new Exception("Unable to get the items.");
+            }
+
+            var defaultImage = Convert.ToBase64String(System.IO.File.ReadAllBytes("Images/default.png"));
+
+            var imageTranslation = new Dictionary<string, string>
+            {
+                { "stone_slab", "smooth_stone_slab_side" },
+                { "sticky_piston", "piston_top_sticky" },
+                { "mob_spawner", "spawner" },
+                { "chest", "chest_minecart" },
+                { "stone_stairs", "stairs" },
+            };
+
+            foreach (var item in data)
+            {
+                var imageFilepath = defaultImage;
+
+                if (System.IO.File.Exists($"Images/{item.Name}.png"))
+                {
+                    imageFilepath = Convert.ToBase64String(System.IO.File.ReadAllBytes($"Images/{item.Name}.png"));
+                }
+
+                if (imageFilepath == defaultImage && System.IO.File.Exists($"Images/{item.Name}_top.png"))
+                {
+                    imageFilepath = Convert.ToBase64String(System.IO.File.ReadAllBytes($"Images/{item.Name}_top.png"));
+                }
+
+                if (imageFilepath == defaultImage && System.IO.File.Exists($"Images/{item.Name}_front.png"))
+                {
+                    imageFilepath = Convert.ToBase64String(System.IO.File.ReadAllBytes($"Images/{item.Name}_front.png"));
+                }
+
+                if (imageFilepath == defaultImage && System.IO.File.Exists($"Images/white_{item.Name}.png"))
+                {
+                    imageFilepath = Convert.ToBase64String(System.IO.File.ReadAllBytes($"Images/white_{item.Name}.png"));
+                }
+
+                if (imageFilepath == defaultImage && System.IO.File.Exists($"Images/oak_{item.Name}.png"))
+                {
+                    imageFilepath = Convert.ToBase64String(System.IO.File.ReadAllBytes($"Images/oak_{item.Name}.png"));
+                }
+
+                if (imageFilepath == defaultImage && System.IO.File.Exists($"Images/{item.DisplayName.ToLower().Replace(" ", "_")}.png"))
+                {
+                    imageFilepath = Convert.ToBase64String(System.IO.File.ReadAllBytes($"Images/{item.DisplayName.ToLower().Replace(" ", "_")}.png"));
+                }
+
+                if (imageFilepath == defaultImage && imageTranslation.ContainsKey(item.Name))
+                {
+                    imageFilepath = Convert.ToBase64String(System.IO.File.ReadAllBytes($"Images/{imageTranslation[item.Name]}.png"));
+                }
+
+                item.ImageBase64 = imageFilepath;
+            }
+
+            System.IO.File.WriteAllText("Data/items.json", JsonSerializer.Serialize(data, _jsonSerializerOptions));
+
+            return Task.FromResult(data);
+        }
+
+        /// <summary>
+        /// Resets the recipes.
+        /// </summary>
+        /// <returns>The async task.</returns>
+        [HttpGet]
+        [Route("reset-recipes")]
+        public Task ResetRecipes()
+        {
+            if (!System.IO.File.Exists("Data/convert-recipes.json"))
+            {
+                System.IO.File.Delete("Data/convert-recipes.json");
+            }
+
+            ConvertRecipes();
+
+            return Task.CompletedTask;
+        }
+
+        /// <summary>
+        /// Updates the specified identifier.
+        /// </summary>
+        /// <param name="id">The identifier.</param>
+        /// <param name="item">The item.</param>
+        /// <returns>The async task.</returns>
+        [HttpPut]
+        [Route("{id}")]
+        public Task Update(int id, Item item)
+        {
+            var data = JsonSerializer.Deserialize<List<Item>>(System.IO.File.ReadAllText("Data/items.json"), _jsonSerializerOptions);
+
+            var itemOriginal = data?.FirstOrDefault(w => w.Id == id);
+
+            if (itemOriginal == null)
+            {
+                throw new Exception($"Unable to found the item with ID: {id}");
+            }
+
+            itemOriginal.Id = item.Id;
+            itemOriginal.Name = item.Name;
+            itemOriginal.CreatedDate = item.CreatedDate;
+            itemOriginal.DisplayName = item.DisplayName;
+            itemOriginal.EnchantCategories = item.EnchantCategories;
+            itemOriginal.MaxDurability = item.MaxDurability;
+            itemOriginal.RepairWith = item.RepairWith;
+            itemOriginal.StackSize = item.StackSize;
+            itemOriginal.UpdatedDate = item.UpdatedDate;
+
+            System.IO.File.WriteAllText("Data/items.json", JsonSerializer.Serialize(data, _jsonSerializerOptions));
+
+            return Task.CompletedTask;
+        }
+
+        /// <summary>
+        /// Gets the name of the item.
+        /// </summary>
+        /// <param name="items">The items.</param>
+        /// <param name="inShape">The in shape.</param>
+        /// <param name="line">The line.</param>
+        /// <param name="row">The row.</param>
+        /// <returns>The name of the item.</returns>
+        private static string GetItemName(List<Item> items, InShape[][] inShape, int line, int row)
+        {
+            if (inShape.Length < line + 1)
+            {
+                return null;
+            }
+
+            if (inShape[line].Length < row + 1)
+            {
+                return null;
+            }
+
+            var id = inShape[line][row].Integer ?? inShape[line][row].IngredientClass?.Id;
+
+            if (id == null)
+            {
+                return null;
+            }
+
+            return GetItemName(items, id.Value);
+        }
+
+        /// <summary>
+        /// Gets the name of the item.
+        /// </summary>
+        /// <param name="items">The items.</param>
+        /// <param name="id">The identifier.</param>
+        /// <returns>The name of the item.</returns>
+        private static string GetItemName(List<Item> items, long id)
+        {
+            var item = items.FirstOrDefault(w => w.Id == id);
+            return item?.Name;
+        }
+
+        /// <summary>
+        /// Converts the recipes.
+        /// </summary>
+        private void ConvertRecipes()
+        {
+            var data = JsonSerializer.Deserialize<List<Item>>(System.IO.File.ReadAllText("Data/items.json"), _jsonSerializerOptions);
+
+            if (data == null)
+            {
+                return;
+            }
+
+            var recipes = Recipes.FromJson(System.IO.File.ReadAllText("Data/recipes.json"));
+
+            var items = new List<Recipe>();
+
+            foreach (var recipe in recipes.SelectMany(s => s.Value))
+            {
+                if (recipe.InShape == null)
+                {
+                    continue;
+                }
+
+                var giveItem = data.FirstOrDefault(w => w.Id == recipe.Result.Id);
+
+                if (giveItem == null)
+                {
+                    continue;
+                }
+
+                items.Add(new Recipe
+                {
+                    Give = giveItem,
+                    Have = new List<List<string>>
+                    {
+                        new()
+                        {
+                            GetItemName(data, recipe.InShape, 0, 0),
+                            GetItemName(data, recipe.InShape, 0, 1),
+                            GetItemName(data, recipe.InShape, 0, 2)
+                        },
+                        new()
+                        {
+                            GetItemName(data, recipe.InShape, 1, 0),
+                            GetItemName(data, recipe.InShape, 1, 1),
+                            GetItemName(data, recipe.InShape, 1, 2)
+                        },
+                        new()
+                        {
+                            GetItemName(data, recipe.InShape, 2, 0),
+                            GetItemName(data, recipe.InShape, 2, 1),
+                            GetItemName(data, recipe.InShape, 2, 2)
+                        }
+                    }
+                });
+            }
+
+            System.IO.File.WriteAllText("Data/convert-recipes.json", JsonSerializer.Serialize(items, _jsonSerializerOptions));
+        }
+    }
+}

Minecraft.Crafting.Api/Controllers/InventoryController.cs

@@ -0,0 +1,143 @@
+// --------------------------------------------------------------------------------------------------------------------
+// <copyright file="InventoryController.cs" company="UCA Clermont-Ferrand">
+//     Copyright (c) UCA Clermont-Ferrand All rights reserved.
+// </copyright>
+// --------------------------------------------------------------------------------------------------------------------
+
+namespace Minecraft.Crafting.Api.Controllers
+{
+    using Microsoft.AspNetCore.Mvc;
+    using Minecraft.Crafting.Api.Models;
+    using System.Text.Json;
+    using System.Text.Json.Serialization;
+
+    /// <summary>
+    /// The inventory controller.
+    /// </summary>
+    [ApiController]
+    [Route("api/[controller]")]
+    public class InventoryController : ControllerBase
+    {
+        /// <summary>
+        /// The json serializer options.
+        /// </summary>
+        private readonly JsonSerializerOptions _jsonSerializerOptions = new()
+        {
+            PropertyNamingPolicy = JsonNamingPolicy.CamelCase,
+            WriteIndented = true,
+            DefaultIgnoreCondition = JsonIgnoreCondition.WhenWritingDefault
+        };
+
+        /// <summary>
+        /// Adds to inventory.
+        /// </summary>
+        /// <param name="item">The item.</param>
+        /// <returns>The async task.</returns>
+        [HttpPost]
+        [Route("")]
+        public Task AddToInventory(InventoryModel item)
+        {
+            var data = JsonSerializer.Deserialize<List<InventoryModel>>(System.IO.File.ReadAllText("Data/inventory.json"), _jsonSerializerOptions);
+
+            if (data == null)
+            {
+                throw new Exception("Unable to get the inventory.");
+            }
+
+            data.Add(item);
+
+            System.IO.File.WriteAllText("Data/inventory.json", JsonSerializer.Serialize(data, _jsonSerializerOptions));
+
+            return Task.CompletedTask;
+        }
+
+        /// <summary>
+        /// Deletes from inventory.
+        /// </summary>
+        /// <param name="item">The item.</param>
+        /// <returns>The async task.</returns>
+        [HttpDelete]
+        [Route("")]
+        public Task DeleteFromInventory(InventoryModel item)
+        {
+            if (!System.IO.File.Exists("Data/inventory.json"))
+            {
+                throw new Exception($"Unable to found the item with name: {item.ItemName}");
+            }
+
+            var data = JsonSerializer.Deserialize<List<InventoryModel>>(System.IO.File.ReadAllText("Data/inventory.json"), _jsonSerializerOptions);
+
+            if (data == null)
+            {
+                throw new Exception("Unable to get the inventory.");
+            }
+
+            var inventoryItem = data.FirstOrDefault(w => w.ItemName == item.ItemName && w.Position == item.Position);
+
+            if (inventoryItem == null)
+            {
+                throw new Exception($"Unable to found the item with name: {item.ItemName} at position: {item.Position}");
+            }
+
+            data.Remove(inventoryItem);
+
+            System.IO.File.WriteAllText("Data/inventory.json", JsonSerializer.Serialize(data, _jsonSerializerOptions));
+
+            return Task.CompletedTask;
+        }
+
+        /// <summary>
+        /// Gets the inventory.
+        /// </summary>
+        /// <returns>The inventory.</returns>
+        [HttpGet]
+        [Route("")]
+        public Task<List<InventoryModel>> GetInventory()
+        {
+            if (!System.IO.File.Exists("Data/inventory.json"))
+            {
+                return Task.FromResult(new List<InventoryModel>());
+            }
+
+            var data = JsonSerializer.Deserialize<List<InventoryModel>>(System.IO.File.ReadAllText("Data/inventory.json"), _jsonSerializerOptions);
+
+            if (data == null)
+            {
+                throw new Exception("Unable to get the inventory.");
+            }
+
+            return Task.FromResult(data);
+        }
+
+        /// <summary>
+        /// Updates the inventory.
+        /// </summary>
+        /// <param name="item">The item.</param>
+        /// <returns>The async task.</returns>
+        [HttpPut]
+        [Route("")]
+        public Task UpdateInventory(InventoryModel item)
+        {
+            var data = JsonSerializer.Deserialize<List<InventoryModel>>(System.IO.File.ReadAllText("Data/inventory.json"), _jsonSerializerOptions);
+
+            if (data == null)
+            {
+                throw new Exception("Unable to get the inventory.");
+            }
+
+            var inventoryItem = data.FirstOrDefault(w => w.ItemName == item.ItemName && w.Position == item.Position);
+
+            if (inventoryItem == null)
+            {
+                throw new Exception($"Unable to found the item with name: {item.ItemName} at position: {item.Position}");
+            }
+
+            inventoryItem.ItemName = item.ItemName;
+            inventoryItem.Position = item.Position;
+
+            System.IO.File.WriteAllText("Data/inventory.json", JsonSerializer.Serialize(data, _jsonSerializerOptions));
+
+            return Task.CompletedTask;
+        }
+    }
+}

Minecraft.Crafting.Api/Dockerfile

@@ -0,0 +1,20 @@
+FROM mcr.microsoft.com/dotnet/aspnet:6.0 AS base
+WORKDIR /app
+EXPOSE 80
+EXPOSE 443
+
+FROM mcr.microsoft.com/dotnet/sdk:6.0 AS build
+WORKDIR /src
+COPY ["src/Minecraft.Crafting.Api/Minecraft.Crafting.Api.csproj", "Minecraft.Crafting.Api/"]
+RUN dotnet restore "Minecraft.Crafting.Api/Minecraft.Crafting.Api.csproj"
+COPY src/. .
+WORKDIR "/src/Minecraft.Crafting.Api"
+RUN dotnet build "Minecraft.Crafting.Api.csproj" -c Release -o /app/build
+
+FROM build AS publish
+RUN dotnet publish "Minecraft.Crafting.Api.csproj" -c Release -o /app/publish /p:UseAppHost=false
+
+FROM base AS final
+WORKDIR /app
+COPY --from=publish /app/publish .
+ENTRYPOINT ["dotnet", "Minecraft.Crafting.Api.dll"]