Add ingredients

app/controllers/api/v1/recipes_controller.rb

@@ -13,7 +13,18 @@ def create
           instructions: JSON.parse(params[:instructions]),
           user: current_user
         )
+
         recipe.image.attach(params[:image]) if params[:image].present?
+
+        JSON.parse(params[:ingredients]).each do |ingredient_data|
+          ingredient = Ingredient.find_or_create_by!(name: ingredient_data['name'].downcase.strip)
+          recipe.ingredient_quantities << IngredientQuantity.new(
+            ingredient: ingredient,
+            quantity: ingredient_data['quantity'],
+            unit: ingredient_data['unit'].downcase.strip
+          )
+        end
+
         recipe.save!
         render json: nil, status: :created
       rescue ActiveRecord::RecordInvalid => e

app/models/ingredient.rb

@@ -0,0 +1,3 @@
+class Ingredient < ApplicationRecord
+  validates :name, presence: true
+end

app/models/ingredient_quantity.rb

@@ -0,0 +1,6 @@
+class IngredientQuantity < ApplicationRecord
+  belongs_to :recipe
+  belongs_to :ingredient
+
+  validates :quantity, presence: true, numericality: true
+end

app/models/recipe.rb

@@ -4,6 +4,7 @@ class Recipe < ApplicationRecord
   belongs_to :user
   alias :author :user
   has_one_attached :image
+  has_many :ingredient_quantities
 
   # Return the url for the attached image, if any.
   def image_url

app/webpack/api/v1/recipes.js

@@ -0,0 +1,12 @@
+import axios from 'axios';
+
+import { getCsrfToken } from '../../helpers/form-helper';
+
+export function createRecipe(data) {
+  axios.defaults.headers.common['X-CSRF-TOKEN'] = getCsrfToken();
+  return axios.post('/api/v1/recipes', data, {
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    }
+  });
+}