Бюджет: 27000 UAH Термін: 30 днів
Доброго дня. Маю великий досвід з Next.js. Готовий до співпраці.
Figma проекту https://www.figma.com/design/O1ZFkM0Ugian1oUkMcq8qX/Untitled?node-id=1733-5461&t=uwr78V10NVNWzq6F-1
🔒 ТЕХНІЧНЕ ЗАВДАННЯ
ФРОНТЕНД ПО МАКЕТУ FIGMA
(БЕЗ БЕКЕНДА)
1. Мета робіт
Сверстати користувацький інтерфейс сайту строго за макетами Figma (pixel-perfect) та інтегрувати код з бекендом, погоджуючи структуру з бекенд-розробником
❗️ Виключно фронтенд, без реалізації серверної логіки, зберігання даних
Результат робіт має містити як фронтенд за макетом, так і виклики кінцевих точок API та заповнення контенту сайту в залежності від відповіді бекенда
2. Джерело дизайну
Єдине джерело істини — макети Figma
Верстка виконується 1 в 1:
розміри
відступи
шрифти
кольори
стани елементів
Будь-які відхилення від Figma заборонені без погодження
3. Межі відповідальності фронтенда
🚫 Фронтенд не повинен:
реалізовувати бізнес-логіку
зберігати дані
робити авторизацію (тільки відправляє дані на бекенд)
підключати БД
4. Форми (ОБОВ'ЯЗКОВО)
4.1 Поведінка форм
Всі форми:
верстаються строго за Figma
містять візуальну валідацію (required, error-state)
Відправляють дані на сервер відповідно до того, як бекенд їх приймає
5. Списки, картки, таблиці
5.1 Джерело даних
Всі списки отримуються динамічно з бекенда
Код одразу ж отримує дані з API та відображає їх
6. Авторизація / реєстрація
6.1 UI та взаємодія з бекендом
Верстка екранів входу / реєстрації
7. Кнопки та дії
7.1 Всі кнопки
Зобов'язані мати hover / active / disabled (якщо є в Figma)
Виконують реальні дії, відправляючи дані на бекенд або інші функції, які вони повинні виконати
8. Модальні вікна / попапи
Відкриваються/закриваються за допомогою коду
Завантажують дані
9. Адаптивність
Обов'язкові брейкпоінти:
Desktop
Tablet
Mobile
Верстка строго за адаптивними макетами Figma
Самовільні рішення заборонені.
10. Технічні вимоги
React
Чиста, читабельна структура
Компонентний підхід
11. Критерії приймання
Робота приймається, якщо:
Верстка візуально збігається з Figma
Код підключений до бекенда
12. Заборонено без погодження
❌ Самостійно:
вигадувати логіку
оптимізувати UX «по-своєму»
додавати поведінку не з Figma
ВСЕ МАЄ ПРАЦЮВАТИ І ВИГЛЯДАТИ ЯК У ФІГМІ!
Бюджет: 27000 UAH Термін: 30 днів
Доброго дня. Маю великий досвід з Next.js. Готовий до співпраці.
Бюджет: 15000 UAH Термін: 12 днів
Реалізую pixel-perfect фронтенд на React з повною інтеграцією API та типізацією компонентів під ваш бекенд. Вартість розробки за ТЗ — $600, термін виконання — 12 робочих днів.
Документація API (Swagger/Postman) вже готова для налаштування інтеграції?
Бюджет: 15000 UAH Термін: 5 днів
Вітаю, Валерію! Я готова втілити ваш Figma проєкт у життя з абсолютною точністю до пікселя. Маю досвід роботи з React та створення адаптивних інтерфейсів, які повністю відповідають дизайнам. Зосереджусь на бездоганній інтеграції з бэкендом, дотримуючись усіх техзавдань, включно з формами та списками. Завдяки моїм знанням у веб-розробці та увазі до деталей, я забезпечу високу якість і стабільність результату. З нетерпінням чекаю на співпрацю та можливість реалізувати ваш проект точно по макетам!
Бюджет: 15000 UAH Термін: 14 днів
Добрий день!
Готовий виконати ваш проєкт. Працюю з веб-розробкою та дизайном, маю практичний досвід і портфоліо.
Працював з клієнтами з України та Європи, дотримуюсь термінів і завжди на зв’язку.
Готовий обговорити деталі та запропонувати оптимальне рішення. Можу почати найближчим часом.
Бюджет: 15000 UAH Термін: 14 днів
Вітаю.
Ознайомився із завданням
Створю якісну верстку.
Напишіть, обговоримо деталі проекту!
----------------------------------
Приватний розробник веб-сайтів. Досвід – 10 років.
Дизайн, верстка, розробка сайтів Wordpress.
Когда тз составлено с помощью ии…
«
(БЕЗ БЭКЕНДА)
так и вызовы конечных точек апи и заполнение контента сайта в зависимости от ответа бэкенда
реализовывать бизнес-логику
хранить данные
делать авторизацию(только отправляет данные на бэкенд)
подключать БД
Все списки получаються динамично с бэкенда
Код сразу же получает данные с апи и отображает их
6.1 UI и взаимодействие с бэкендом
Выполняют реальные действия отправляя данные на бэкенд или другие функции которые они должны выполнить
Код подключен к бэкенду»