Доработка веб-сайта на React
Сайт написан:
- Фронт: React/Redux/Next.js
- Стили: SCSS
- Самописные компоненты
- Компонентно-ориентированный подход, т.е. вся структура и компоненты на разных страницах между собой взаимосвязаны (это одновременно и преимущество и сложность)
- Бэк: json API
Важно! У сайта есть 4 типа UI (4 разрешения, под которые адаптирован интерфейс).
Поэтому, для каждого типа нужно отдельно вносить изменения (адаптация, картинки).
Основные изменения:
1. Замена статичного контента (текст, картинки)
2. Подключение статичного блока к АПИ (чтобы контент в него теперь тянулся с бэка)
Детализированное ТЗ с Дизайном:
https://www.figma.com/file/bzusCs7s7L4eOzLM0kDMCX
Пояснения к дизайну:
На борде в Figma отображена вся страница, рядом с ней ТЗ (описано, что на ней изменилось, что и как нужно сделать). Ниже этой страницы адаптированы все изменения под 4-ри типа UI (разные разрешения).
Это в основном касается:
1. Размер картинок
2. Расположение картинок
3. Переносы тексты
К доработке страницы:
https://appsstudio.ru/intelligence/ (95% правок на этой странице)
https://appsstudio.ru/marketplace/ (компонентно подтянуть правки кнопок переключения и API блок со страницы ИИ)
https://appsstudio.ru/onlineshop/ (компонентно подтянуть правки кнопок переключения и API блок со страницы ИИ)
https://appsstudio.ru/portfolio/ (добавить еще одну категорию “other” сортировки с АПИ)
Дополнительно, сделать попытку пофиксить баг на некоторых Android браузерах (его сложность в том, что непонятно как воспроизвести):
https://docs.google.com/file/d/1RMqB2G5lAEZjqKBZmIlFZzRz4xl84LSt/edit?usp=docslist_api&filetype=msword
Важно!
На сайте все блоки анимированы - плавность и поочерёдная работа. Все в итоге должно остаться работать так, как работает сейчас.
Если что-то ломается в ходе работы, это нужно будет чинить в рамках согласованного бюджета.
С кодом работать аккуратно и оставить его в таком же архитектурно стиле, без лишних костылей!
Предварительная оценка: в районе 12-14 часов работы.
Начинайте свой отклик с ответов на:
1. Какой общий коммерческий опыт программирования на React?
2. Как часто с самописными компонентами работаете? Указать ссылку на пример клиент-серверного веб-приложения
3. Как часто с анимациями работаете? Указать ссылку на интересный пример из багажа
4. Работали уже с компонентно-ориентированным подходом? Если да, то как вы это понимаете
5. Ссылка на резюме