Ivan Seliverstov
Oferta, która wygrałaBudżet: 1500 UAH Termin: 3 dni
Witaj! Jestem gotowy do poprawy systemu kadrowania i optymalizacji ładowania mediów. Mam 4-letnie doświadczenie w React i TypeScript, a także pracowałem z Django/DRF, więc mogę wykonać zadanie jako programista Fullstack.
Jak rozwiążę Twoje zadania:
Frontend (Canvas Crop): Skonfiguruję react-easy-crop z parametrem restrictPosition, aby uniknąć pustych stref. Zrealizuję funkcję generowania pliku wyjściowego za pomocą Canvas API według Twoich współrzędnych, aby backend otrzymał gotowy plik, a nie zestaw cyfr.
Optymalizacja: Zintegruję browser-image-compression do kompresji zdjęć do < 1 MB bez utraty jakości i skonfiguruję limity dla GIF.
Backend (Django): Uproszczę modele i serializatory, usuwając zbędne pola współrzędnych. Użyję Pillow do walidacji obrazów i oczyszczania danych EXIF.
Wynik: Czysty kod i idealne wyświetlanie okładek bez transform: translate, niezależnie od rozmiaru ekranu.
Gwarantuję systemowe podejście i przestrzeganie wszystkich kryteriów akceptacji. Jestem gotowy do rozpoczęcia!
Budżet: 3000 UAH Termin: 2 dni
Dobry wieczór, pracuję z Django + React, zadania ciekawe, mogę wykonać wszystkie, w tym z backendem. Jedyna rzecz, którą mam pytanie, to punkt 2 w backendzie, trzeba sprawdzić samą bibliotekę czy wasz kod, gdzie jest używana? Mogę zacząć od poniedziałku.
Budżet: 2000 UAH Termin: 3 dni
Cześć,
Mam doświadczenie w pracy z React, TypeScript i przetwarzaniem obrazów po stronie klienta za pomocą Canvas. Pracowałam również z Django + DRF, konfigurowałam przesyłanie plików, walidację i optymalizację obrazów za pomocą Pillow.
Jestem gotowa rozpocząć po zapoznaniu się z repozytorium. Terminy i budżet możemy ustalić po krótkiej dyskusji technicznej.
Budżet: 3000 UAH Termin: 3 dni
Cześć!
Istota zadania, jak ją widzę:
Obecnie krop działa „kosmetycznie” — front przekazuje współrzędne, a backend próbuje coś z nimi zrobić. Z tego powodu przy każdym resize lub zmianie urządzenia obrazek „jedzie”, ponieważ transformacje CSS są przypisane do konkretnego viewportu. Należy przejść na fizyczne przycinanie po stronie klienta, aby serwer otrzymywał finalny plik i niczego nie interpretował.
Gdzie takie zadania zazwyczaj się łamią:
1. react-easy-crop domyślnie pozwala na „odrywanie” obrazu od krawędzi kontenera — restrictPosition rozwiązuje to tylko częściowo, trzeba jeszcze kontrolować minZoom w odniesieniu do proporcji wejściowego obrazu, w przeciwnym razie na pionowych zdjęciach znowu pojawią się puste strefy.
2. Przycinanie Canvas często ignoruje orientację EXIF — zdjęcia z telefonu przychodzą obrócone o 90°.
3. Kompresja animacji GIF — browser-image-compression nie działa z GIF, potrzebne jest osobne podejście, aby nie zabić animacji.
4. Przejście ze starego schematu (współrzędne w bazie danych) na nowy (tylko plik) — jeśli nie zrobimy migracji istniejących rekordów, stare awatary się zepsują.
Podejście:
Front — pełne przycinanie przez Canvas z uwzględnieniem EXIF, kompresja i na wyjściu jeden plik. Backend — uproszczony endpoint, walidacja Pillow, usunięcie metadanych. Wynik: okładka — zwykły z object-cover, bez żadnych transform: translate.
Doświadczenie: realizowałem niestandardowe systemy przycinania dla profili w projekcie społecznym z obsługą awatarów GIF i responsywnym wyświetlaniem.
Kilka pytań, które wpływają na ocenę:
— Ile istniejących profili z współrzędnymi w bazie danych? Potrzebna migracja czy zaczynamy „od czystej kartki”?
— Awatary GIF — zachowujemy animację po przycinaniu, czy wystarczy pierwszy kadr?
Terminy: 3–4 dni, 3000–4000 zł (fullstack, w tym migracja).
Budżet: 2000 UAH Termin: 3 dni
Cześć! Twój projekt wygląda wspaniale. Jestem gotów natychmiast rozpocząć pracę i wykonać go na wysokim poziomie.
