JS Project

Table of contents:

• Project name.
• Idea of the project.
• Files.
• Usage.
• Sources

Project name

Recipes Finder Project. https://fatimah310.github.io/JSProjecr/. Done by: Fatima Alamri

Idea of the project:

Find recipes that use as many of the given ingredients as possible and require as few additional ingredients as possible. This is a "what's in your fridge" API endpoints. https://api.spoonacular.com/recipes/findByIngredients

In addition, this project shows the time that you need to prerper each recipiy and the source page of the recipy. "https://api.spoonacular.com/recipes/findByIngredients?ingredients=";

Files

The code divided into 3 files

• style.css
• index.html
• main.js

Usage

• jQuery: Is a javaScript library. To setup, your code with jQuery library put this code in the of HTML page. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
• html5
• css <link rel="stylesheet" href="style.css">
• boostrap <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
• ajax <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
• javascript

Sources:

w3schools https://www.w3schools.com/