Разработка на react – работа для фрилансеров в Москве

Веб-разработка. Доработка существующего продукта. Требуется разработать интерактивную карту на сайте vite/vue 3 Фильтрация подтягивается через rest api с wordpress. Выводит количество проектов, подсвечивает выбранный регион и масштабирует для просмотра, также указывает метки где проект расположен.

Веб-разработка. Разработка с нуля. Необходимо сделать фронт, есть готовый дизайн в фигме, исполнителю доступ предоставлю. Кол-во страниц и функционал можно посмотреть на примере сайта-референса: cuva.ru Функционал и страницы 1 в 1.

Веб-разработка. Доработка существующего продукта, тестирование. Провести аудит существующей веб разработки. При необходимости сделать исправления. Разработать и внедрить новые доработки. Фронт - React, бэк - Symphony.

Веб-разработка. Разработка с нуля. Описание компании “Luxfera” Luxfera — это новая технологическая компания в сфере натяжных потолков, освещения и профильных систем премиум-класса. Мы пришли, чтобы изменить правила игры и поднять рынок монтажа потолков на новый уровень — в точности, эстетике и цифровой прозрачности. Luxfera объединяет: современные инженерные решения, продвинутые визуальные технологии, качественные материалы, и стандарты сервиса, которых раньше не существовало в отрасли. Задачи разработчика: 1. Развернуть проект на create React app / Vite + (TypeScript / Tailwind / Ant Design.) 2. Реализовать многостраничный сайт (главная страница, услуги, кейсы, контакты, отзывы, первчиный контакт с клиентом-"записаться на замер"). 3. Разработать структуру страниц /editor/:id и /visual/:id — пока как пустые контейнеры, готовые для интеграции Unity WebGL. 4. Подготовить архитектуру для обмена данными React ? будущий Unity-редактор. 5. Обеспечить адаптивность, высокую скорость загрузки и поддержку масштабирования. 6. Создать мобильную и desktop Цель: получить устойчивый, расширяемый и современный фундамент, на котором затем будет построен 2D/3D редактор и калькулятор стоимости потолков Luxfera. Ориентир по конкурентам: https://potolok-beru.ru/ Версию Creact react app + ANTdesign можете посмотреть в файлах Для дальнейшего сотрудничества потребуется первичный созвон, на котором будет более подробно обсуждаться стоимость, сроки дальнейшая взаимосвязь по проекту.

Веб-разработка. Доработка существующего продукта. Нужен фронтенд-разработчик (React или Next.js) на 1 день, задача срочная Что нужно сделать за один день: - Починить сдвинутый виджет погоды - Прописать все ссылки (href) корректно - Полностью убрать элементы с вёрстки - Заменить фотки - Сделать виджет кликабельным - Чуть поправить адаптив с мобильных устройств - Собрать проект в 2 HTML-файла и залить их на хостинг В идеале провести созвон завтра утром, часов 9 или 10 При выполнении работ в срок с должным качеством готовы рассмотреть долгосрочное сотрудничество.

Веб-разработка. Разработка с нуля. Пожелания и особенности: Создать кастомный визуальный модуль (Visualization Plugin) для Apache Superset, который отображает авиационные маршруты на карте, используя Google Maps или Deck.gl. Модуль должен поддерживать агрегацию маршрутов, отображение потоков полётов, интерактивные подсказки, легенду, кастомизацию параметров и горизонтальную зацикленность карты. Требования к технологии • React + TypeScript • Совместимость со стандартами Superset plugin architecture (@superset-ui/core, @superset-ui/chart) • Визуальный движок: Google Maps или Deck.gl (предпочтительно Deck.gl для сложных слоёв) • Поддержка Superset metadata form (control panel) Функциональные требования 1. Отображение маршрутов Каждая запись — маршрут с координатами: • Точка A: lat_start, lon_start • Точка B: lat_end, lon_end Необходимо: • Отрисовать линии маршрутов между точками. • Маршруты со схожими направлениями агрегировать (см. блок "Группировка маршрутов"). 2. Кластеры точек вылета На карте должны отображаться круги вокруг точек A: • Радиус круга зависит от количества маршрутов, начинающихся в этой точке. • Чем больше вылетов — тем больше круг. • Порог отображения круга — настраиваемый параметр. • Цвет круга — задаётся в параметрах визуализации. 3. Группировка маршрутов 3.1. По значению поля Выбор поля для группировки маршрутов. Модуль должен: • Сгруппировать маршруты по выбранному полю. • Для каждой группы отрисовать свой цвет (цвет определяется автоматически исходя из встроенных цветовых схем в Superset). 3.2. Объединение пересекающихся маршрутов Если много линий идут похожими направлениями: • Линии объединяются в одну «нитку». • Толщина линии = пропорциональна количеству объединённых маршрутов. • Геометрия линии = средний маршрут, вычисленный как усреднение координат всех маршрутов группы. Нити сходятся в одну более толстую нить, затем расходятся ближе к точке назначения. 4. Лимит (детализация) Параметр limit влияет на детализацию: • Чем меньше лимит — тем толще итоговая линия и меньше отдельных веток. • Чем больше лимит — тем больше показывается отдельных маршрутов, меньше группировки. Механика: • При низком лимите происходит сильная агрегация. • При высоком лимите — маршруты отображаются детализированно. 5. Тултипы При наведении на линию отображать подсказку, содержащую информацию по полю, указанному в настройках При наведении на круг над точкой A отображать подсказку так же, как выше При наведении на круг над точкой Б отображать подсказку так же, как выше Можно добавить HandleBars ввод + выбор полей, для отображения(Подробнее при уточнении деталий) 6. Категории Должна быть возможность: • Выбрать любое поле в датасете как категорию. • Назначить уникальный цвет(или цветовую схему) для каждой категории в настройках. 7. Карта 7.1. Зацикливание по горизонтали Карта должна прокручиваться бесконечно по оси X (как обычный WebMercator в Deck.gl). Требования: • Возможность скроллить “влево-вправо” без резкого обрыва мира. • Поддержка wrapLongitude. 7.2. Тип карты Пользователь должен выбирать: • Roadmap / Terrain / Hybrid / Satellite 8. Легенда • Отображение списка категорий + их цветов. • Возможность выбрать положение легенды: o левый верхний o правый верхний o цент верх o левый нижний o правый нижний o центр низ • Возможность свернуть/развернуть легенду. Параметры, которые должны быть изменяемыми в Superset Control Panel 1. Цвет линий (по умолчанию, без категорий) 2. Толщина линий базовая 3. Множитель толщины при объединении 4. Максимальное количество линий (limit / детализация) 5. Размер круга в зависимости от кол-ва вылетов/прилетов, % 6. Порог количества вылетов для отображения круга 7. Выбор поля группировки 8. Выбор категорий 9. Цвета категорий 10. Тип карты (Темный, серый(монотонный), светлый, спутник) 11. Цвет круга Требования к производительности • Визуализация должна поддерживать 20k–100k(Но неограниченное кол-во входных данных, маршрут строится по уникальным записям) маршрутов без зависаний. • Использовать WebGL слои (Deck.gl LineLayer, PathLayer). • Агрегацию проводить на стороне JS (или предварительно в Superset Data Transformations). • Использовать throttling для интерактивных операций. Интеграция в Superset Разработать полноценный visualization plugin: • Файлы: plugin.ts, buildQuery.ts, Chart.tsx, transformProps.ts. • Поддержка Superset controls. • Поддержка cross-filter. • Полная совместимость с Superset v3+. Входные данные Dataset должен содержать поля: • lat_start, lon_start • lat_end, lon_end • group_field (опционально) • category_field (опционально).

Веб-разработка. Разработка с нуля. Пожелания и особенности: Цель - создание веб?платформы, обладающей современной архитектурой, возможностью масштабирования и удобством дальнейшего расширения. --- ## Основные требования ### 1. Single Sign-In / Single Sign-On (SSO) * Реализация системы аутентификации через внешнего провайдера (OAuth2, OpenID Connect или аналогичный). * Единый вход для всех страниц и модулей платформы. * Поддержка хранения пользовательской сессии и её автоматического обновления. * Использование React Router или альтернативы с поддержкой вложенных маршрутов. * Структура проекта должна позволять быстро создавать новые страницы и подключать их к навигации. ### 3. Взаимодействие с API * Реализация клиентского слоя для работы с REST API. * Обработка ошибок, ретраи, централизованная конфигурация запросов. * Подготовка сервисного уровня для удобной интеграции будущих модулей. 1. Модульная архитектура Платформа состоит из родительского сайта, который: Выполняет авторизацию пользователя. Даёт доступ к отдельным модулям проекта через навигацию. Отображает глобальные элементы (например, глобальный попап статусов). Разработчику необходимо: 1.1. Создать модульную структуру проекта Модули должны быть независимыми компонентами, которые можно подключать/отключать. Каждый модуль должен корректно работать внутри родительского окружения. Реализовать механизм передачи контекста (авторизация, глобальные уведомления) между родителем и модулем. 2. Создание модуля “Файловое управление” Модуль должен интегрироваться в родительскую платформу и содержать следующие элементы: 2.1. Страница с плитками файлов Страница представляет собой сетку-плитку: 2.1.1. Первая плитка — кнопка “Загрузить файл” При клике открывает модальное окно загрузки (см. раздел 2.4). 2.1.2. Остальные плитки — отображение файлов Для каждого ранее загруженного файла: отображение основного имени кастомное имя (перекрывает основное, если есть) тег (если есть) дополнительная информация по API мини-иконка типа файла. 2.1.3. Клик по плитке файла Открывает меню действий: Скачать, Открыть, Удалить, Информация Меню реализовать через контекстное или всплывающее окно. 2.2. Кнопка перехода на таблицу На странице должна быть кнопка, ведущая к: отдельной странице с таблицей данных из БД (получение данных по API). 2.3. Модальное окно загрузки файла Открывается при клике на первую плитку. Функционал: 2.4.1. Загрузка основного файла drag&drop + кнопка выбора файла отображение имени/размера. 2.4.2. Ввод кастомного имени файла 2.4.3. Добавление тегов Поддержка нескольких тегов. 2.4.4. Загрузка дополнительных файлов (Приложений) Возможность прикрепить несколько файлов Отображение списка приложений. По нажатию “Загрузить” отправлять файлы через API. 2.5. Глобальный попап очереди загрузки После отправки: вывод уведомления-попапа (правый верхний угол) в попапе отображается очередь всех файлов на загрузку для каждого файла: статус по API прогресс-бар место в очереди попап можно свернуть/развернуть глобальный (видим во всех модулях через родителя). 2.6. Диалоговые окна при определённых статусах При получении из API некоторых статусов (список будет предоставлен) должно отображаться модальное окно с соответствующим уведомлением. Статусы отслеживаются глобальным слушателем. 3. Глобальная система статусов Необходимо реализовать: единое хранилище (Context/Redux) подписку модулей на статусы отображение глобального попапа в родительском модуле доступность попапа из любого модуля платформы. 4. Figma Есть полная визуализация: компоненты цвета стили отступы Разработчику необходимо придерживаться дизайна. 5. Результат работы 1. Родитель. 2. Полнофункциональный модуль. 3. Общая интеграция модуля с родителем. ## Технические требования * ReactJS (18+). * Cоблюдение принципов SOLID. * Поддержка адаптивной вёрстки. * Git как основная система контроля версий.

Веб-разработка. Доработка существующего продукта.

Веб-разработка. Разработка с нуля. Есть постоянные задачи на наших проектах, сайты и веб сервисы. Нужно знать также postgres, ci/cd gitlab Работа по трекеру, сколько часов отработал столько и оплата.

Веб-разработка. менторовство.

Выгрузить сайт на сервер. Нужно просто выгрузить сайт нreact на сервер спринтбокса. Есть сделаный сайт на рекате, сайт делался на виндсерфе. Так как новая версия нод джес , то просто на хостинг установить не получается т.к. свыше 14 версии не поддерживается. Есть сервер на спринтбоксе, там куплен домен artplastica24 Также я самостоятельно установил aPanel Нужно развернуть сайт на сервере, чтобы он работал. Создать базу данных, залить файлы, и прикрутить всё к домену. При переходе на домен сайт должен работать.

Разработка приложений для ПК. Разработка с нуля, Поддержка и программирование в СРМ системе Битрикс 24.

Веб-разработка. Доработка существующего продукта. Пожелания и особенности: Необходимо доработать стили scss в соответствии с макетом figma.

Создание сайта и Веб-разработка. Помощь с заданием, предмет реакт, объяснить. Пожелания и особенности: Посмотреть задание,объяснить. Онлайн.

Веб-разработка. Разработка с нуля. Необходимо готовую вёрстку перенести на react https://github.com/aStormspirit/helpdesk.

Веб-разработка. Доработка существующего продукта. Сайт на React . https://inotekllc.ru/services 1. Необходимо добавить раздел : "Компоненты АСУ ТП - Клеммы и реле RY-ELE" Текст для раздела: Мы предлагаем широкий выбор современных решений для производителей силовых щитов, шкафов автоматизации и управления: - Самый современный, удобный и надежный способ соединения проводников - Электротехнические клеммы на DIN-рейку. - Управление и защита коммутации, гальваническая развязка: Интерфейсное реле 2. Оформление сделать в аналогичном стиле с буклетом. Буклет для информации во вложении 3. Добавить видео материалы от производителя в данном разделе.Ссылка на видео https://disk.virtek.pro/s/AjFPNdxd5M68K7Q.

Веб-разработка. Доработка существующего продукта. Перенести веб приложение с конструктора, сделать самостоятельный продукт, ищу не просто исполнителя, а делового партнера. Приложение: https://flower-dream-19dc771a.base44.app.

Веб-разработка. Доработка существующего продукта. На действующем сайте создать по макетам frontaend для раздела Блог.

Разработка telegram mini app. Разработка с нуля. Требования для React.js разработчика Telegram Mini Apps (TMA) Обязательные навыки: • React.js (хуки, состояние, функциональные компоненты) • JavaScript ES6+ • Опыт с@telegram-apps/sdk • Знание основных методов TMA: WebApp.initData, MainButton, viewportHeight и др. • Адаптивная верстка (HTML5/CSS3, Flex/Grid) Желательные технологии: • TypeScript • Vite / Webpack • Tailwind CSS • Git • REST API / axios Бонусом будет: • Понимание бэкенда для валидации initData Личные качества: • Внимание к деталям UX • Умение работать с документацией • Обучаемость Макеты и ТЗ для оценки работ пока в разработке. Можно указать стоимость за час и выслать портфолио, если есть. Задача актуальна на ноябрь.

Веб-разработка. Доработка существующего продукта.

Веб-разработка. Доработка существующего продукта. Пожелания и особенности: Я сделал на чатгпт проект, он перестал запускаться.

Веб-разработка. Разработка с нуля, доработка существующего продукта.

Веб-разработка. Доработка существующего продукта, Рефакторинг.

Веб-разработка. Доработка существующего продукта. Пожелания и особенности: Нужно дописать фронт, чтобы поставить эквайринг от т-банка. Бэк специалист сказал, что написал, но фронт не смог. Работает на react.

Переделать имеющийся сайт. Доработка существующего продукта.

Веб-разработка. Доработка существующего продукта, Смержить изменения в master. Два функционала, возможно будут конфликты. Плюс в пайплайне какие-то ошибки при Серже в мастер, хотя на деве нету. Убрать их тоже. Сайт https://timeclients.ru. Проект в гитлабе.

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

Веб-разработка. Билд . jsx в HTML CSS js.

Веб-разработка. Доработка существующего продукта. Учебный\тестовый проект. Fullstack: .Net Web API + React + Next + TS + andt. БД пока что SQLIte (может так и оставлю) Готово на ~60%. Надо срочно доделать часть фронтенда. Мидлу с релевантным опытом работы на 2-3 часа.

Веб-разработка. Доработка существующего продукта. Наш проект — стартап в сфере финансовых технологий. Разрабатываем уникальный продукт на базе Laravel: сервис денежных переводов и конвертации валют. Приглашаем в команду фронтенд-разработчика с опытом работы в: - React; - Blade (Laravel); - Tailwind CSS; - JavaScript; - Vite. Мы — небольшая команда: работа строится в паре, где бэкенд-разработчик ставит задачи, а фронтенд-разработчик реализует их. Общение максимально простое и прямое, без лишней бюрократии. Раз в неделю проводим короткие брифы (около 30 минут), чтобы обсудить прогресс и планы. Работа ведётся по договору с подписанием NDA. Основной формат оплаты — блоки задач (несколько задач в совокупности). Если удобнее, можем рассчитываться и за каждую задачу отдельно. После отклика можем предложить небольшое тестовое задание, особенно если нет портфолио. Есть вопросы? Пишите — обсудим 👌.

Веб-разработка. Доработка существующего продукта. Привет! Делаем Telegram WebApp. Код аккуратно разложен по компонентам. Архитектура, структура ровная. Нужно привести UI к Figma 1:1: отступы, сетки, типографика, адаптив, состояния. Бизнес-логики минимум — в основном верстка и UI-мелочи. Что делать: Привести экраны к макетам 1в1 адаптив для. мобилок (mobile-first, 2–3 брейкпоинта) Вынести стили в design tokens, убрать инлайны/absolute Настроить фокус/aria, проверить Lighthouse Где что пропущено (картинки/фон) из фигмы – вставить Стек: React 18, TypeScript, Vite, Tailwind, shadcn/ui, Radix, Storybook, ESLint/Prettier. Фигму и репо предоставлю.

Веб-разработка. Обучение. Повышаю квалификацию на рабочем месте, для чего необходимо выучить React, конкретнее - разобраться в работе с базой данных, чтобы выполнять рабочие задачи. React знаю поверхностно.

Веб-разработка. Разработка с нуля. Студент для работы над React кодом. Студент для работы над React кодом

Веб-разработка. Разработка с нуля. Нужна помощь в аудиовизуализации, чтобы из аудио переводить в текст.

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

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

Веб-разработка. Доработка существующего продукта. Пожелания и особенности: Нужно очень уверенное знание react. Опыт работы от 5 лет минимум. Есть 5 дней чтобы исправить баги в текущей версии проекта. Работа в СПБ не удаленная.

Веб-разработка. Доработка существующего продукта. На входе: Есть backend и swagger документация к API Есть дизайн UX/UI макета. Ваша работа: Веб-интерфейс на React под webapp и s3 размещения и сами исходники.

Веб-разработка. Доработка существующего продукта. Задача по ТЗ доработать сайт на react ТЗ во вложении.

Веб-разработка. Доработка существующего продукта. Ищем специалиста для помощи по созданию нового фронта функционала (комментарии, чат) и подключение готового фронта к беку на котлине. Более подробная информация в чате.

Веб-разработка. Тестирование, доработка существующего продукта. Пожелания и особенности: В команду нужен React-разработчик Задача: Полный рефакторинг фронтенда. Переход с устаревшего стека (HTML, CSS, JS) на современный (React + TypeScript). Что предстоит делать: — Разбираться и исправлять баги в текущем, "пока ещё живом" легаси-коде. — Постепенно проектировать и писать новый фронтенд с чистого листа. Кого ищем: Понимающего основы HTML, CSS, JavaScript и React. TypeScript — будет большим плюсом. Важно: Не нужен супер-профи. Нужен человек, который не боится сложностей, готов разбираться в чужом коде и активно учиться новому. При отклике, пожалуйста, пишите условия сотрудничества.

Веб-разработка. Доработка существующего продукта.

Веб-разработка. Доработка существующего продукта. Переделать vanila js на react js.

Апгрейд версии react-native в приложении. Доработка существующего продукта. Здравствуйте! есть опубликованное приложение, которое писалось на 20й ноде. Случайно удалил ноду, пытался запустить с 24й, посыпались ошибки, удалил/инсталировал нод-модули, не помогло. Вспомнил что создавал с 20й нодой, но поздно, с новыми нод-модулями подъехали новые версии зависимостей и сыпятся ошибки. Апгрейдить отдельные библиотеки чревато тем, что не будет поддерживаться одна из ключевых библиотек. Надо: 1) или вернуть взад старые зависимости ИЛИ 2) начать новый проект и перенести все сорс-файлы туда до продуктового билда.

Веб-разработка. Разработка с нуля, тестирование. Необходимо разработать B2B маркетплейс услуг типа Upwork.

Переработка сайта на новый дизайн. Доработка существующего продукта.

Мок-собеседование / менторинг. Наставничество. Подготовка к собеседованию React Frontend Developer Middle+ / Senior.

Веб-разработка. CRM. Ищем фронтенда в команду , для разработки CRM на реакте ! 1. Опыт работы с React не менее 2-х лет 2. Опыть работы с созданием библиотек компонентов на React 3. Знание SCSS 4. Опыт работы с TypeScript не менее 2-х лет 5. Умение работать с git 6. Понимание принципов работы Storybook Будет плюсом: 1. Опыт работы с Zustand 2. Опыт работы с websocket 3. Навыки тестирования на Cypress 4. Знание React 19 (useTransition, useDefferedValue).

Веб-разработка. Настройка, доработка существующего продукта. Обязанности: Разработка нового функционала и оптимизация существующего кода в сложных веб-приложениях на React, включая интеграцию с backend и внешними сервисами; Верстка интерфейсов, реализация бизнес-логики и тестирование проектов для обеспечения качества; Оценка технической сложности задач и предложение улучшений архитектуры; Своевременное выполнение поставленных задач в соответствии с дедлайнами; Мониторинг производительности приложений, интеграция с CI/CD-пайплайнами и внесение предложений по улучшению процессов разработки. Требования: Умение создавать качественную, адаптивную и кросс-браузерную верстку (требуется мидл уровень); Глубокие знания JavaScript Опыт коммерческой разработки на React не менее 2 лет, включая создание сложных SPA-приложений; Уверенные знания React, Redux или аналогичных state-менеджеров; Приветствуется опыт работы с Next.js или Nuxt.js Глубокое понимание принципов работы с API (RESTful, GraphQL), опыт интеграции с backend; Уверенное владение системой контроля версий Git Знание современных подходов к frontend-разработке; Опыт работы с legacy-кодом, рефакторингом и поддержкой существующих проектов; Самостоятельность и ответственность: способность оценивать задачи, предлагать решения и соблюдать дедлайны; Готовность к командной работе, включая code review и обмен знаниями; Желание профессионального роста, изучения и внедрения новых технологий. Условия: Удобный график: пятидневка 5\2 с выходными в официальные праздники Уютный офис в центре города с удобной транспортной развязкой Выплаты два раза в месяц ежемесячно. Есть вариант УДАЛЕННОЙ работы.

Веб-разработка. Доработка существующего продукта. У меня есть код соц сети. Когда я вызываю контекстное меню, ставлю реакцию, отвечаю на сообщение, компонент MessagesContainer каждый раз перерендерывается, а так не должно быть. Код разделен на компоненты, но в общем счете всего где-то 4000 строк кода Ищу того, кто сможет покопаться в коде и исправить проблему. Только опытные! Проблема на видео: https://klicks.ru/f/y1lwwvO.