Верстка табов на React
Необходимо реализовать табы по категориям, каждый элемент которого - строка произвольной длины.
Требования к результату:
1. На Desktop/Tablet пагинатор должен быть расположен по центру страницы, занимать 50% по ширине и иметь фиксированную высоту.
2. На mobile 100% ширины минус 8px паддинг по бокам.
3. Значение элементов пагинатора могут быть заданы константой в коде,
перечислены через запятую в textarea на странице или генерироваться рандомно -
на ваш выбор.
4. На клик по элементу пагинатора - выделяем его, снимаем выделение с
предыдущего. По умолчанию выделен первый элемент.
5. При клике на стрелочки, выделяем предыдущий/следующий и так по кругу.
6. Пагинатор должен реагировать на ресайз страницы, таким образом чтобы
количество отображаемых элементов пагинатора было максимальным. При этом
отображать “половину категории” нельзя.
7. Выделенный элемент всегда должен быть видимым
8. Стилизацию как на картинке соблюдать не обязательно, можно делать “на свой вкус”.
Требования к стеку:
1. Стек React + MobX +Typescript
2. Создание проекта через create-react-app-typescript
3. Использовать готовые библиотеки для пагинации запрещено
Пример:
https://www.dropbox.com/s/j59prvcaf7ldv2a/пример.mov?dl=0
Актуальные фриланс-проекты в категории Веб-программирование
Разработчик сайтов / Web-мастер со знанием SEO (Иврит и Английский)Мы ищем современного веб-разработчика / веб-мастера для работы над проектами нашей SaaS-платформы Kadmoo. Нам нужен специалист, который живет в «новом мире» веб-разработки, следит за трендами и умеет создавать быстрые, оптимизированные сайты с использованием передового стека и… SEO-аудит сайтов, Веб-программирование ∙ 38 секунд назад |
Настройка Google Analytics 4
3000 UAH
Необходимо выполнить аудит и настройку отслеживания событий через Google Analytics 4 и Google Tag Manager для сайта на WordPress Основные задачи: Проверка и исправление текущих настроек GA4 и GTM. Устранение проблем с отслеживанием конверсионных форм. Настройка отслеживания… SEO-аудит сайтов, Веб-программирование ∙ 5 часов 4 минуты назад ∙ 20 ставок |
Настройка GTM-аналитики для GetCourse с привязкой рекламных данных к заказуНеобходимо настроить GTM-аналитику для образовательной платформы на GetCourse. Задача: через Google Tag Manager собирать рекламные данные пользователя из URL и cookie и привязывать их к конкретному пользователю/заказу в GetCourse. Необходимо собирать и сохранять такие данные:… Веб-программирование ∙ 15 часов 57 минут назад ∙ 14 ставок |
Подготовить сайт в запуску wp+woo
1288 UAH
Приветствую. Ищу специалиста по wp+woocommerce. Нужно подготовить сайт к запуску. Проверить работу платежной системы, регистрацию, категории, поправить картинки товаров и описание, правильные чпу. На сайте менее 30 товаров, но нужно будет создать новые категории и подкатегории с… Веб-программирование ∙ 18 часов 41 минута назад ∙ 44 ставки |
Google Tag Manager (server-side) через Stape
1000 UAH
Нужен специалист с опытом настройки Google Tag Manager (server-side) через Stape. Цель —проверить текущуюнастройку и ошибкув в цепочке стейп- шопифай, таг менеджеры. Посмотреть в чем ошибка и исправить ее. Надо чтобы отслеживание проходило на покупки, корзина, просмотры и т.д.… Веб-программирование, Контекстная реклама ∙ 21 час 13 минут назад ∙ 14 ставок |
Киев