The ALX final Project for the foundation Programme. it is web app which enables the user to search recipes by providing the recipe name and they will get information about how to cook the recipe, ingredients and some other information. the project is implemented Using React, Redux, Redux-Saga, Bootstrap 5 & React 18 and EDAMAM recipe Search api as backed-end.
- Access The project using this link and get recipe info Start cooking At Home Recipe Search App
- Blogs post about This project
- React to implement the UI components. see More
- Redux to manage react component states. see more
- Redux-Saga to fetch Api see More.
- Bootstrap 5 & React 18 to Style react UI see More.
- EDAMAM REcipe Search Api to get recipe data. see More
- Versions of those tools and other dependecy found on Pacage.json file
- Clone This Repositary.
- Change the directory in to the project directory.
- Open it on Terminal then type
npm installand hit Enter. - finaly type
npm startthen it will runs the app in the development mode. then Open http://localhost:3000 to view it in your browser.
This project is applicable when we want to search recipe with detailed information for cooking or some other Reasons. It is very easy to use you just type the name of the recipe you want to search and hit the search button then it will filter out the recipe in micro-second on beautifule UI components in an organized way and it also provides link to another page which show how to cooke it.