Ivan Seliverstov
Победившая ставкаБюджет: 1500 UAH Срок: 3 дня
Здравствуйте! Готов исправить систему кадрирования и оптимизировать загрузку медиа. Имею 4-летний опыт в React и TypeScript, а также работал с Django/DRF, поэтому могу выполнить задание как Fullstack-разработчик.
Как я решу ваши задачи:
Frontend (Canvas Crop): Настрою react-easy-crop с параметром restrictPosition, чтобы избежать пустых зон. Реализую функцию генерации выходного файла через Canvas API по вашим координатам, чтобы бэкенд получал готовый файл, а не набор цифр.
Оптимизация: Интегрирую browser-image-compression для сжатия фото до < 1 МБ без потери качества и настрою лимиты для GIF.
Backend (Django): Упрощу модели и сериализаторы, убрав лишние поля координат. Использую Pillow для валидации изображений и очистки EXIF-данных.
Результат: Чистый код и идеальное отображение обложек без transform: translate, независимо от размера экрана.
Гарантирую системный подход и соблюдение всех критериев приемки. Готов начать!
Бюджет: 3000 UAH Срок: 2 дня
Добрый вечер, работаю с Django + React, задачи интересные, могу выполнить все, включая бэкенд. Единственное, у меня есть вопрос по пункту 2 в бэкенде, нужно проверить саму библиотеку или ваш код, где она используется? Начать могу с понедельника.
Бюджет: 2000 UAH Срок: 3 дня
Здравствуйте,
Имею опыт работы с React, TypeScript и обработкой изображений на клиенте через Canvas. Также работала с Django + DRF, настраивала загрузку файлов, валидацию и оптимизацию изображений через Pillow.
Готова приступить после ознакомления с репозиторием. Сроки и бюджет сможем уточнить после короткого технического обсуждения.
Бюджет: 3000 UAH Срок: 3 дня
Здравствуйте!
Суть задачи, как я ее вижу:
Сейчас кроп работает «косметически» — фронт передает координаты, а бэкенд пытается с ними что-то сделать. Из-за этого при каждом ресайзе или смене устройства картинка «едет», потому что CSS-трансформации привязаны к конкретному viewport. Нужно перевести на физическую обрезку на клиенте, чтобы сервер получал финальный файл и ничего не интерпретировал.
Где такие задачи обычно ломаются:
1. react-easy-crop по умолчанию позволяет «отрывать» изображение от краев контейнера — restrictPosition решает это лишь частично, нужно еще контролировать minZoom относительно aspect ratio входящего изображения, иначе на вертикальных фото снова появятся пустые зоны.
2. Canvas-обрезка часто игнорирует EXIF-ориентацию — и фото с мобильного приходят повернутыми на 90°.
3. Сжатие GIF-анимаций — browser-image-compression не работает с GIF, нужен отдельный подход, чтобы не убить анимацию.
4. Переход со старой схемы (координаты в БД) на новую (только файл) — если не сделать миграцию существующих записей, старые аватарки сломаются.
Подход:
Фронт — полная обрезка через Canvas с учетом EXIF, компрессия, и на выход один файл. Бэкенд — упрощенный эндпоинт, Pillow-валидация, удаление метаданных. Результат: обложка — обычный с object-cover, без каких-либо transform: translate.
Опыт: реализовывал кастомные кроп-системы для профилей в социальном проекте с поддержкой GIF-аватарок и адаптивным отображением.
Несколько вопросов, которые влияют на оценку:
— Сколько существующих профилей с координатами в БД? Нужна миграция или начинаем «с чистого листа»?
— GIF-аватарки — сохраняем анимацию после кропа, или достаточно первого кадра?
Сроки: 3–4 дня, 3000–4000 грн (fullstack, включая миграцию).
Бюджет: 2000 UAH Срок: 3 дня
Привет! Ваш проект выглядит замечательно. Готов немедленно начать работу и выполнить его на высоком уровне.
