1. Задача:
Необходимо разработать frontend одностраничного каталога с функционалом интернет-магазина на основе готового прототипа и отверстать его, используя спроектированный UX / UI в figma.com. Существующий прототип сайта построен на базе HTML + CSS + Bootstrap 5 + JavaScript + Jquery + Datatables (~1500 строк кода). Backend прототипа построен на .NET core + PostgreSQL. Берем его логику за основу, дорабатываем отсутствующую функциональность и портируем на React или VUE
Срок: 10-14 дней.
2. Функционал сайта:
2.1 Каталог товаров:
- Json, подгружается весь за один раз
- Навигация по каталогу происходит без запросов к серверу
- URL формируется динамически на основе выбранной категории, активного фильтра, запроса поиска, открытой карточки товара, формы корзины и лид формы. Возможна навигация кнопками “Вперед”, “Назад” (см. прототип, в нем реализована навигация и динамический URL, за исключением URL для карточки товара, корзины и лид формы)
2.2 CMS: не используется, вся логика на JavaScript
2.3 Поиск и фильтрация по каталогу на стороне клиента (без backend запросов)
- визуально мгновенная фильтрация данных без перезагрузок страницы, отрабатывает за доли секунды (см. прототип)
2.4 Сессии пользователя
- номер корзины пользователя соответствует номеру сессии для отслеживания
2.5 Backend
- компонент корзины (личный кабинет не требуется)
- логирование истории поиска
- передача заказов в AmoCRM
- заявка на обратную связь (две лид формы)
3. Требования к квалификации исполнителя
- Уверенный Middle разработчик на React / VUE
- Опыт верстки десктоп и мобильных версий сайтов
- Опыт табличного представления данных, с динамической фильтрацией и пагинацией, с использованием готовых библиотек (в нашем случае, datatables)
- Навыки работы с данными на JavaScript: Фильтрация (фильтры зависимые друг от друга), Динамическое отображение элементов без перезагрузки страницы (переключение состояний элементов UI, форм, каталога)
- Асинхронные запросы к серверу, без перезагрузки страницы: Обработка ошибок и timeout’ов
- Опыт формирования динамических URL и истории навигации на JavaScript
- Как плюс, Опыт создания backend с простой БД, без CMS: корзина, заказы, история поиска, сессии пользователя
Техническое задание:
https://docs.google.com/document/d/12SePoTt01Cv8GC...
