Розробник (React) — Динамічний інтерактивний UI (1 тиждень, $200)
Шукаємо frontend-розробника для реалізації динамічного та інтерактивного інтерфейсу проєкту FreeCoins на основі готового дизайну в Figma.
⚠️ Ключова вимога: МАКСИМАЛЬНА ДИНАМІКА І АНІМАЦІЇ
Про проєкт
- Тип: інтерактивна веб-платформа
- Основний функціонал: візуально насичений інтерфейс з анімаціями
- Завдання: frontend-розробка за Figma
- Робота в парі з іншим верстальником
Завдання:
- Pixel-perfect верстка за Figma
- Реалізація всіх екранів
- Створення переиспользуваних компонентів
- Інтерактивний UI
Основні вимоги:
- Повне відповідність дизайну (відступи, шрифти, кольори, ефекти)
- Адаптивність (desktop / tablet / mobile)
- Усі стани елементів:
- default
- hover
- active
- disabled
Інтерактивність:
- Усі кнопки клікабельні
- Hover-ефекти працюють
- Переходи між екранами
- Модальні вікна
Анімації (КРИТИЧНО ВАЖЛИВО)
Інтерфейс має виглядати «живим» і сучасним
Обов'язково:
- Плавні UI-анімації
- Мікро-анімації
- Hover-анімації
- Анімовані переходи
Приклади:
- Плавне з'явлення елементів
- Виліт/рух блоків
- Масштабування, підсвічування, обертання
- «Плаваючі» елементи
- Glow-ефекти
- Анімації кнопок (рух градієнта всередині)
- Hover elevation у карток
Додатково (плюс):
- Частинки / декоративні ефекти
- Динамічні фоновые елементи
Підготовка під backend
- Готовність до інтеграції з API
- Використання mock-даних
- Обробка станів:
- завантаження
- помилка
- порожні дані
Стек
- React (бажано)
- Анімації: CSS / Framer Motion / GSAP
Адаптивність
- Desktop (основний)
- Tablet
- Mobile
- Анімації повинні коректно працювати на всіх пристроях
Продуктивність
- Плавні анімації без затримок
- Оптимізація рендерингу
- Без перевантаження інтерфейсу
Результат:
- Повністю сверстаний сайт
- Робочі інтерактивні елементи
- Реалізовані анімації
- Чистий і структурований код
- Готовий билд
Умови
- Бюджет: $200 (Для кожного верстальника)
- Термін: 1 тиждень
- Робота в команді (2 розробника)
Критерії приймання
- 100% відповідність Figma
- Усі екрани реалізовані
- Усі інтеракції працюють
- Інтерфейс виглядає динамічним
- Якісні анімації
