Część praktyczna - projekt z jedzeniem

git checkout 22-final-project -f

Ostatnie starcie. Wykorzystamy wszystko czego się nauczyłaś by zrobić wyszukiwarke jedzenia!

Api

Opis api z jakiego będziemy korzystać (https://kuznia-kodu.pl/api/recipes)

• Api zwraca obiekt {results: [przepisy], count: [int]}.

• Każdy przepis składa się z :

  • name - tytuł przepisu
  • ingredients - lista składników jako string
  • url - link do przepisu
  • image - link do przepisu (nie zawsze dostępne)
  • description - opis przepisu
  • jakiejś reszty śmieci

• Api przyjmuje trzy parametry:

  • search - string, po którym szukamy nazwy przepisu. Najlepiej składnik. Tylko po angielsku
  • limit - ile elementów zostanie zwróconych (paginacja)
  • offset - ile elementów pominąć (paginacja)
  • przykładowe zapytanie https://kuznia-kodu.pl/api/recipes?search=pineapple&offset=0&limit=20

Ficzery

1. Po wejściu na stronę widzę liste produktów
2. Każdy produkt składa się z (w osobnych linijkach): tytułu, zdjęcia, linku, opisu
3. Mogę wpisać nazwę produktu po angielsku, po wpisaniu odświeża się lista produktów i są filtrowane po nazwie
4. Widzę stan ładowania
5. Widzę ile jest stron produktów
6. Mogę przełączać między stronami produktów