From 8ed8a1bbbdc69a1641c30643a38cd3a6e575ec69 Mon Sep 17 00:00:00 2001 From: Iryna Rozmaita Date: Wed, 21 Feb 2024 17:19:36 +0200 Subject: [PATCH] update readme --- README.md | 40 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) diff --git a/README.md b/README.md index af1f02c..929be11 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,43 @@ +#Критерії приймання +Використовуй цей шаблон React-проекту як стартову точку своєї програми. + +* Створений репозиторій goit-react-hw-05-movies +* При здачі домашньої роботи є посилання: на вихідні файли та робочі сторінки кожного проекту на GitHub Pages. +* У стані компонентів зберігається мінімально необхідний набір даних, решта обчислюється +* Під час запуску коду завдання в консолі відсутні помилки та попередження. +* Для кожного компонента є окрема папка з файлом React-компонента та файлом стилів +* Все, що компонент очікує у вигляді пропсів, передається йому під час виклику. +* Імена компонентів зрозумілі та описові +* JS-код чистий і зрозумілий, використовується Prettier +* Стилізація виконана CSS-модулями або Styled Components. +##Кінопошук + +Створи базову маршрутизацію для застосунку пошуку і зберігання фільмів. Прев'ю робочого застосунку [дивись за посиланням](https://drive.google.com/file/d/1vR0hi3n1236Q5Bg4-se-8JVKD9UKSfId/view). + +###themoviedb.org API +Для бекенду використовуй [themoviedb.org API](https://www.themoviedb.org/). Необхідно зареєструватися (можна ввести довільні дані) та отримати API-ключ. У цій роботі будуть використовуватися наступні ендпоінти. + +* /trending/get-trending список найпопулярніших фільмів на сьогодні для створення колекції на головній сторінці. +* /search/search-movies пошук фільму за ключовим словом на сторінці фільмів. +* /movies/get-movie-details запит повної інформації про фільм для сторінки кінофільму. +* /movies/get-movie-credits запит інформації про акторський склад для сторінки кінофільму. +* /movies/get-movie-reviews запит оглядів для сторінки кінофільму. +[Посилання на документацію](https://developer.themoviedb.org/docs/getting-started) + +##Маршрути +У застосунку повинні бути такі маршрути. Якщо користувач зайшов за неіснуючим маршрутом, його необхідно перенаправляти на домашню сторінку. + +* '/' – компонент Home, домашня сторінка зі списком популярних кінофільмів. +* '/movies' – компонент Movies, сторінка пошуку кінофільмів за ключовим словом. +* '/movies/:movieId' – компонент MovieDetails, сторінка з детальною інформацією про кінофільм. +* /movies/:movieId/cast – компонент Cast, інформація про акторський склад. Рендериться на сторінці MovieDetails. +* /movies/:movieId/reviews – компонент Reviews, інформація про огляди. Рендериться на сторінці MovieDetails. + +##Code Splitting (поділ коду) +Додай асинхронне завантаження JS-коду для маршрутів застосунку, використовуючи React.lazy() і Suspense. + + + # React homework template Этот проект был создан при помощи