Pizzas API

 

Usage API

/**

 * Simple Example: Get All Pizzas

 * This is a simplified version showing the core functionality

 * without error handling - perfect for learning the basics!

 */

// Step 1: Import functions from modules

import { getAllPizzas } from "./pizzaAPI.mjs"; // API communication

import { displayResults, showLoading, fetchWithMinDelay } from "./ui.mjs"; // UI utilities

import { renderPizzaGrid } from "./renderer.mjs"; // HTML rendering

// Step 2: Show loading spinner while fetching

showLoading();

// Step 3: Fetch pizzas (with minimum delay handled by UI)

const pizzas = await fetchWithMinDelay(getAllPizzas);

// Step 4: Render pizzas as HTML and display in the page

displayResults("📋 All Pizzas", renderPizzaGrid(pizzas));

🛩️fetch : vidéo

  

🌦️🌤️weatherAPI

 🌦️🌤️⛈️Météo heure par heure

Pizzas 🍕

 

🚀 https://mypizzasapi.onrender.com/

{
  "message": "Welcome to Pizza API! 🍕",
  "description": "A simple REST API for pizzas - inspired by ghibliapi.dev",
  "endpoints": {
    "pizzas": "/API/pizzas",
    "pizzaById": "/API/pizzas/:id",
    "pizzasWithPrices": "/API/pizzasWithPrices",
    "ingredientPrices": "/API/ingredientPrices",
    🪛"pizzaSearchByIngredient": "/API/pizzas/search?ingredient=🧀",
    "pizzaSinglePrice": "/API/pizzasWithPrices/:id/price",
    "customPrice": {
      "method": "POST",
      "path": "/API/pizzasWithPrices/compute",
      "body": {
        "ingredients": [
          "🍅",
          "🧀"
        ]
      }
    }
  }
}

Exemples : 

🪛Ainsi pour tester l'API avec ingredient=🧀

https://mypizzasapi.onrender.com/API/pizzas/search?ingredient=🧀

🪛Ainsi pour tester l'API avec ingredient=🍅 et ingredient=🍄

https://mypizzasapi.onrender.com/API/pizzas/search?ingredient=🍄&ingredient=🍅

🥷Pour tester : https://dupontdenis.github.io/testMyPizzasAPI/

Les modules 🛩️

  Slides

Cours

🆒 Module ES6

TD

Try yourself

Projet

🆒 https://dupontdenis.github.io/SFP-Lib/

-> https://github.com/dupontdenis/SFP-Lib.git

Vidéo

Le DOM

 Aprrendre à manipuler les éléments du DOM

 🌍 TD Dom