https://sauravk7077.github.io/recipeBox/
The link is above. Check it out and share your feedback.
The Add recipe button has pointer cursor for the whole width, but only +
element is clickable.
All fields accept strings with just whitespace, which results in an empty recipe. Confusing.
In RecipeList.js
you have key
on the wrong element.
Take a look at Prettier: https://prettier.io/ (your code lack consistency in formatting and therefore is hard to read).
_=>props.modify(i)
why _
? are you saving characters?
I linted all the code using a linter, now.