Разработка на React — удалённая работа в Москве

Веб-разработка. Разработка с нуля.

Верстка из Фигмы. Доработка существующего продукта. Пожелания и особенности: Требуется Front-End разработчик для AI-платформы. Ищем опытного Front-End разработчика для работы над проектом AI-платформы. Что нужно делать: • Перенести готовые дизайны из Figma в код. • Реализовать адаптивную и pixel-perfect верстку для desktop и mobile. • Работать исключительно с готовыми макетами (UI/UX дизайн уже полностью готов). Технологический стек: • React • TypeScript Требования: • Отличное знание React и TypeScript. • Опыт работы с Figma. • Умение точно переносить дизайн в код. • Чистый, структурированный и поддерживаемый код. • Опыт создания адаптивных интерфейсов. Срок выполнения: Проект необходимо завершить в течение 1 месяца. При отклике, пожалуйста, отправьте: 1. Портфолио с примерами работ на React + TypeScript. 2. Стоимость работы. 3. Сроки выполнения. Предпочтение кандидатам с опытом работы над SaaS-платформами или AI-проектами.

Веб-разработка. Доработка существующего продукта. Есть сайт yakitoriya-nsk.ru, необходимы доработки по ТЗ.

Веб-разработка. Разработка с нуля. Пожелания и особенности: https://www.figma.com/design/aojbMvcC9uODe0kCqrNyU7/%D0%9C%D0%B0%D1%84%D0%B8%D1%8F-%D1%81%D0%B0%D0%B9%D1%82?node-id=0-1&t=QWEpwXr3mQlICRaJ-1.

Веб-разработка. Разработка с нуля. Техническое задание на разработку Landing Page (React) 1. Общие сведения Тип проекта: Одностраничный сайт (Landing Page). Платформа: Веб (Desktop, Tablet, Mobile). Стек технологий: React (функциональные компоненты + хуки). Макеты: Figma (предоставляются полный доступ и все необходимые брейкпоинты). Итоговый результат: Исходный код размещен на GitHub (приватный/публичный репозиторий). 2. Структура и навигация Сайт состоит из 6 полноэкранных блоков (слайдов). Навигация: Переключение между слайдами осуществляется прокруткой колесика мыши (скроллинг по вертикали). Альтернатива: Должна быть реализована навигация через клик по пунктам меню (якоря). Поведение: При скролле страница плавно переходит к следующему/предыдущему блоку (аналогично полноэкранным слайдерам). 3. Требования к верстке Pixel Perfect: Верстка должна полностью соответствовать макетам. Допустимые отклонения — до 2px. Адаптивность: Реализовать кроссбраузерную и резиновую верстку для всех популярных разрешений (десктоп, планшет, мобильные устройства). Брейкпоинты указываются в макете. Семантичность: Использование семантических тегов HTML5. Производительность: Оптимизация загрузки ресурсов (изображения в форматах WebP/AVIF, ленивая загрузка). 4. Функциональные возможности 4.1. Анимация и эффекты Параллакс: Реализовать эффект параллакса для фоновых элементов (глубина/скорость движения зависит от положения скролла). Микро-анимации: Плавное появление контента при переходе на слайд (fade-in, slide-up и т.д.). Меню (Таймлайн): Разработать анимационное меню в виде таймлайна). Анимация меню должна реагировать на текущий активный слайд. 4.2. Интерактивные элементы Форма обратной связи: Поля: Имя, Телефон/Email, Сообщение. Валидация полей (на стороне клиента). Отправка данных на почту (реализация через бэкенд или сторонний сервис, например, EmailJS, или интеграция с API сайта). 5. Работа с данными (API) Вариант А (Динамика): Предусмотреть возможность подключения к Strapi (или аналогичной CMS) для получения контента (тексты, изображения, ссылки). Вариант Б (Статика): Если данные не будут загружаться с бэка, контент должен быть жестко задан в коде. Требование: У исполнителя должен быть опыт работы с REST API (умение делать запросы fetch/axios, обработка промисов, состояний загрузки). 6. Технические требования Сборка: Использование современного стека (Create React App, Vite или Next.js). Стили: Использование CSS-препроцессоров (SCSS) или CSS-in-JS (по согласованию). Приветствуется использование CSS-фреймворков (Tailwind — по желанию). Качество кода: Чистый, читаемый код с комментариями к сложным моментам. Контроль версий: Регулярные коммиты с понятными сообщениями. 7. Критерии приемки Верстка точно соответствует макету (Pixel Perfect). Сайт корректно отображается на всех устройствах (проверка в Chrome DevTools и на реальных устройствах). Слайдер плавно переключается по скроллу без рывков. Все анимации работают без лагов (60 FPS). Письмо с формы успешно уходит на указанный почтовый ящик. Исходный код залит на GitHub и доступен для проверки. 8. Зоны ответственности Заказчик предоставляет: полный доступ к макетам, текстовое наполнение, медиафайлы (фото/видео), доступ к API (если требуется). Исполнитель предоставляет: развернутый проект с исходным кодом, инструкцию по запуску (README), задеплоенную версию для демонстрации (например, Vercel/Netlify). 9. Дополнительные условия Все детали по анимации и меню (таймлайн) находятся на стадии обсуждения и могут быть уточнены в процессе работы.

Веб-разработка. Доработка существующего продукта. Разработать шаблоны для текущего сайта, стек технологий. Требудется интеграция с бекэндом и доработка админки на WP - Next.js 16 (App Router) - React 19 + TypeScript - Tailwind CSS 4 - next-intl (i18n) - WordPress REST API.