Проект разработан в рамках тестового задания от потенциального работодателя.
Используемый стек: React, React hooks, React context, Webpack, Typescript, scss, Fetch API, Web Speech API (готовый компонент), API Яндекс.Карт (готовый компонент)
Согласно техническому заданию, по макету Photoshop была свёрстана страница контактов для интернет-магазина шин. На странице реализовано отображение списка пунктов самовывоза на основе данных с сервера и отображение выбранного пункта на карте.
Так как в ТЗ рекомендовалось обеспечить web-доступность проекта, дополнительно реализованы:
- Адаптивность. Макеты дизайна под смартфон и планшет не прилагались, поэтому все решения по адаптивности принимались мной самостоятельно.
- Версия для слабовидящих посетителей. Посетители могут выбрать контрастную тему страницы, кликнув по плашке в шапке сайта. При выборе филиала его адрес и доступные услуги произносятся через Web Speech API.