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 дні
Привіт! Ваш проект виглядає чудово. Готовий негайно почати роботу і виконати його на високому рівні.
