diff --git a/BlazorApp1/Components/InventoryComponent.razor b/BlazorApp1/Components/InventoryComponent.razor
index 6c02e2d..3f522a6 100644
--- a/BlazorApp1/Components/InventoryComponent.razor
+++ b/BlazorApp1/Components/InventoryComponent.razor
@@ -3,7 +3,7 @@
         <div class="row">
 
             <div class="col-6">
-                <div>@Localizer["InventoryTitle"]</div>
+                <h4>@Localizer["InventoryTitle"]</h4>
                     
                     <div class="css-inventory">
                         <InventoryItem Index="0"/>
@@ -47,8 +47,9 @@
             </div>
 
             <div class="col-6">
+                <SearchBar ListeItems="@Items"/>
                 
-                <div>@Localizer["AvailableItems"]</div>
+                <h4>@Localizer["AvailableItems"]</h4>
                 <div>
                     <div class="css-grid">
                         
diff --git a/BlazorApp1/Components/InventoryComponent.razor.css b/BlazorApp1/Components/InventoryComponent.razor.css
index 76e71ac..6e5249b 100644
--- a/BlazorApp1/Components/InventoryComponent.razor.css
+++ b/BlazorApp1/Components/InventoryComponent.razor.css
@@ -8,7 +8,7 @@
 .css-grid {
     grid-template-columns: repeat(4,minmax(0,1fr));
     gap: 10px;
-    display: grid;
+    display: inline;
     width: 286px;
 }
 
diff --git a/BlazorApp1/Components/SearchBar.razor b/BlazorApp1/Components/SearchBar.razor
new file mode 100644
index 0000000..0cc2efa
--- /dev/null
+++ b/BlazorApp1/Components/SearchBar.razor
@@ -0,0 +1,6 @@
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
+<form class="search">
+    <input type="text" name="SearchText" placeholder="Rechercher un item"/>
+    <button @onclick="@Search" type="submit"><i class="fa fa-search"></i></button>
+</form>
\ No newline at end of file
diff --git a/BlazorApp1/Components/SearchBar.razor.cs b/BlazorApp1/Components/SearchBar.razor.cs
new file mode 100644
index 0000000..8cf619c
--- /dev/null
+++ b/BlazorApp1/Components/SearchBar.razor.cs
@@ -0,0 +1,25 @@
+using Microsoft.Extensions.Localization;
+using BlazorApp1.Models;
+using Microsoft.AspNetCore.Components;
+
+namespace BlazorApp1.Components
+{   
+    public partial class SearchBar
+    {
+        [Parameter]
+        public List<Item> ListeItems { get; set; }
+
+        public string SearchText { get; set; }
+        public void Search()
+        {
+            foreach (var item in ListeItems)
+            {
+                if (String.Equals(item.DisplayName, ListeItems) == true)
+                {
+                    return;
+                   
+                }
+            }
+        }
+    }
+}
diff --git a/BlazorApp1/Components/SearchBar.razor.css b/BlazorApp1/Components/SearchBar.razor.css
new file mode 100644
index 0000000..efb53e2
--- /dev/null
+++ b/BlazorApp1/Components/SearchBar.razor.css
@@ -0,0 +1,5 @@
+.search {
+    width: 50px;
+    height: 50px;
+    display: inline;
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index be30520..44c54d7 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,30 @@
-[![Quality Gate Status](https://codefirst.iut.uca.fr/sonar/api/project_badges/measure?project=BlazorProject&metric=alert_status&token=517f3f0ae8780061da0076f6b3bcc50f24ede668)](https://codefirst.iut.uca.fr/sonar/dashboard?id=BlazorProject)
\ No newline at end of file
+# Projet de création d'un inventaire en Blazor
+
+[![Quality Gate Status](https://codefirst.iut.uca.fr/sonar/api/project_badges/measure?project=BlazorProject&metric=alert_status&token=517f3f0ae8780061da0076f6b3bcc50f24ede668)](https://codefirst.iut.uca.fr/sonar/dashboard?id=BlazorProject)
+
+Ce projet avait pour but de créer un inventaire type minecraft à l'aide du framework Blazor et ce afin de nous faire découvrir ce dernier.
+
+## Lancement du projet
+
+Etant donné que le projet n'est constitué que de la branche `master`, c'est celle-ci que nous allons utiliser.
+
+Une fois le dépôt cloné, il faut lancer les 2 projets qui y sont présent.
+
+Pour cela, lancer la solution avec Visual Studio : `BlazorApp1.sln`
+
+Ensuite, on va définir les projets de démarrage :
+
+    1. Clique droit sur la solution
+    2. Définir les projets de démarrage...
+![Image du menu clique droit](/docs/images/ProjetDeDémarrage.png "Titre de l'image")
+    3. On sélectionne : Plusieurs projets de démarrage
+    4. On met les deux projet sur : Démarrer
+
+
+![Image du menu de sélection des projets](/docs/images/ProjetDeDémarrage2.png "Titre de l'image")
+
+    5. On démarre le projet global
+    
+![Image du boutton de démarrage](/docs/images/Démarrer.png "Titre de l'image")
+
+Auteurs : Lou Valade et Théo Renaud
\ No newline at end of file
diff --git a/docs/images/Démarrer.png b/docs/images/Démarrer.png
new file mode 100644
index 0000000..fa452e1
Binary files /dev/null and b/docs/images/Démarrer.png differ
diff --git a/docs/images/ProjetDeDémarrage.png b/docs/images/ProjetDeDémarrage.png
new file mode 100644
index 0000000..c3c1562
Binary files /dev/null and b/docs/images/ProjetDeDémarrage.png differ
diff --git a/docs/images/ProjetDeDémarrage2.png b/docs/images/ProjetDeDémarrage2.png
new file mode 100644
index 0000000..d602c72
Binary files /dev/null and b/docs/images/ProjetDeDémarrage2.png differ