Repository files navigation

Використовуй цейшаблон React-проектуяк стартову точку своєї програми.

• Створений репозиторійgoit-react-hw-05-movies
• При здачі домашньої роботи є посилання: на вихідні файли та робочі сторінкикожного проекту наGitHub Pages.
• У стані компонентів зберігається мінімально необхідний набір даних, рештаобчислюється
• Під час запуску коду завдання в консолі відсутні помилки та попередження.
• Для кожного компонента є окрема папка з файлом React-компонента та файломстилів
• Для компонентів описаніpropTypes
• Все, що компонент очікує у вигляді пропсів, передається йому під час виклику.
• Імена компонентів зрозумілі та описові
• JS-код чистий і зрозумілий, використовуєтьсяPrettier
• Стилізація виконанаCSS-модулями абоStyled Components.

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

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

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

Посилання на документацію

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

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

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