This app allows users to Create a search for recipes by inputting the name of the dish or an ingredient in the recipe. The app Reads the request and Renders photos and links to various food items. If you click on the photo the page will redirect to another component which contains the web address of the recipe you clicked on. If you click on the icon on the go home button you can Update the search field to produce a new search.
Create React App.
You first need to install the following software...
- npm install ajv ajv-keywords axios body-parser bootstrap express mongoose nodemon react react-dom react-router-dom react-scripts
A screenshot of your project running in the browser
- Mongo
- Heroku
- Express
- Mongoose
- React
- axios
- body-parser
- bootstrap
- NPM package
- Fork and clone this repo
- cd into the folder, install necessary dependencies with
$ npm install i Mongoose React axios body-parser bootstrap ajv ajv-keywords axios
- Start the development server locally with
$ npm start
, then visitlocalhost:3000
in the browser to view app - Fill input field and yield results as the app renders data from the api
Users can contribute to this code, identify bugs, and propose improvements by creating an issue or adding a pull request to this repo.
https://reactjs.org/docs/react-dom.html#browser-support
https://github.com/facebook/create-react-app
https://git.generalassemb.ly/Michellemnfrt