Muhammad-MO / RecipeApp

This App allows you to look for any recipe by keying in an ingredient

About this Project

This Project is a Recipe App enabling the user to type in an ingredient and get an array od recipes.User can click on the view recipe button which will bring them to a page showing step by step instrucitons on how to create the meal.

Demo

User starts off by keying in an ingredientt

The recipe retrievs an array of recipes matching the word typed in. in

Clicking on the "vew recipe" button brings the user to a page showing step by step instruction

Languages used in this Weather app

1. HTML
2. CSS
3. Javascript

Key Learning Points

1. Using FetchAPI to call API to retrieve array of recipes.
2. The usage of document.querySelector to return a first element that matches a specified CSS selector.
3. Using addEventListener to enable the program call the API and retrieve the API data upon "hearing" of the click or Enter buttton.