NBA App

Приложение для просмотра основной информации по НБА:

• Информация по сыгранным матчам: общий счёт, общекомандная статистика, персональная статистика по каждому игроку, принявшему участие в матче;
• Ежедневные новости из мира НБА от ведущих спортивных изданий: ESPN, NBA.com, SportsIllustrated, SBNation, The Ringer, RealGM, HoopsHype;
• Раздел статистики по каждому игроку НБА с сезона 1949-1950гг.;
• Турнирная таблица с фильтрацией по конференциям и дивизионам;
• Общий список команд с ссылками на соответствующие профили.

Стэк технологий

---

Перечень основных используемых технологий и библиотек при создании приложеия:

• Create React App - набор инструментов, созданный и поддерживаемый разработчиками из Facebook, и предназначенный для быстрого создания шаблонных проектов React-приложений;
• RTK Query - мощный инструмент для получения и кэширования данных. Предназначен для упрощения распространенных случаев загрузки данных в веб-приложение, избавляя от необходимости вручную писать логику выборки и кэширования данных;
• API-NBA - REST Api для получения статистических данных по НБА: расписание матчей, таблицы, информация по сыгранным матчам;
• NBA Stats API - REST Api для получения статистических данных по игрокам НБА;
• NBA News Today API - REST Api, показывающая все последние новости НБА;
• antd - UI библиотека для создания вэб-приложений;
• craco - Create React App Configuration Override - кастомизация приложений, созданных при помощи CRA без eject. В проекте используется для переопределения дефолтных стилей в antd;
• axios - HTTP-клиент на основе Promise для браузера и node.js;
• date-fns - набор инструментов для управления датами в JavaScript в браузере и node.js;
• swiper - сенсорный слайдер для мобильных устройств с аппаратным ускорением переходов и огромным количеством вариантов собственного поведением. Предназначен для использования на веб-сайтах, мобильных веб-приложениях и мобильных нативных/гибридных приложениях;
• Препроцессор SASS/SCSS - метаязык на основе CSS, предназначенный для увеличения уровня абстракции CSS-кода и упрощения файлов каскадных таблиц стилей;
• Firebase Hosting - используемый хостинг.

Поддержка PWA

---

Сайт поддерживает технологию Progressive Web App, позволяющую визуально и функционально трансформировать сайт в приложение (мобильное приложение в браузере). Для того чтобы установить приложение:

1. На десктопе - необходимо в конце адресной строки нажать на значок "Установить приложение JM NBA App"
2. На мобильном устройстве - нажать на "Добавить приложение на главный экран" при появлении соответствующей опции