SoccerStat

Обзор

Soccer stat — это веб-приложение, разработанное на стороннем api football-data.org, оно реализует возможность просмотра матчей и статистики.

Ссылка на deployment - работающую версию, находится в блоке about, на главной странице репозитория.

Возможности

• Просмотр лиг
• Просмотр команд
• Просмотр матчей
• Фильтрация по названиям
• Фильтрация по датам
• Смена цветовой темы
• Смена языка

Используемые решения (Frontend):

• Vite
• React
• TypeScript
• Chakra UI

Установка

Чтобы настроить проект локально и запустить его в dev режиме выполните следующие шаги:

Предисловие: не забудьте в корень проекта поместить файл '.env.local', в котором будет api token, иначе накладывается много ограничений на использование api. Переменная в формате: VITE_PUBLIC_API_TOKEN=your_api_token. Получить api token можно создав аккаунт на сервисе используемого api.

1. Клонируйте репозиторий:

   git clone [url]
   

2. Перейдите в каталог проекта:

   cd soccerstat_test_frontend
   

3. Установите зависимости:

   make install
   

4. Запустите приложение локально, в dev режиме:

   make dev
   

5. Откройте браузер и перейдите по адресу:

   http://localhost:3000
   

Использование

Страница просмотра лиг:

Страница просмотра команд:

Страница просмотра матчей:

Темная тема:

Смена языка:

Контакты