Przejdź do głównej zawartości

11. Wyszukiwarka filmów

Wyszukiwarka filmów korzystająca z OMDB API — pole wyszukiwania, wyniki z plakatami, widok szczegółów i watchlista.

const OMDB_KEY = import.meta.env.VITE_OMDB_API_KEY;
async function searchMovies(query) {
const res = await fetch(`https://www.omdbapi.com/?s=${encodeURIComponent(query)}&apikey=${OMDB_KEY}`);
const data = await res.json();
if (data.Response === 'False') throw new Error(data.Error);
return data.Search; // Array of { Title, Year, imdbID, Poster }
}
async function getMovieById(id) {
const res = await fetch(`https://www.omdbapi.com/?i=${id}&apikey=${OMDB_KEY}`);
return res.json();
}
  • Wyszukiwanie filmów (pole + przycisk)
  • Lista wyników z plakatem, tytułem, rokiem
  • Widok szczegółów (reżyser, obsada, opis, ocena IMDb)
  • Stan ładowania i obsługa błędów
  • Routing: / i /movie/:id
Ocena: 3.0

Powodzenia!

Wyszukiwarka filmów to projekt z realnym API i atrakcyjnymi wizualnie plakatami filmów. Zarejestruj darmowy klucz OMDB (limit 1000/dzień), używaj lokalnych danych podczas developmentu! Pamiętaj o encodeURIComponent dla wyszukiwanych fraz z polskimi znakami.