Recipe Scaling Application

Needs

• Who has not enough an ingredient comparing to recipe.
• Who wants to cook big amount of dish based on typical recipe.
• Who needs to calculate amount of ingredient to fix balance.
• Who wants to maintain the proportion and control the amount of ingredients.

Usage

1. Adding Ingredients

• Single Ingredient: Enter the name, amount, and unit of the ingredient in the provided fields, then click Add.
• Multiple Ingredients: Enter multiple ingredients at once by typing them in the multiline text area with each ingredient on a new line.

1. Scaling the Recipe
   1. Select an ingredient from the dropdown menu.
   2. Enter the available amount you have for that ingredient.
   3. The app will automatically adjust the amounts of all other ingredients in the recipe.
2. Editing and Deleting Ingredients

• Edit: Click the Edit button next to an ingredient to change its details.
• Delete: Click the Delete button to remove an ingredient from the list.

1. Reset the Form Use the Reset button to clear the form and start over.

Features

• Add Ingredients: Users can add ingredients with specified amounts and units to a recipe.
• Multiple Ingredients Input: Allows bulk input of ingredients with a single input area.
• Recipe Scaling: Automatically scales the recipe based on the selected available amount of a specific ingredient.
• Edit and Delete Ingredients: Modify or remove ingredients from the recipe.
• Responsive Design: Optimized for both desktop and mobile devices.

Technologies Used

• HTML5: Structure and content of the web pages.
• CSS3: Styling, layout, and responsive design.
• JavaScript: Core functionality, including adding, editing, deleting ingredients, and scaling the recipe.

Links

• Recipe Scaling Application
• Github Repository: Recipe Scaling Application