Інтеграція конвертації HEIC, прев'ю та кропера на фронтенд (Сайт оголошень
Сайт оголошень (движок Tamaranga v2). Завдання ізольоване, виконується строго на фронтенді. Міняти логіку бекенду або бази даних не потрібно.
- Конвертація HEIC в JPG: Інтегрувати JS-бібліотеку (наприклад,
heic2any) на сторінку подачі/редагування оголошення. При виборі користувачем файлів.heic/.heicз iPhone, вони повинні автоматично конвертуватися в JPG на стороні клієнта. - Індикатор завантаження (Лоадер): Додати візуальний індикатор процесу конвертації, щоб користувач бачив, що файл обробляється.
- Попередній перегляд (Preview): Виводити сконвертовані та звичайні зображення в галерею попереднього перегляду перед відправкою на сервер.
- Обрізка (Cropping): Інтегрувати JS-кроппер (наприклад,
Cropper.js). Користувач повинен мати можливість кадрувати фото перед фінальним завантаженням. - Відправка на сервер: На бекенд Tamaranga повинен відправлятися вже фінальний, обрізаний JPG-файл через існуючий скрипт завантаження.
- Відмінне знання JavaScript (Vanilla JS / jQuery — залежно від того, що використовується в шаблоні).
- Досвід роботи з
Cropper.jsта бібліотеками обробки зображень на стороні клієнта. - Знання Tamaranga НЕ потрібно. Потрібно буде лише знайти шаблон форми завантаження (файли теми
.tpl/.php) і впровадити туди фронтенд-скрипт.
-
3 дні1346 UAH
6589 28 0 3 дні1346 UAHЧиста фронтенд-завдання: heic2any для конвертації, Cropper.js для обрізки, прев'ю-галерея та лоадер на час обробки. Все впроваджується в .tpl/.php шаблон форми без втручання в бекенд — на виході бекенд отримує готовий JPG через існуючий upload-скрипт.
Зроблю за 2–3 дні, 30 USD.
Шаблон форми завантаження на jQuery чи Vanilla JS?
-
7 днів8974 UAH
404 2 0 7 днів8974 UAHПривіт! Буду радий співпраці з вами. Мій досвід розробки веб-додатків JavaScript Vanilla JS / jQuery понад 15 років. Портфоліо:
Freelancehunt
-
10 днів7852 UAH
421 10 днів7852 UAHПривіт! Я уважно прочитав бриф, і обсяг роботи чітко визначений. Це чисто фронтенд завдання — без змін на бекенді, без роботи з базою даних, без знань про движок Tamaranga. Просто чистий JavaScript, вставлений у правильний шаблонний файл. Дозвольте мені пояснити, як я це реалізую.
Технічний підхід
Крок 1 — Знайти шаблон завантаження
Спочатку я визначу правильний .tpl або .php шаблонний файл, який обробляє форму подачі/редагування оголошення — зокрема, елемент введення файлу для завантаження фото. Це єдиний інтеграційний пункт для всієї функціональності нижче.
Крок 2 — Конвертація HEIC у JPG
Використовуючи бібліотеку heic2any, завантажену через CDN — без інструментів збірки, без залежностей, просто вставляється в будь-який шаблон. Коли користувач вибирає файли .heic або .heif, конвертація запускається автоматично під час події зміни, перш ніж відбудеться щось інше. Вся конвертація відбувається на стороні клієнта — сервер ніколи не бачить HEIC файл.
Крок 3 — Індикатор завантаження
Чистий візуальний індикатор з'являється в момент початку конвертації і зникає, коли вона завершена. Простий CSS спінер або накладка прогресу — оформлений у стилі вашої існуючої теми. Для кількох файлів кожен файл показує свій власний статус конвертації, щоб користувач точно знав, що обробляється.
Крок 4 — Галерея попереднього перегляду
… Після конвертації (або для стандартних JPG/PNG файлів) мініатюри відображаються в сітці попереднього перегляду під елементом введення файлу. Кожна мініатюра показує:
Попередній перегляд зображення
Ім'я файлу та розмір
Кнопка видалення для скасування вибору перед завантаженням
Кнопка обрізки для відкриття обрізувача для цього конкретного зображення
Крок 5 — Інтеграція Cropper.js
Натискання на обрізку на будь-якій мініатюрі попереднього перегляду відкриває модальне вікно з ініціалізованим Cropper.js на цьому зображенні. Користувач може:
Перетягувати для зміни позиції
Змінювати розмір області обрізки
Підтвердити обрізку → обрізана версія замінює оригінал у попередньому перегляді
Результат
Один добре прокоментований JavaScript файл (і мінімальний CSS для індикатора завантаження та модального вікна), який ви вставляєте у свою тему. Інструкції з реалізації включені, щоб ваша команда знала, до якого рядка шаблону додати посилання на скрипт. Код буде написаний на Vanilla JS — без залежностей від фреймворків, сумісний з шаблонами на основі jQuery без конфліктів.
Одне питання перед початком:
Чи використовує ваша тема Tamaranga jQuery чи чистий Vanilla JS? Це визначає, чи використовую я $.ajax від jQuery для подачі форми або рідний Fetch API — обидва працюють, просто хочу відповідати тому, що вже є в шаблоні, щоб уникнути конфліктів бібліотек.
Актуальні фриланс-проєкти в категорії Java
Розробка веб-платформи для трейдингу з інтеграцією даних SBPro, відображенням кластерів, ліквідностіозробка веб-платформи для трейдингу з інтеграцією даних SBPro, відображенням кластерів, ліквідності, великих лімітних заявок (Clouds), HeatMap та автоматичними налаштуваннями індикаторів для різних таймфреймів Етап 1. Підключення до Transaq API Отримання ринкових даних у… Java, Веб-програмування ∙ 2 дні 7 годин тому ∙ 44 ставки |
Кастомізація екрана завантаження та меню Minecraft 1.12.2 (Tech Survival)
890 UAH
Потрібно доопрацювати готовий клієнт Minecraft 1.12.2 з модами та впровадити власний дизайн інтерфейсу в стилі технічного виживання (Industrial / Tech Survival).Що потрібно зробити1. Кастомний екран завантаження модів Необхідно замінити стандартний екран завантаження… Java, Розробка ігор ∙ 3 дні 2 години тому ∙ 6 ставок |
Інтеграція в CRM модулів сканерів стоматологій
27 000 UAH
Ми розробили CRM систему для взаємодії з зубними лікарями та лабораторіями. Потрібно інтегрувати сервіси iTero, sirona, medit та інші, щоб файли підтягуються автоматично AI та машинне навчання, Java ∙ 3 дні 3 години тому ∙ 27 ставок |
Розробка простих 2D-ігор (Змійка, Галактика тощо) під Google Play MarketВітаю! Шукаю розробника (або початківця з хорошою базою), який зможе створити кілька простих класичних 2D-ігор під мобільну платформу Android з подальшою публікацією в Play Market.Для старту потрібно розробити одну-дві гри. Приклади сеттингу та механік: класична «Змійка»… Java, Розробка ігор ∙ 5 днів 6 годин тому ∙ 19 ставок |
Створення додаткуБажаю створити мобільний додаток для спілкування, в застосунку має бути аудіо,відео дзвінок, створення групових чатів,можливість синхронізувати з контактами телефону, налаштуваннями акаунта: привязка по мейлу, 2фа, номеру телефону,можливість налаштовувати сповіщення… Java, Python ∙ 10 днів тому ∙ 41 ставка |