diff --git a/Blazor/Blazor/Components/Inventory.razor b/Blazor/Blazor/Components/Inventory.razor
new file mode 100644
index 0000000..ac79db9
--- /dev/null
+++ b/Blazor/Blazor/Components/Inventory.razor
@@ -0,0 +1,18 @@
+@using Models;
+
+<h3>Inventory</h3>
+
+<div class="css-grid">
+    @for(int i = 0; i<InventoryList.size;i++)
+    {
+        if (inventory.InvItems[i] != null)
+        {
+            <InventoryItem item="@inventory.InvItems[i]" />
+        }
+        else
+        {
+            /*Empty case*/
+            <h3>0</h3>
+        }
+    }
+</div>
\ No newline at end of file
diff --git a/Blazor/Blazor/Components/Inventory.razor.cs b/Blazor/Blazor/Components/Inventory.razor.cs
new file mode 100644
index 0000000..8c2fccb
--- /dev/null
+++ b/Blazor/Blazor/Components/Inventory.razor.cs
@@ -0,0 +1,10 @@
+using Blazor.Models;
+using Microsoft.AspNetCore.Components;
+namespace Blazor.Components
+{
+    partial class Inventory
+    {
+        [Parameter]
+        public InventoryList inventory { get; set; }
+    }
+}
diff --git a/Blazor/Blazor/Components/Inventory.razor.css b/Blazor/Blazor/Components/Inventory.razor.css
new file mode 100644
index 0000000..5d012f5
--- /dev/null
+++ b/Blazor/Blazor/Components/Inventory.razor.css
@@ -0,0 +1,6 @@
+.css-grid {
+    grid-template-columns: repeat(6,minmax(0,1fr));
+    gap: 10px;
+    display: grid;
+    width: 286px;
+}
\ No newline at end of file
diff --git a/Blazor/Blazor/Components/InventoryItem.razor b/Blazor/Blazor/Components/InventoryItem.razor
new file mode 100644
index 0000000..5037586
Binary files /dev/null and b/Blazor/Blazor/Components/InventoryItem.razor differ
diff --git a/Blazor/Blazor/Components/InventoryItem.razor.cs b/Blazor/Blazor/Components/InventoryItem.razor.cs
new file mode 100644
index 0000000..96ab613
--- /dev/null
+++ b/Blazor/Blazor/Components/InventoryItem.razor.cs
@@ -0,0 +1,11 @@
+using Blazor.Models;
+using Microsoft.AspNetCore.Components;
+
+namespace Blazor.Components
+{
+    public partial class InventoryItem
+    {
+        [Parameter]
+        public Models.InventoryItem item { get; set; }
+    }
+}
diff --git a/Blazor/Blazor/Models/InventoryItem.cs b/Blazor/Blazor/Models/InventoryItem.cs
new file mode 100644
index 0000000..e6f09b3
--- /dev/null
+++ b/Blazor/Blazor/Models/InventoryItem.cs
@@ -0,0 +1,15 @@
+namespace Blazor.Models
+{
+    public class InventoryItem
+    {
+        public Item item;
+        int stack;
+        public int Stack { get; set; }
+
+        public InventoryItem()
+        {
+            item = new Item();
+            Stack = 64;
+        }
+    }
+}
diff --git a/Blazor/Blazor/Models/InventoryList.cs b/Blazor/Blazor/Models/InventoryList.cs
new file mode 100644
index 0000000..4bac837
--- /dev/null
+++ b/Blazor/Blazor/Models/InventoryList.cs
@@ -0,0 +1,17 @@
+using Microsoft.AspNetCore.Http.Features;
+
+namespace Blazor.Models
+{
+    public partial class InventoryList
+    {
+        static public int size = 18;
+        List<InventoryItem> inventoryItems = new List<InventoryItem>(new InventoryItem[size]);
+        public List<InventoryItem> InvItems { get; set; }
+
+        public InventoryList() 
+        {
+            InvItems = new List<InventoryItem>(new InventoryItem[size]);
+            /*InvItems[0] = new InventoryItem();*/
+        }
+    }
+}
diff --git a/Blazor/Blazor/Models/Item.cs b/Blazor/Blazor/Models/Item.cs
index c5410a1..ad086c3 100644
--- a/Blazor/Blazor/Models/Item.cs
+++ b/Blazor/Blazor/Models/Item.cs
@@ -12,5 +12,17 @@
         public DateTime CreatedDate { get; set; }
         public DateTime? UpdatedDate { get; set; }
         public string ImageBase64 { get; set; }
+        public Item()
+        {
+            Id = 2;
+            DisplayName = "Dirt";
+            Name = "Block_of_dirt";
+            StackSize = 64;
+            MaxDurability= 9999;
+            EnchantCategories = new List<string>();
+            RepairWith = new List<string>();
+            CreatedDate= DateTime.Now;
+            UpdatedDate = DateTime.Now;
+        }
     }
 }
diff --git a/Blazor/Blazor/Pages/Index.razor b/Blazor/Blazor/Pages/Index.razor
index 6765355..b919667 100644
--- a/Blazor/Blazor/Pages/Index.razor
+++ b/Blazor/Blazor/Pages/Index.razor
@@ -1,5 +1,5 @@
 @page "/"
 @using Blazor.Components;
 <div>
-    <Crafting Items="Items" Recipes="Recipes" />
+    <Inventory inventory="inventory"/>
 </div>
diff --git a/Blazor/Blazor/Pages/Index.razor.cs b/Blazor/Blazor/Pages/Index.razor.cs
index 0a77a38..1f3179b 100644
--- a/Blazor/Blazor/Pages/Index.razor.cs
+++ b/Blazor/Blazor/Pages/Index.razor.cs
@@ -7,6 +7,12 @@ namespace Blazor.Pages
 {
     public partial class Index
     {
+        /* TEST */
+
+        InventoryList inventory = new InventoryList();
+
+
+
         [Inject]
         public IDataService DataService { get; set; }
 
diff --git a/Blazor/Blazor/Pages/_Layout.cshtml b/Blazor/Blazor/Pages/_Layout.cshtml
index a647c05..1fdfc6e 100644
--- a/Blazor/Blazor/Pages/_Layout.cshtml
+++ b/Blazor/Blazor/Pages/_Layout.cshtml
@@ -7,7 +7,7 @@
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <base href="https://codefirst.iut.uca.fr/containers/blazor-web-remiarnal/" />
+    @*<base href="https://codefirst.iut.uca.fr/containers/blazor-web-remiarnal/" />*@
     <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
     <link href="css/site.css" rel="stylesheet" />
     <link href="Blazor.styles.css" rel="stylesheet" />