Programista (React) — Dynamiczny interaktywny UI (1 tydzień, $200)
Poszukujemy frontend-developera do realizacji dynamicznego i interaktywnego interfejsu projektu FreeCoins na podstawie gotowego projektu w Figma.
⚠️ Kluczowe wymaganie: MAKSYMALNA DYNAMIKA I ANIMACJE
O projekcie
- Typ: interaktywna platforma internetowa
- Główna funkcjonalność: wizualnie bogaty interfejs z animacjami
- Zadanie: frontend-dewelopment według Figma
- Praca w parze z innym deweloperem
Zadania:
- Pixel-perfect kodowanie według Figma
- Realizacja wszystkich ekranów
- Tworzenie komponentów do ponownego użycia
- Interaktywny UI
Podstawowe wymagania:
- Pełne zgodność z projektem (marginesy, czcionki, kolory, efekty)
- Responsywność (desktop / tablet / mobile)
- Wszystkie stany elementów:
- domyślny
- hover
- aktywny
- wyłączony
Interaktywność:
- Wszystkie przyciski są klikalne
- Efekty hover działają
- Przejścia między ekranami
- Okna modalne
Animacje (KRYTYCZNIE WAŻNE)
Interfejs musi wyglądać „żywo” i nowocześnie
Obowiązkowo:
- Płynne animacje UI
- Mikro-animacje
- Animacje hover
- Animowane przejścia
Przykłady:
- Płynne pojawianie się elementów
- Wylot/ruch bloków
- Skalowanie, podświetlenie, obrót
- „Pływające” elementy
- Efekty glow
- Animacje przycisków (ruch gradientu wewnątrz)
- Efekt podniesienia hover na kartach
Dodatkowo (plus):
- Cząsteczki / efekty dekoracyjne
- Dynamiczne elementy tła
Przygotowanie pod backend
- Gotowość do integracji z API
- Użycie danych mock
- Obsługa stanów:
- ładowanie
- błąd
- puste dane
Stos technologiczny
- React (preferowane)
- Animacje: CSS / Framer Motion / GSAP
Responsywność
- Desktop (główny)
- Tablet
- Mobile
- Animacje muszą działać poprawnie na wszystkich urządzeniach
Wydajność
- Płynne animacje bez lagów
- Optymalizacja renderowania
- Bez przeciążenia interfejsu
Wynik:
- Całkowicie zakodowana strona
- Działające interaktywne elementy
- Zrealizowane animacje
- Czysty i uporządkowany kod
- Gotowy build
Warunki
- Budżet: $200 (dla każdego dewelopera)
- Termin: 1 tydzień
- Praca w zespole (2 deweloperów)
Kryteria akceptacji
- 100% zgodności z Figma
- Wszystkie ekrany zrealizowane
- Wszystkie interakcje działają
- Interfejs wygląda dynamicznie
- Wysokiej jakości animacje
