diff --git a/AppShell.xaml b/AppShell.xaml
index 95e96e6..b638d08 100644
--- a/AppShell.xaml
+++ b/AppShell.xaml
@@ -9,22 +9,24 @@
     Shell.NavBarIsVisible="False">
 
     <TabBar>
-
-
         <ShellContent
             Title="Home Page"
             ContentTemplate="{DataTemplate pages:HomePage}"
             Route="HomePage" />
-   
-        <ShellContent
-            Title="More Page"
-            ContentTemplate="{DataTemplate pages:MorePage}"
-            Route="More"/>
-                
+
         <ShellContent
             Title="Favorites Page"
             ContentTemplate="{DataTemplate pages:FavoritesPage}"
             Route="Favorites" />
         
+        <ShellContent
+            Title="MyList Page"
+            ContentTemplate="{DataTemplate pages:MyListPage}"
+            Route="MyList" />
+
+        <ShellContent
+            Title="More Page"
+            ContentTemplate="{DataTemplate pages:MorePage}"
+            Route="More"/>
     </TabBar>
 </Shell>
\ No newline at end of file
diff --git a/Pages/MorePage.xaml b/Pages/MorePage.xaml
index 90910d5..90a2941 100644
--- a/Pages/MorePage.xaml
+++ b/Pages/MorePage.xaml
@@ -32,8 +32,8 @@
             Margin="40, 0, 0, 0">
             <views:HeadedButton Text="My Recipes" HeadSource="cookie.svg" HeadColor="#FF5441"/>
             <views:HeadedButton Text="Edit Profile" HeadSource="user_fill.svg" HeadColor="#FF5441"/>
-            <views:HeadedButton Text="Dark Mode" HeadSource="moon_white.svg" HeadColor="#FF5441"/>
-            <views:HeadedButton Text="Share App" HeadSource="share.svg" HeadColor="#FF5441"/>
+            <views:HeadedButton Text="Dark Mode" HeadSource="moon_white.svg" HeadColor="#FFFFFF"/>
+            <views:HeadedButton Text="Share App" HeadSource="share.svg" HeadColor="#fe33bf"/>
             <views:HeadedButton Text="Logout" HeadSource="logout_arrow.svg" HeadColor="#FF5441"/>
         </VerticalStackLayout>
     </Grid>
diff --git a/Pages/MyListPage.xaml b/Pages/MyListPage.xaml
new file mode 100644
index 0000000..3c621c8
--- /dev/null
+++ b/Pages/MyListPage.xaml
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="ShoopNCook.Pages.MyListPage"
+             Title="MyList"
+             BackgroundColor="{StaticResource BackgroundPrimary}"
+             xmlns:views="clr-namespace:ShoopNCook.Views">
+    <Grid
+         RowDefinitions="Auto, *, Auto">
+        <!-- Header label and return button -->
+        <Grid
+            Grid.Row="0"
+            Padding="20, 40, 0, 30"
+            ColumnDefinitions="*"
+            MaximumHeightRequest="60">
+
+            <ImageButton 
+                Grid.Column="0" 
+                HeightRequest="50"
+                WidthRequest="50"
+                Source="arrow_back.svg"
+                HorizontalOptions="Start"/>
+
+            <Label 
+                Grid.Column="0"
+                FontSize="24"
+                TextColor="{StaticResource TextColorPrimary}"
+                Text="My Weekly List"
+                MaximumHeightRequest="60"
+                FontFamily="PoppinsBold"
+                HorizontalOptions="Center"
+                VerticalOptions="Center"/>
+        </Grid>
+
+        <!-- Favorite items -->
+        <ScrollView
+            Grid.Row="1">
+            <VerticalStackLayout
+                Padding="30, 0, 30, 0"
+                Spacing="12">
+
+                <views:StoredRecipeView Note="4.5" Title="Spaghetti Bolognese"/>
+                <views:StoredRecipeView Note="3" Title="Chickend Curry"/>
+                <views:StoredRecipeView Note="0.2" Title="Beef Stroganoff"/>
+                <views:StoredRecipeView Note="1.6" Title="Fish And Ships" />
+                <views:StoredRecipeView Note="5" Title="Caesar Salad"/>
+                <views:StoredRecipeView Note="3.5" Title="Vegetables"/>
+                <views:StoredRecipeView Note="4.6" Title="Guacamole"/>
+                <views:StoredRecipeView Note="4" Title="Pad Thai"/>
+                <views:StoredRecipeView Note="3" Title="French Toast"/>
+                <views:StoredRecipeView Note="2" Title="Margherita Pizza"/>
+            </VerticalStackLayout>
+        </ScrollView>
+
+        <!-- Footer button -->
+        <Border 
+            Margin="20, 0, 20, 5"
+            Grid.Row="2"
+            Style="{StaticResource SecondaryBorder}">
+            <Button
+                Style="{StaticResource UserButton}"
+                BackgroundColor="{StaticResource Selected}"
+                Text="Show Ingredient List"/>
+        </Border>
+    </Grid>
+</ContentPage>
\ No newline at end of file
diff --git a/Pages/MyListPage.xaml.cs b/Pages/MyListPage.xaml.cs
new file mode 100644
index 0000000..3dfaaaa
--- /dev/null
+++ b/Pages/MyListPage.xaml.cs
@@ -0,0 +1,9 @@
+namespace ShoopNCook.Pages;
+
+public partial class MyListPage : ContentPage
+{
+	public MyListPage()
+	{
+		InitializeComponent();
+	}
+}
\ No newline at end of file
diff --git a/Pages/RecipePage.xaml b/Pages/RecipePage.xaml
index 4704ea5..6158f67 100644
--- a/Pages/RecipePage.xaml
+++ b/Pages/RecipePage.xaml
@@ -4,6 +4,7 @@
              x:Class="ShoopNCook.Pages.RecipePage"
              Title="RecipePage"
              x:Name="RecipeViewPage"
+             xmlns:views="clr-namespace:ShoopNCook.Views"
              BackgroundColor="{StaticResource BackgroundPrimary}">
     
     <Grid
@@ -152,51 +153,10 @@
             JustifyContent="SpaceBetween"
             AlignItems="Center"
             >
-            <Grid
-                ColumnDefinitions="*, Auto, *">
-
-                <Border
-                    Grid.Column="0"
-                    Stroke="Transparent"
-                    StrokeShape="RoundRectangle 100"
-                    BackgroundColor="{StaticResource Selected}">
-                    <ImageButton
-                        Source="minus.svg"
-                        WidthRequest="40"
-                        HeightRequest="40"
-                        Clicked="OnMinus"/>
-                </Border>
-
-                <HorizontalStackLayout
-                    Grid.Column="1">
-                    <Label 
-                        x:Name="NbPersLabel"
-                        Text="1"
-                        Margin="10, 0, 0, 0"
-                        TextColor="{StaticResource TextColorPrimary}"
-                        VerticalTextAlignment="Center"
-                        FontFamily="PoppinsMedium"/>
-
-                    <Label 
-                        Text=" pers"
-                        Margin="0, 0, 10, 0"
-                        TextColor="{StaticResource TextColorPrimary}"
-                        VerticalTextAlignment="Center"
-                        FontFamily="PoppinsMedium"/>
-                </HorizontalStackLayout>
-
-                <Border
-                    Grid.Column="2"
-                    Stroke="Transparent"
-                    StrokeShape="RoundRectangle 100"
-                    BackgroundColor="{StaticResource Selected}">
-                    <ImageButton 
-                        Source="plus.svg"
-                        WidthRequest="40"
-                        HeightRequest="40"
-                        Clicked="OnPlus"/>
-                </Border>
-            </Grid>
+            <views:CounterView
+                x:Name="Counter"
+                CounterText="pers"
+                Count="1"/>
 
             <Button
                 Grid.Column="1"
diff --git a/Pages/RecipePage.xaml.cs b/Pages/RecipePage.xaml.cs
index 17bd514..badf0ae 100644
--- a/Pages/RecipePage.xaml.cs
+++ b/Pages/RecipePage.xaml.cs
@@ -7,7 +7,6 @@ public partial class RecipePage : ContentPage
 {
 
     private uint note;
-	private uint nbPers;
     private bool isFavorite;
 
     public ICommand StarCommand => new Command<string>(count =>
@@ -39,7 +38,7 @@ public partial class RecipePage : ContentPage
         )
     {
         InitializeComponent();
-        SetNbPers(nbPers);
+        Counter.Count = nbPers;
         SetFavorite(isFavorite);
         SetNote(note);
 
@@ -97,19 +96,4 @@ public partial class RecipePage : ContentPage
         }
     }
 
-    private void OnPlus(object o, EventArgs e)
-    {
-        SetNbPers(nbPers + 1);
-    }
-
-    private void OnMinus(object o, EventArgs e)
-    {
-        SetNbPers(nbPers - 1);
-    }
-
-    private void SetNbPers(uint nbPers)
-    {
-        this.nbPers = nbPers <= 1 ? 1 : nbPers;
-        NbPersLabel.Text = this.nbPers.ToString();
-    }
 }
\ No newline at end of file
diff --git a/ShoopNCook.csproj b/ShoopNCook.csproj
index c429d81..36a935f 100644
--- a/ShoopNCook.csproj
+++ b/ShoopNCook.csproj
@@ -1,129 +1,138 @@
-<Project Sdk="Microsoft.NET.Sdk">
-
-	<PropertyGroup>
-		<TargetFrameworks>net7.0-android;net7.0-ios;net7.0-maccatalyst</TargetFrameworks>
-		<TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net7.0-windows10.0.19041.0</TargetFrameworks>
-		<!-- Uncomment to also build the tizen app. You will need to install tizen by following this: https://github.com/Samsung/Tizen.NET -->
-		<!-- <TargetFrameworks>$(TargetFrameworks);net7.0-tizen</TargetFrameworks> -->
-		<OutputType>Exe</OutputType>
-		<RootNamespace>ShoopNCook</RootNamespace>
-		<UseMaui>true</UseMaui>
-		<SingleProject>true</SingleProject>
-		<ImplicitUsings>enable</ImplicitUsings>
-
-		<!-- Display name -->
-		<ApplicationTitle>ShoopNCook</ApplicationTitle>
-
-		<!-- App Identifier -->
-		<ApplicationId>com.companyname.shoopncook</ApplicationId>
-		<ApplicationIdGuid>bf17e1fe-a722-42f6-a24d-3327d351c924</ApplicationIdGuid>
-
-		<!-- Versions -->
-		<ApplicationDisplayVersion>1.0</ApplicationDisplayVersion>
-		<ApplicationVersion>1</ApplicationVersion>
-
-		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'ios'">11.0</SupportedOSPlatformVersion>
-		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'maccatalyst'">13.1</SupportedOSPlatformVersion>
-		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'android'">21.0</SupportedOSPlatformVersion>
-		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</SupportedOSPlatformVersion>
-		<TargetPlatformMinVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</TargetPlatformMinVersion>
-		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'tizen'">6.5</SupportedOSPlatformVersion>
-	</PropertyGroup>
-
-	<ItemGroup>
-		<!-- App Icon -->
-		<MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" Color="#512BD4" />
-
-		<!-- Splash Screen -->
-		<MauiSplashScreen Include="Resources\Splash\splash.svg" Color="#512BD4" BaseSize="128,128" />
-
-		<!-- Images -->
-		<MauiImage Include="Resources\Images\*" />
-
-		<!-- Custom Fonts -->
-		<MauiFont Include="Resources\Fonts\*" />
-
-		<!-- Raw Assets (also remove the "Resources\Raw" prefix) -->
-		<MauiAsset Include="Resources\Raw\**" LogicalName="%(RecursiveDir)%(Filename)%(Extension)" />
-	</ItemGroup>
-
-	<ItemGroup>
-	  <None Remove="Resources\Fonts\Poppins-Bold.ttf" />
-	  <None Remove="Resources\Fonts\Poppins-Medium.ttf" />
-	  <None Remove="Resources\Fonts\Poppins-Regular.ttf" />
-	  <None Remove="Resources\Images\cookie.svg" />
-	  <None Remove="Resources\Images\email_icon.svg" />
-	  <None Remove="Resources\Images\facebook_logo.svg" />
-	  <None Remove="Resources\Images\hearth_off.svg" />
-	  <None Remove="Resources\Images\hearth_on.svg" />
-	  <None Remove="Resources\Images\logout_arrow.svg" />
-	  <None Remove="Resources\Images\minus.svg" />
-	  <None Remove="Resources\Images\moon_white.svg" />
-	  <None Remove="Resources\Images\email_icon.svg" />
-	  <None Remove="Resources\Images\facebook_logo.svg" />
-	  <None Remove="Resources\Images\password_icon.svg" />
-	  <None Remove="Resources\Images\search_options.svg" />
-	  <None Remove="Resources\Images\share.svg" />
-	  <None Remove="Resources\Images\star_empty.svg" />
-	  <None Remove="Resources\Images\star_full.svg" />
-	  <None Remove="Resources\Images\user.svg" />
-	  <None Remove="Resources\Images\user_fill.svg" />
-	  <None Remove="Resources\Images\visibility_off.svg" />
-	  <None Remove="Resources\Images\visibility_on.svg" />
-	</ItemGroup>
-
-	<ItemGroup>
-	  <None Remove="Resources\Fonts\arrow_back_ios_FILL0_wght400_GRAD200_opsz48.svg" />
-	  <None Remove="Resources\Images\default_profile_picture.png" />
-	</ItemGroup>
-
-	<ItemGroup>
-	  <MauiFont Include="Resources\Images\arrow_back.svg" />
-	</ItemGroup>
-
-	<ItemGroup>
-		<PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="7.0.0" />
-	</ItemGroup>
-
-	<ItemGroup>
-	  <MauiXaml Update="Pages\ConfirmMail.xaml">
-	    <Generator>MSBuild:Compile</Generator>
-	  </MauiXaml>
-	  <MauiXaml Update="Views\HeadedButton.xaml">
-	    <Generator>MSBuild:Compile</Generator>
-	  </MauiXaml>
-	  <MauiXaml Update="Views\IngredientView.xaml">
-		  <Generator>MSBuild:Compile</Generator>
-	  </MauiXaml>
-	  <MauiXaml Update="Pages\FavoritesPage.xaml">
-	    <Generator>MSBuild:Compile</Generator>
-	  </MauiXaml>
-	  <MauiXaml Update="Pages\MorePage.xaml">
-	    <Generator>MSBuild:Compile</Generator>
-	  </MauiXaml>
-	  <MauiXaml Update="Pages\ProfilePage.xaml">
-	    <Generator>MSBuild:Compile</Generator>
-	  </MauiXaml>
-	  <MauiXaml Update="Pages\RecipePage.xaml">
-	    <Generator>MSBuild:Compile</Generator>
-	  </MauiXaml>
-	  <MauiXaml Update="Views\RecipeView.xaml">
-	    <Generator>MSBuild:Compile</Generator>
-	  </MauiXaml>
-	  <MauiXaml Update="Pages\RegisterPage.xaml">
-	    <Generator>MSBuild:Compile</Generator>
-	  </MauiXaml>
-	  <MauiXaml Update="Pages\SearchPage.xaml">
-		  <Generator>MSBuild:Compile</Generator>
-	  </MauiXaml>
-	  <MauiXaml Update="Views\RecipeView.xaml">
-	    <Generator>MSBuild:Compile</Generator>
-	  </MauiXaml>
-	  <MauiXaml Update="Views\SearchPage.xaml">
-	    <Generator>MSBuild:Compile</Generator>
-	  </MauiXaml>
-	</ItemGroup>
-
-	<ProjectExtensions><VisualStudio><UserProperties XamarinHotReloadDebuggerTimeoutExceptionShoopNCookHideInfoBar="True" XamarinHotReloadUnhandledDeviceExceptionShoopNCookHideInfoBar="True" /></VisualStudio></ProjectExtensions>
-
-</Project>
+<Project Sdk="Microsoft.NET.Sdk">
+
+	<PropertyGroup>
+		<TargetFrameworks>net7.0-android;net7.0-ios;net7.0-maccatalyst</TargetFrameworks>
+		<TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net7.0-windows10.0.19041.0</TargetFrameworks>
+		<!-- Uncomment to also build the tizen app. You will need to install tizen by following this: https://github.com/Samsung/Tizen.NET -->
+		<!-- <TargetFrameworks>$(TargetFrameworks);net7.0-tizen</TargetFrameworks> -->
+		<OutputType>Exe</OutputType>
+		<RootNamespace>ShoopNCook</RootNamespace>
+		<UseMaui>true</UseMaui>
+		<SingleProject>true</SingleProject>
+		<ImplicitUsings>enable</ImplicitUsings>
+
+		<!-- Display name -->
+		<ApplicationTitle>ShoopNCook</ApplicationTitle>
+
+		<!-- App Identifier -->
+		<ApplicationId>com.companyname.shoopncook</ApplicationId>
+		<ApplicationIdGuid>bf17e1fe-a722-42f6-a24d-3327d351c924</ApplicationIdGuid>
+
+		<!-- Versions -->
+		<ApplicationDisplayVersion>1.0</ApplicationDisplayVersion>
+		<ApplicationVersion>1</ApplicationVersion>
+
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'ios'">11.0</SupportedOSPlatformVersion>
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'maccatalyst'">13.1</SupportedOSPlatformVersion>
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'android'">21.0</SupportedOSPlatformVersion>
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</SupportedOSPlatformVersion>
+		<TargetPlatformMinVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</TargetPlatformMinVersion>
+		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'tizen'">6.5</SupportedOSPlatformVersion>
+	</PropertyGroup>
+
+	<ItemGroup>
+		<!-- App Icon -->
+		<MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" Color="#512BD4" />
+
+		<!-- Splash Screen -->
+		<MauiSplashScreen Include="Resources\Splash\splash.svg" Color="#512BD4" BaseSize="128,128" />
+
+		<!-- Images -->
+		<MauiImage Include="Resources\Images\*" />
+
+		<!-- Custom Fonts -->
+		<MauiFont Include="Resources\Fonts\*" />
+
+		<!-- Raw Assets (also remove the "Resources\Raw" prefix) -->
+		<MauiAsset Include="Resources\Raw\**" LogicalName="%(RecursiveDir)%(Filename)%(Extension)" />
+	</ItemGroup>
+
+	<ItemGroup>
+	  <None Remove="Resources\Fonts\Poppins-Bold.ttf" />
+	  <None Remove="Resources\Fonts\Poppins-Medium.ttf" />
+	  <None Remove="Resources\Fonts\Poppins-Regular.ttf" />
+	  <None Remove="Resources\Images\cookie.svg" />
+	  <None Remove="Resources\Images\email_icon.svg" />
+	  <None Remove="Resources\Images\facebook_logo.svg" />
+	  <None Remove="Resources\Images\hearth_off.svg" />
+	  <None Remove="Resources\Images\hearth_on.svg" />
+	  <None Remove="Resources\Images\logout_arrow.svg" />
+	  <None Remove="Resources\Images\minus.svg" />
+	  <None Remove="Resources\Images\moon_white.svg" />
+	  <None Remove="Resources\Images\email_icon.svg" />
+	  <None Remove="Resources\Images\facebook_logo.svg" />
+	  <None Remove="Resources\Images\password_icon.svg" />
+	  <None Remove="Resources\Images\search_options.svg" />
+	  <None Remove="Resources\Images\share.svg" />
+	  <None Remove="Resources\Images\star_empty.svg" />
+	  <None Remove="Resources\Images\star_full.svg" />
+	  <None Remove="Resources\Images\user.svg" />
+	  <None Remove="Resources\Images\user_fill.svg" />
+	  <None Remove="Resources\Images\visibility_off.svg" />
+	  <None Remove="Resources\Images\visibility_on.svg" />
+	</ItemGroup>
+
+	<ItemGroup>
+	  <None Remove="Resources\Fonts\arrow_back_ios_FILL0_wght400_GRAD200_opsz48.svg" />
+	  <None Remove="Resources\Images\default_profile_picture.png" />
+	</ItemGroup>
+
+	<ItemGroup>
+	  <MauiFont Include="Resources\Images\arrow_back.svg" />
+	</ItemGroup>
+
+	<ItemGroup>
+		<PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="7.0.0" />
+	</ItemGroup>
+
+	<ItemGroup>
+	  <Compile Update="Pages\MyListPage.xaml.cs">
+	    <DependentUpon>MyListPage.xaml</DependentUpon>
+	  </Compile>
+	</ItemGroup>
+
+	<ItemGroup>
+	  <MauiXaml Update="Views\CounterView.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="Views\HeadedButton.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="Views\IngredientView.xaml">
+		  <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="Pages\FavoritesPage.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="Pages\MorePage.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="Pages\ProfilePage.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="Pages\RecipePage.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="Views\RecipeView.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="Pages\RegisterPage.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="Pages\SearchPage.xaml">
+		  <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="Views\RecipeView.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="Views\SearchPage.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="Views\StoredRecipeView.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	</ItemGroup>
+
+	<ProjectExtensions><VisualStudio><UserProperties XamarinHotReloadDebuggerTimeoutExceptionShoopNCookHideInfoBar="True" XamarinHotReloadUnhandledDeviceExceptionShoopNCookHideInfoBar="True" /></VisualStudio></ProjectExtensions>
+
+</Project>
diff --git a/Views/CounterView.xaml b/Views/CounterView.xaml
new file mode 100644
index 0000000..b460938
--- /dev/null
+++ b/Views/CounterView.xaml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="ShoopNCook.Views.CounterView"
+             x:Name="Counter">
+    <Grid
+        ColumnDefinitions="*, Auto, *">
+
+        <Border
+            Grid.Column="0"
+            Stroke="Transparent"
+            StrokeShape="RoundRectangle 100"
+            BackgroundColor="{StaticResource Selected}">
+            <ImageButton
+                Source="minus.svg"
+                WidthRequest="40"
+                HeightRequest="40"
+                Clicked="OnMinus"/>
+        </Border>
+
+        <HorizontalStackLayout
+            Grid.Column="1"
+            Spacing="3"
+            Margin="10, 0, 10, 0">
+            <Label 
+                x:Name="CountLabel"
+                Text="{Binding Count, Source={x:Reference Counter}}"
+                TextColor="{StaticResource TextColorPrimary}"
+                VerticalTextAlignment="Center"
+                FontFamily="PoppinsMedium"/>
+
+            <Label 
+                x:Name="CounterLabel"
+                Text="{Binding CounterText, Source={x:Reference Counter}}"
+                TextColor="{StaticResource TextColorPrimary}"
+                VerticalTextAlignment="Center"
+                FontFamily="PoppinsMedium"/>
+        </HorizontalStackLayout>
+
+        <Border
+            Grid.Column="2"
+            Stroke="Transparent"
+            StrokeShape="RoundRectangle 100"
+            BackgroundColor="{StaticResource Selected}">
+            <ImageButton 
+                Source="plus.svg"
+                WidthRequest="40"
+                HeightRequest="40"
+                Clicked="OnPlus"/>
+        </Border>
+    </Grid>
+</ContentView>
diff --git a/Views/CounterView.xaml.cs b/Views/CounterView.xaml.cs
new file mode 100644
index 0000000..39b1b2f
--- /dev/null
+++ b/Views/CounterView.xaml.cs
@@ -0,0 +1,51 @@
+namespace ShoopNCook.Views;
+
+public partial class CounterView : ContentView
+{
+
+    private readonly BindableProperty CountProperty =
+        BindableProperty.Create(nameof(CountLabel), typeof(uint), typeof(CounterView), default(uint) + 1);
+
+    private readonly BindableProperty CounterLabelProperty =
+        BindableProperty.Create(nameof(CounterLabel), typeof(string), typeof(CounterView), default(string));
+
+    public CounterView()
+	{
+        InitializeComponent();
+        CountLabel.BindingContext = this;
+        CountLabel.SetBinding(Label.TextProperty, nameof(Count));
+
+        CounterLabel.BindingContext = this;
+        CounterLabel.SetBinding(Label.TextProperty, nameof(CounterText));
+    }
+
+    public uint Count
+    {
+        get => (uint)GetValue(CountProperty);
+        set
+        {
+            SetValue(CountProperty, value <= 1 ? 1 : uint.Parse(value.ToString()));
+            OnPropertyChanged(nameof(Count));
+        }
+    }
+
+    public string CounterText
+    {
+        get => (string)GetValue(CounterLabelProperty);
+        set
+        {
+            SetValue(CounterLabelProperty, value);
+            OnPropertyChanged(nameof(CounterText));
+        }
+    }
+
+    private void OnPlus(object o, EventArgs e)
+    {
+        Count += 1;
+    }
+
+    private void OnMinus(object o, EventArgs e)
+    {
+        Count -= 1;
+    }
+}
\ No newline at end of file
diff --git a/Views/HeadedButton.xaml b/Views/HeadedButton.xaml
index 26a3f4d..f3e7442 100644
--- a/Views/HeadedButton.xaml
+++ b/Views/HeadedButton.xaml
@@ -6,20 +6,17 @@
     <HorizontalStackLayout>
         <Border
             x:Name="PrefixBorder"
-            BackgroundColor="{Binding HeadColor, Source={x:Reference HeadedBtn}}"
             Stroke="Transparent"
             StrokeShape="RoundRectangle 250"
             Padding="10">
             <ImageButton
                 x:Name="PrefixImage"
                 WidthRequest="25"
-                HeightRequest="25"
-                Source="{Binding HeadSource, Source={x:Reference HeadedBtn}}"/>
+                HeightRequest="25"/>
         </Border>
         <Label
             x:Name="BtnLabel"
             Margin="20, 0, 0, 0"
-            Text="{Binding Text, Source={x:Reference HeadedBtn}}"
             VerticalTextAlignment="Center"
             FontFamily="Poppins"
             FontSize="16"
diff --git a/Views/HeadedButton.xaml.cs b/Views/HeadedButton.xaml.cs
index 3558072..1c00ef2 100644
--- a/Views/HeadedButton.xaml.cs
+++ b/Views/HeadedButton.xaml.cs
@@ -1,33 +1,22 @@
 namespace ShoopNCook.Views;
+using Microsoft.Maui.Graphics;
 
 public partial class HeadedButton : ContentView
 {
 
-    private readonly BindableProperty TextProperty =
-        BindableProperty.Create("Text", typeof(string), typeof(HeadedButton), "No Text Defined.");
-
-    private readonly BindableProperty HeadColorProperty =
-        BindableProperty.Create("HeadColor", typeof(string), typeof(HeadedButton), "#FFFFFF");
-
-    private readonly BindableProperty HeadSourceProperty =
-        BindableProperty.Create("HeadSource", typeof(string), typeof(HeadedButton), default(string));
-
     public string Text
     {
-        get => (string)GetValue(TextProperty);
-        set => SetValue(TextProperty, value);
+        set => BtnLabel.Text = value;
     }
 
     public string HeadColor
     {
-        get => (string)GetValue(HeadColorProperty);
-        set => SetValue(HeadColorProperty, value);
+        set => PrefixBorder.BackgroundColor = Color.FromArgb(value);
     }
 
     public string HeadSource
     {
-        get => (string)GetValue(HeadSourceProperty);
-        set => SetValue(HeadSourceProperty, value);
+        set => PrefixImage.Source = ImageSource.FromFile(value);
     }
 
     public HeadedButton()
diff --git a/Views/StoredRecipeView.xaml b/Views/StoredRecipeView.xaml
new file mode 100644
index 0000000..f1334a7
--- /dev/null
+++ b/Views/StoredRecipeView.xaml
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="ShoopNCook.Views.StoredRecipeView"
+             xmlns:views="clr-namespace:ShoopNCook.Views">
+
+    <Border
+        Style="{StaticResource SecondaryBorderShadow}"
+        StrokeShape="RoundRectangle 30">
+
+        <Grid
+            BackgroundColor="{StaticResource BackgroundSecondary}"
+            Padding="10"
+            MinimumHeightRequest="250"
+            MinimumWidthRequest="150"
+            RowDefinitions="*, Auto">
+            <Border
+                Grid.Row="0"
+                Stroke="Transparent"
+                StrokeShape="RoundRectangle 20"
+                BackgroundColor="AliceBlue">
+                <Grid>
+                    <Image />
+                    <HorizontalStackLayout
+                        x:Name="Stars"
+                        VerticalOptions="End"
+                        HorizontalOptions="End"
+                        Margin="0, 0, 15, 2">
+                        <Image
+                            WidthRequest="15"
+                            Source="star_full.svg"/>
+                        <Image
+                            WidthRequest="15"
+                            Source="star_full.svg"/>
+                        <Image
+                            WidthRequest="15"
+                            Source="star_full.svg"/>
+                        <Image
+                            WidthRequest="15"
+                            Source="star_full.svg"/>
+                        <Image
+                            WidthRequest="15"
+                            Source="star_full.svg"/>
+                    </HorizontalStackLayout>
+                </Grid>
+            </Border>
+
+            <VerticalStackLayout
+                HorizontalOptions="Start"
+                Grid.Row="1">
+                <Label
+                    TextColor="{StaticResource TextColorPrimary}"
+                    x:Name="TitleLabel"/>
+                <Grid></Grid>
+                <views:CounterView CounterText="pers"/>
+            </VerticalStackLayout>
+        </Grid>
+    </Border>
+</ContentView>
diff --git a/Views/StoredRecipeView.xaml.cs b/Views/StoredRecipeView.xaml.cs
new file mode 100644
index 0000000..1eb7ae1
--- /dev/null
+++ b/Views/StoredRecipeView.xaml.cs
@@ -0,0 +1,41 @@
+namespace ShoopNCook.Views;
+
+public partial class StoredRecipeView : ContentView
+{
+
+    public StoredRecipeView() : this(5, "Title")
+    { }
+
+    public StoredRecipeView(float note, string title)
+    {
+        InitializeComponent();
+        Note = note;
+        Title = title;
+    }
+
+    public float Note
+    {
+        set => SetNote(value);
+    }
+
+    public string Title
+    {
+        set => TitleLabel.Text = value;
+    }
+
+
+
+    private void SetNote(float note)
+    {
+        int i = 1;
+        foreach (Image img in Stars.Children)
+        {
+            if (i <= note)
+            {
+                img.Opacity = 0;
+                i++;
+            }
+            else img.Opacity = 1;
+        }
+    }
+}
\ No newline at end of file