SoccerStat
Тестовое задание для SimbirSoft
К реализации
- Добавить поиск по имени команды в списке команд по региону
- Добавить поиск по имени - по ВСЕМ командам
- Добавить сохранение настроек поиска и текущего положения в структуре приложения
- Фильтр по сезонам в списках матчей
- Настроить роутинг на хоcтинге, похоже у FireBase - есть для этого средства
- Убрать API-Key из кода
- Компоненты TeamMatches и CompetitionsMatches - идентичны по функционалу - отрефакторить - сделать один.
- Добавить поиск по списку матчей - по командам
- Вычистить Pokemonов
- Поправить стили карточек команд
- Добавить фильтр по датам в списки матчей лиги и команды
- Настроить стили карточек матчей
- Добавить дату матча
-
Убрать из списка страны без единой командыСделал вывод сообщения об отсутствии команд на выбранной территории
Реализовано
- Одностраничное приложение на базе React Vite APP c шаблоном RTK Query
- Управление состоянием - Redux Toolkit
- Серверное взаимодействие по REST API - Redux Toolkit Query
- Роутинг - React Router
- UI-библиотека - React Suit
- Компонент - Date Picker
- Встроенная библиотека для работы с датами date-fns
- Страница матчей с Date Pickerом из комплекта React Suit c фильтром
по диапазону дат. Диапазон настроен в соответствии с ограничениями
бесплатного тарифа API на период 10 дней.
- Компонент карточки матча
- Страница с выбором списка команд по региону
- Компонент списка макро-регионов
- Компонент списка территорий в макро-регионе
- Страница списка команд
- Компонент - карточка команды - с переходом на список матчей команды
- Компонент - список матчей команды
- Страница списка соревнований и матчей с фильтром по диапазону дат.
- Компонент карточки матча с переходом на команды-участницы