https://kravchenko-work.github.io/

1. Скачивание и разархирование проекта;
2. команда npm i (если Вы пользуетесь npm пакетом менеджеров);
3. npm start;

• Список лиг - https://api.football-data.org/v2/competitions
• Список команд - https://api.football-data.org/v2/teams
• Календарь выбранной лиги - https://api.football-data.org/v2/competitions/{id}
• Календарь выбранной команды - https://api.football-data.org/v2/teams/${id}/matches

На сайте 2 основные страницы, ссылки на которые расположены в шапке. На этих страницах расположены карточки, которые являются ссылками на календарь выбранной лиги или команды сооветственно. В рамках задания это 3, 4 страницы соответственно.

На странице списка лиг многие карточки заблокированы, но есть и открытые (P.s. ближе к концу есть активные). Это потому что бесплатная версия API предоставляет доступ только к нескольким лигам с матчами.

• component
  • CalenadarLeague
    • CalendarLeague.js - Календарь лиг
  • CalendarTeam
    • CalendarTeam.js - Календарь команды
  • Functional
    • SearchData
      • SearchLeague.js - форма поиска лиги по дате, используется в компоненте календарь лиги
      • SearchTeam.js - форма поиски команды по дате, используется в компоненте календаря команды
    • SearchName
      • SearchLeague.js - форма поиска лиги по названию, используется в компоненте списка лиг
      • SearchTeam.js - форма поиска команды по названию, используется в компоненте списка команд
    • Header
      • Header.js - Шапка сайта
    • ListLeague
      • League__elem.js - Картока одной лиги, используется в списки лиг
      • ListLeague.js - Список лиг
    • ListTeam
      • ListTeam__item.js - Карточка отдельной команды, используется в списке команд
      • ListTeam.js - Список команд
    • App.js - Самый верхний компонент в иерархии
    • index.js - компонент, отчевающий за рендеринг на сайт