diff --git a/app/Http/Controllers/RecipeController.php b/app/Http/Controllers/RecipeController.php
index 1e90ea2..592385f 100644
--- a/app/Http/Controllers/RecipeController.php
+++ b/app/Http/Controllers/RecipeController.php
@@ -3,6 +3,7 @@
 namespace App\Http\Controllers;
 
 use App\Models\Recipe;
+use Illuminate\Contracts\View\View;
 use Illuminate\Http\Request;
 
 class RecipeController extends Controller
@@ -20,11 +21,11 @@ class RecipeController extends Controller
     /**
      * Show the form for creating a new resource.
      *
-     * @return \Illuminate\Http\Response
+     * @return \Illuminate\Contracts\View\View
      */
-    public function create()
+    public function create(): View
     {
-        //
+        return view('recipes.create');
     }
 
     /**
diff --git a/resources/views/components/form/textarea.blade.php b/resources/views/components/form/textarea.blade.php
new file mode 100644
index 0000000..c6f61d3
--- /dev/null
+++ b/resources/views/components/form/textarea.blade.php
@@ -0,0 +1,4 @@
+@props(['disabled' => false])
+
+<textarea {{ $disabled ? 'disabled' : '' }} {!! $attributes->merge(['class' => 'rounded-md shadow-sm border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50']) !!}>
+</textarea>
diff --git a/resources/views/ingredients/index.blade.php b/resources/views/ingredients/index.blade.php
index 5d2edc3..03d8d0b 100644
--- a/resources/views/ingredients/index.blade.php
+++ b/resources/views/ingredients/index.blade.php
@@ -42,7 +42,7 @@
                                     <div class="font-bold border-b border-gray-300">Carbohydrates</div>
                                     <div class="text-right border-b border-gray-300">{{ $ingedient->carbohydrates < 1 ? $ingedient->carbohydrates * 1000 . "m" : $ingedient->carbohydrates }}g</div>
                                     <div class="font-bold">Protein</div>
-                                    <div class="text-right">{{$ingedient->protein}}g</div>
+                                    <div class="text-right">{{ $ingedient->protein < 1 ? $ingedient->protein * 1000 . "m" : $ingedient->protein }}g</div>
                                 </div>
                             </div>
                         @endforeach
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index e7f54bc..30096c9 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -15,6 +15,8 @@
 
         <!-- Scripts -->
         <script src="{{ asset('js/app.js') }}" defer></script>
+
+        @isset($styles) {{ $styles }} @endisset
     </head>
     <body class="font-sans antialiased">
         <div class="min-h-screen bg-gray-100">
@@ -32,5 +34,7 @@
                 {{ $slot }}
             </main>
         </div>
+
+        @isset($scripts) {{ $scripts }} @endisset
     </body>
 </html>
diff --git a/resources/views/layouts/navigation.blade.php b/resources/views/layouts/navigation.blade.php
index a19db08..23b9b33 100644
--- a/resources/views/layouts/navigation.blade.php
+++ b/resources/views/layouts/navigation.blade.php
@@ -17,6 +17,32 @@
                     </x-nav-link>
                 </div>
 
+                <!-- Recipes Dropdown -->
+                <div class="hidden sm:flex sm:items-center sm:ml-6">
+                    <x-dropdown align="left" width="48">
+                        <x-slot name="trigger">
+                            <button class="flex items-center text-sm font-medium text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out">
+                                <div>Recipes</div>
+
+                                <div class="ml-1">
+                                    <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+                                        <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
+                                    </svg>
+                                </div>
+                            </button>
+                        </x-slot>
+
+                        <x-slot name="content">
+                            <x-dropdown-link :href="route('recipes.create')">
+                                {{ __('Add Recipe') }}
+                            </x-dropdown-link>
+                            <x-dropdown-link :href="route('recipes.index')">
+                                {{ __('List Recipes') }}
+                            </x-dropdown-link>
+                        </x-slot>
+                    </x-dropdown>
+                </div>
+
                 <!-- Ingredients Dropdown -->
                 <div class="hidden sm:flex sm:items-center sm:ml-6">
                     <x-dropdown align="left" width="48">
@@ -33,12 +59,10 @@
                         </x-slot>
 
                         <x-slot name="content">
-                            <x-dropdown-link :href="route('ingredients.create')"
-                                             :active="request()->routeIs('ingredients.create')">
+                            <x-dropdown-link :href="route('ingredients.create')">
                                 {{ __('Add Ingredient') }}
                             </x-dropdown-link>
-                            <x-dropdown-link :href="route('ingredients.index')"
-                                             :active="request()->routeIs('ingredients.index')">
+                            <x-dropdown-link :href="route('ingredients.index')">
                                 {{ __('List Ingredients') }}
                             </x-dropdown-link>
                         </x-slot>
diff --git a/resources/views/recipes/create.blade.php b/resources/views/recipes/create.blade.php
new file mode 100644
index 0000000..aa70e33
--- /dev/null
+++ b/resources/views/recipes/create.blade.php
@@ -0,0 +1,84 @@
+<x-app-layout>
+    <x-slot name="header">
+        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
+            {{ __('Add Recipe') }}
+        </h2>
+    </x-slot>
+
+    <div class="py-12">
+        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+            @if(session()->has('message'))
+                <div class="bg-green-200 border-2 border-green-600 p-2 mb-2">
+                    {{ session()->get('message') }}
+                </div>
+            @endif
+
+            @if ($errors->any())
+                <div class="flex flex-col space-y-2 pb-2">
+                    @foreach ($errors->all() as $error)
+                        <div class="bg-red-200 border-2 border-red-900 p-2">
+                            {{ $error }}
+                        </div>
+                    @endforeach
+                </div>
+            @endif
+
+            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
+                <div class="p-6 bg-white border-b border-gray-200">
+                    <form method="POST" action="{{ route('ingredients.store') }}">
+                    @csrf
+                        <div class="flex flex-col space-y-4">
+                            <div class="grid grid-cols-5 gap-4">
+                                <!-- Name -->
+                                <div class="col-span-4">
+                                    <x-label for="name" :value="__('Name')" />
+
+                                    <x-input id="name"
+                                             class="block mt-1 w-full"
+                                             type="text"
+                                             name="name"
+                                             :value="old('name')"
+                                             required />
+                                </div>
+
+                                <!-- Servings -->
+                                <div>
+                                    <x-label for="servings" :value="__('Servings')" />
+
+                                    <x-input id="servings"
+                                             class="block mt-1 w-full"
+                                             type="number"
+                                             name="servings"
+                                             :value="old('servings')" />
+                                </div>
+                            </div>
+
+                            <!-- Description -->
+                            <div>
+                                <x-label for="description" :value="__('Description')" />
+
+                                <x-form.textarea id="description"
+                                         class="block mt-1 w-full"
+                                         name="description"
+                                         :value="old('description')" />
+                            </div>
+                        </div>
+                        <h3 class="pt-2 font-extrabold">Ingredients</h3>
+                        <div class="flex flex-row space-x-4">
+                            <x-input class="mt-1"
+                                     type="number"
+                                     name="ingredients_amount[]"
+                                     step="any"
+                                     required />
+                        </div>
+                        <div class="flex items-center justify-end mt-4">
+                            <x-button class="ml-3">
+                                {{ __('Add') }}
+                            </x-button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</x-app-layout>
diff --git a/routes/web.php b/routes/web.php
index ec441d9..0fb48d0 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,6 +1,7 @@
 <?php
 
 use App\Http\Controllers\IngredientController;
+use App\Http\Controllers\RecipeController;
 use Illuminate\Support\Facades\Route;
 
 /*
@@ -23,5 +24,6 @@ Route::get('/dashboard', function () {
 })->middleware(['auth'])->name('dashboard');
 
 Route::resource('ingredients', IngredientController::class);
+Route::resource('recipes', RecipeController::class);
 
 require __DIR__.'/auth.php';
