i-kolesnyk / goit-react-hw-05-movies Goto Github PK

Кінопошук

Створи базову маршрутизацію для застосунку пошуку і зберігання фільмів.

themoviedb.org API Для бекенду використовуй themoviedb.org API. Необхідно зареєструватися (можна ввести довільні дані) та отримати API-ключ. У цій роботі будуть використовуватися наступні ендпоінти.

/trending/get-trending список найпопулярніших фільмів на сьогодні для створення колекції на головній сторінці. /search/search-moviesпошук фільму за ключовим словом на сторінці фільмів. /movies/get-movie-details запит повної інформації про фільм для сторінки кінофільму. /movies/get-movie-credits запит інформації про акторський склад для сторінки кінофільму. /movies/get-movie-reviews запит оглядів для сторінки кінофільму. Посилання на документацію

Маршрути У застосунку повинні бути такі маршрути. Якщо користувач зайшов за неіснуючим маршрутом, його необхідно перенаправляти на домашню сторінку.

'/' – компонент Home, домашня сторінка зі списком популярних кінофільмів. '/movies' – компонент Movies, сторінка пошуку кінофільмів за ключовим словом. '/movies/:movieId' – компонент MovieDetails, сторінка з детальною інформацією про кінофільм. /movies/:movieId/cast – компонент Cast, інформація про акторський склад. Рендериться на сторінці MovieDetails. /movies/:movieId/reviews – компонент Reviews, інформація про огляди. Рендериться на сторінці MovieDetails.

Code Splitting (поділ коду) Додай асинхронне завантаження JS-коду для маршрутів застосунку, використовуючи React.lazy() і Suspense.