Задание «HTML Academy. Грейдирование»

Проект «Лига Банк»

Выполнил: Никита Милованов.

---

Просмотреть сайт на githunb pages

---

Скриншоты

---

«Почему именно так?»

• Мной был выбран следующий инструмент автоматизации - create-react-app Один из наиболее быстрых и удобных способов развернуть React приложение с нуля в короткие сроки

• В качестве препроцессора был выбран Sass (SCSS) Для успешной интеграции SCSS в мой проект потребовалось установить дополнительный пакет - node-sass

• Контроль кода производился с помощью ESLint, Editorconfig и Stylelintr Мной были взяты конфиги HTML Academy - eslint-config-htmlacademy и stylelint-config-htmlacademy

• Favicon сайта была изменена на логотип из макета

• Логотип был взят как svg картинка вместе с текстом "ЛИГА Банк" Логотип был взят вместе с сопутствующим текстом, так как текст является его частью. Мы всегда хотим видеть логотип в том виде, в котором он должен быть, а шрифт логотипа может не подгрузится, именно поэтому был взят логотип вместе с текстом

• fonts, img не находятся в папке public из-за проблем CRA 4 с абсолютными путями facebook/create-react-app#9870 и facebook/create-react-app#9937 . Основные рекомендации в такой ситуации были: перенести шрифты, изображения и т.п. в src. Именно поэтому они располагаются в папке src/assets https://create-react-app.dev/docs/adding-images-fonts-and-files/

• В качестве календаря был выбран react-datepicker Адаптированная под React версия datepicker

• Для удобного использования redux, был установлен @reduxjs/toolkit

• Для удобной работой с сервера был использован пакет axios

• Для получения курса валют был выбран сервис - Rates API Один из бесплатных api предоставляющих информацию о курсе валют. Полный список api - ссылка

---

Затраченное время

• Поиск информации - 2 часа
• Настройка автоматизации - 1 час
• Верстка - 8 часов
• React - 5 часов

Суммарно - 16 часов