Project - 9

swstack < 1 min read

Project 9: Recipe Book

Build a personal recipe book where users can add new recipes (title, ingredients, instructions) and view them in a nice card layout. Data is saved with localStorage.

✦ HTML + CSS + JS Editor

▶ Live Output

👀 Show Example Solution

<input type="text" id="title" placeholder="Recipe Title">
<textarea id="ingredients" placeholder="Ingredients"></textarea>
<textarea id="instructions" placeholder="Instructions"></textarea>
<button onclick="addRecipe()">Add Recipe</button>

<div id="recipes"></div>

<script>
  // Recipe management with localStorage
</script>