Budżet: 27000 UAH Termin: 30 dni
Witaj. Mam duże doświadczenie z Next.js. Jestem gotów do współpracy.
Projekt Figma https://www.figma.com/design/O1ZFkM0Ugian1oUkMcq8qX/Untitled?node-id=1733-5461&t=uwr78V10NVNWzq6F-1
🔒 ZADANIE TECHNICZNE
FRONTEND ZGODNIE Z MAKIETĄ FIGMA
(BEZ BACKENDU)
1. Cel prac
Stworzyć interfejs użytkownika strony ściśle według makiet Figma (pixel-perfect) i zintegrować kod z backendem, uzgadniając strukturę z programistą backendowym
❗️ Wyłącznie frontend, bez realizacji logiki serwera, przechowywania danych
Wynik prac powinien zawierać zarówno frontend według makiety, jak i wywołania punktów końcowych API oraz wypełnienie treści strony w zależności od odpowiedzi backendu
2. Źródło projektu
Jedynym źródłem prawdy są makiety Figma
Layout wykonywany jest 1 do 1:
rozmiary
marginesy
czcionki
kolory
stany elementów
Jakiekolwiek odchylenia od Figma są zabronione bez uzgodnienia
3. Granice odpowiedzialności frontendu
🚫 Frontend nie powinien:
realizować logiki biznesowej
przechowywać danych
przeprowadzać autoryzacji (tylko wysyła dane do backendu)
łączyć się z bazą danych
4. Formularze (OBOWIĄZKOWE)
4.1 Zachowanie formularzy
Wszystkie formularze:
są tworzone ściśle według Figma
zawierają wizualną walidację (required, error-state)
Wysyłają dane na serwer zgodnie z tym, jak backend je przyjmuje
5. Listy, karty, tabele
5.1 Źródło danych
Wszystkie listy są pobierane dynamicznie z backendu
Kod natychmiast pobiera dane z API i je wyświetla
6. Autoryzacja / rejestracja
6.1 UI i interakcja z backendem
Layout ekranów logowania / rejestracji
7. Przycisk i działania
7.1 Wszystkie przyciski
Muszą mieć hover / active / disabled (jeśli są w Figma)
Wykonują rzeczywiste działania, wysyłając dane do backendu lub inne funkcje, które powinny wykonać
8. Okna modalne / popupy
Otwierają się/zamykają za pomocą kodu
Ładują dane
9. Responsywność
Obowiązkowe punkty przerwania:
Desktop
Tablet
Mobile
Layout ściśle według responsywnych makiet Figma
Samowolne rozwiązania są zabronione.
10. Wymagania techniczne
React
Czysta, czytelna struktura
Podejście komponentowe
11. Kryteria akceptacji
Praca jest akceptowana, jeśli:
Layout wizualnie zgadza się z Figma
Kod jest podłączony do backendu
12. Zabronione bez uzgodnienia
❌ Samodzielnie:
wymyślać logikę
optymalizować UX „po swojemu”
dodawać zachowanie nie z Figma
WSZYSTKO MUSI DZIAŁAĆ I WYGLĄDAĆ JAK W FIGMIE!
Budżet: 27000 UAH Termin: 30 dni
Witaj. Mam duże doświadczenie z Next.js. Jestem gotów do współpracy.
Budżet: 15000 UAH Termin: 12 dni
Realizuję pixel-perfect frontend na React z pełną integracją API i typizacją komponentów pod Twój backend. Koszt rozwoju według TŻ — 600 dolarów, czas realizacji — 12 dni roboczych.
Dokumentacja API (Swagger/Postman) jest już gotowa do ustawienia integracji?
Budżet: 15000 UAH Termin: 5 dni
Cześć, Walerio! Jestem gotowa zrealizować Twój projekt Figma z absolutną precyzją do piksela. Mam doświadczenie w pracy z React i tworzeniu responsywnych interfejsów, które w pełni odpowiadają projektom. Skoncentruję się na doskonałej integracji z backendem, przestrzegając wszystkich wymagań technicznych, w tym formularzy i list. Dzięki mojej wiedzy w zakresie web developmentu i uwadze na szczegóły, zapewnię wysoką jakość i stabilność rezultatu. Z niecierpliwością czekam na współpracę i możliwość zrealizowania Twojego projektu dokładnie według makiet!
Budżet: 15000 UAH Termin: 14 dni
Dzień dobry!
Jestem gotowy do realizacji twojego projektu. Pracuję z web developmentem i designem, mam praktyczne doświadczenie i portfolio.
Pracowałem z klientami z Ukrainy i Europy, dotrzymuję terminów i zawsze jestem w kontakcie.
Jestem gotowy omówić szczegóły i zaproponować optymalne rozwiązanie. Mogę zacząć w najbliższym czasie.
Budżet: 15000 UAH Termin: 14 dni
Witam.
Zapoznałem się z zadaniem.
Stworzę wysokiej jakości layout.
Napisz, omówimy szczegóły projektu!
----------------------------------
Prywatny deweloper stron internetowych. Doświadczenie – 10 lat.
Projektowanie, layout, rozwój stron Wordpress.
Когда тз составлено с помощью ии…
«
(БЕЗ БЭКЕНДА)
так и вызовы конечных точек апи и заполнение контента сайта в зависимости от ответа бэкенда
реализовывать бизнес-логику
хранить данные
делать авторизацию(только отправляет данные на бэкенд)
подключать БД
Все списки получаються динамично с бэкенда
Код сразу же получает данные с апи и отображает их
6.1 UI и взаимодействие с бэкендом
Выполняют реальные действия отправляя данные на бэкенд или другие функции которые они должны выполнить
Код подключен к бэкенду»