Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
bdiaz12 authored May 23, 2024
1 parent a4733fb commit b4a5022
Showing 1 changed file with 9 additions and 9 deletions.
18 changes: 9 additions & 9 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,15 @@ A CRUD application for tracking recipes!
This project makes use of 4 React components to:

1. Create new recipes -
-RecipeCreate creates a form on screen for users to type in new recipes and submit them to the page to be displayed
-stores its own state for form inputs
-uses createRecipe() as props to handle when user submits the form
- RecipeCreate creates a form on screen for users to type in new recipes and submit them to the page to be displayed
- stores its own state for form inputs
- uses createRecipe() as props to handle when user submits the form
2. Format new recipes -
-RecipeFormat handles the input of a single recipe, and returns it formatted as a <tr> element with nested <td> elements for each key-value of the recipe.
-Adds a delete button to the recipe, using handleDelete() when button is clicked.
- RecipeFormat handles the input of a single recipe, and returns it formatted as a <tr> element with nested <td> elements for each key-value of the recipe.
- Adds a delete button to the recipe, using handleDelete() when button is clicked.
3. List all available recipes -
-RecipeList renders full table display for all current recipes, using RecipeFormat to map the list of recipes to <tbody> element.
- RecipeList renders full table display for all current recipes, using RecipeFormat to map the list of recipes to <tbody> element.
4. App component -
-stores state for recipes, so all children have access if needed through props
-holds handleDelete() and createRecipe() methods to manage state of recipes, methods are passed to children as props
-returns <div> element with a header, our RecipeList table display, and the RecipeCreate form
- stores state for recipes, so all children have access if needed through props
- holds handleDelete() and createRecipe() methods to manage state of recipes, methods are passed to children as props
- returns <div> element with a header, our RecipeList table display, and the RecipeCreate form

0 comments on commit b4a5022

Please sign in to comment.