Ruby on Rails, вёрстка нового дизайна интернет‑каталога

Бюджет: 1 400 руб
16.88 $ – 14.45 €
О проекте
Действующий интернет‑каталог/магазин промышленного оборудования на Rails 7.1 с интеграцией с ERP, онлайн‑оплатой и админкой на ActiveAdmin. Для сайта подготовлен новый дизайн (Figma). Нужно реализовать его поверх существующей кодовой базы: сверстать все страницы и компоненты, добавить несколько новых информационных блоков с несложной логикой (данные для них пока не выводятся на сайт – потребуется дописать выборки/модели/админку).
Стек, с которым предстоит работать
Ruby 3.3 / Rails 7.1, PostgreSQL, Redis, Sidekiq
ViewComponent – весь слой представления построен на компонентах (views / widgets / containers / modals / slots), каждый компонент – папка с .rb, .slim, .sass, .js и Stimulus‑контроллером
Slim, Sass, Bootstrap 5, Vite (vite_rails)
Hotwire: Stimulus, Turbo, StimulusReflex + CableReady + Futurism (серверный ререндер компонентов)
Адаптив через варианты компонентов под desktop / tablet / mobile (request.variant)
dry-effects для передачи контекста запроса (current_user, settings, cart, categories) в компоненты
ActiveInteraction‑сервисы, Draper‑декораторы, ActiveAdmin
Что нужно сделать:
Сверстать новый дизайн в виде ViewComponent‑компонентов с соблюдением принятой структуры проекта (компонент = папка с шаблоном, стилями, JS и preview)
Реализовать адаптивные версии (desktop / tablet / mobile) через механизм вариантов компонентов
Перенести существующий интерактив (фильтры каталога, поиск, слайдер цены, корзина, модальные окна) на новую вёрстку, не ломая StimulusReflex‑логику
Добавить новые информационные блоки: подготовить данные (модели/миграции/запросы), вывести их в компонентах, при необходимости завести управление ими в ActiveAdmin
Следить за производительностью вёрстки (кеширование, N+1, размер бандла)
Писать код, проходящий Rubocop и Stylelint, принятые в проекте
Что мы ожидаем
Коммерческий опыт на Rails от 3 лет, уровень middle и выше
Реальный опыт работы с ViewComponent: дизайн компонентов, слоты, коллекции, варианты, preview – обязательно
Уверенная вёрстка: Sass/SCSS, BEM или аналогичная методология, flex/grid, адаптив, кроссбраузерность, pixel‑perfect по макету
Опыт работы со Slim (или быстрое освоение – синтаксис простой)
Stimulus и Turbo в продакшене; знакомство со StimulusReflex/CableReady – большой плюс
Умение работать в существующей кодовой базе: не переписывать, а встраиваться в принятые соглашения
Опыт с Vite или аналогичными сборщиками в Rails
Базовое понимание ActiveAdmin для добавления новых сущностей
Понимание паттернов «сервисы / декораторы / query‑объекты»
Будет плюсом
Опыт с dry-rb (dry-effects, dry-initializer, dry-struct)
Работа с Bootstrap 5 и его кастомизацией через Sass
Опыт доступности (a11y) и SEO‑вёрстки (семантика, meta, OpenGraph)
Опыт интеграции макетов из Figma
Как будет проходить отбор:
Короткий созвон (30 мин) – опыт, примеры работ с ViewComponent
Обсуждение условий и старт
Откликаясь, пожалуйста, приложите ссылки на репозитории или проекты, где вы использовали ViewComponent и верстали адаптивные интерфейсы.
Опубликован 24.08.2026 в 18:41 Последнее изменение: 24.08.2026 в 18:41

Выберите способ верификации:

Обновите страницу после прохождения верификации.