News API - https://newsapi.org/
Invision prototype - https://invis.io/K6IH9222AZ3
- Use next stack of technologies – React.js + MobX\Redux + TypeScript \ Flow.js + webpack
- Use react-router, add some animations, use any of UI kits\CSS Frameworks for styling UI
- Error handling, test coverage.
- В тайтле страницы указать текущий день, и дату.
- Есть два фильтра, по дефолту они должны выбирать All.
- Юзер имеет возможность выбрать как country так и category, например новости из US & Health
- Когда юзер жмет на кнопку “Get List”, показываем ему список новостей по заданным параметрам
- В тайтле результата, вставляем параметры поиска например «News from US and Health category»
- Дальше идет список новостей, отображаем максимум 20 новостей
- Юзер может запросить новый список новостей, тогда мы апдейтим список новостей в зависимости от заданных параметров юзером.
- Юзер может кликнуть на read more, в зависимости от новости на которую кликнул юзер, показываем ему расширенный контент новости.
- Должны присутствовать тайтл, контент, картинка, URL новости.
- Юзер так же может запросить новый список новостей со страницы открытой новости.
Установка зависимостей npm install
Запуск проекта npm run start