- I can create recipes that have names and ingredients.
- I can see an index view where the names of all the recipes are visible.
- I can click into any of those recipes to view it.
- I can edit these recipes.
- I can delete these recipes.
- All new recipes I add are saved in my browser's local storage. If I refresh the page, these recipes will still be there.
Used create-react-app, and it crashed continuously when I tried to add tests, so this time I decided to get on without them.
Inspired by Live Coding with Jesse Weigel I used Material-UI. It certainly helped with design, but later on when I had to submit the project via Codepen it turned out that I can't use Material-UI there. Gosh, was I frustrated, and after several days of trying to solve it, I had to remake this project with React-Bootstrap. So now I have two of these - one in Material-UI and another in React-Bootstrap.
- this project at codepen: https://codepen.io/GuRuGu/full/VzQPLJ/
- this project at gh-pages: https://gurugu-fcc-projects.github.io/FCC_recipe_box/
- freecodecamp challenge: https://www.freecodecamp.com/challenges/build-a-recipe-box
- material-ui: http://www.material-ui.comam/#/
- react-bootstrap: https://react-bootstrap.github.io/
