Подключить React приложение к API
25 000 UAHТехническое задание для фронтендера
Проект: Дашбоард мониторинга смарт-часов
Тип работы: Подключение API, интеграция данных, мультиязычность и RTL
Работа сдельная с оплатой по списку задач
📌 Цель:
Подключить существующие страницы дашборда к backend API, заменить демо-данные на реальные, реализовать несколько новых страниц и внедрить поддержку мультиязычности и RTL.
⚙️ Технологический стек:
- React (с функциональными компонентами и хуками)
- Axios (или fetch — уже используется)
- Bootstrap (или Tailwind – по проекту)
- i18next (планируется или уже установлен)
- React Router (уже используется)
- Git
✅ Основные задачи:
1. Подключение API к существующим страницам (12+)
Все страницы уже созданы и отображают демо-данные. Необходимо:
- Заменить заглушки на запросы к backend API
- Обработать состояния загрузки, ошибки, пустые данные
- Использовать useEffect, useState, useContext (если применяется)
Ключевые страницы:
- [ ] Главная (Dashboard) — сводка по системе (данные по всем часам, статистика, тревоги)
- [ ] Мониторинг пользователя — подробный трекинг конкретного пользователя/устройства
- [ ] Остальные (10+) — списки и таблицы с небольшими наборами данных (логи, история событий, статусы, обновления и т.п.)
2. Реализация новых страниц
- [ ] Страница “Список всех часов”
Таблица с фильтрами, статусами, кнопкой “Подробнее”
- [ ] Страница “Настройки устройства”
Отображение и редактирование параметров устройства
- [ ] Обработка сохранения и ошибок через API
3. Мультиязычность
- [ ] Подключить i18next или актуализировать его
- [ ] Вынести все тексты в словари (en.json, fr.json, ar.json)
- [ ] Поддержка переключения языка через селектор
- [ ] Проверка всех компонентов на соответствие локализации
4. RTL-режим
- [ ] Обеспечить корректное отображение интерфейса в режиме Right-to-Left
- [ ] Проверка всех UI-элементов и таблиц на адекватность верстки в RTL
🧪 Желательно:
- Понимание REST API и обработки авторизации через токены
- Опыт работы с дашбордами, административными панелями
- Умение адаптировать стили под RTL
- Опыт оптимизации производительности таблиц и загрузки данных
🔍 Что уже готово:
Все страницы в React уже созданы
- Пример структуры запроса с демо-данными (mock)
- Документация API будет предоставлена
- Эмулятор устройств (для генерации данных)
- Дашбоард развёрнут для тестов
- В команде так же будет разработчик который занимался дашбоардом для консультации
📁 Режим работы:
- Git-репозиторий (через Pull Requests)
- Канал связи: Telegram
- Работа по задачам и приоритету
Доступ к дашборду будет предоставлен избранным кандидатам в личном сообщении !
-
2512 4 0 Ден, приветствую. Заинтересовал ваш проект.
Наша команда Coderfy может подключить к API ваше приложение. У нас большой опыт с разработкой различных дашбордов.Также в команде у нас есть тестировщики, поэтому можем взять на себя также этот блок работ
-
532 5 1 Привет! Спасибо за возможность участвовать в проекте. Имею опыт работы с React, Axios, i18next, React Router и адаптацией под RTL, а также интеграцией с API и созданием дашбордов. Готов выполнить задачи по согласованной ставке и начать сразу. Вот мой план:
Подключение API:
Заменю демо-данные на запросы к API на 12+ страницах (Dashboard, Мониторинг пользователя и т.д.).
Обработаю состояния (загрузка, ошибки, пустые данные) с помощью useEffect, useState и useContext.
Новые страницы:
Создам "Список всех часов" с таблицей, фильтрами и кнопкой "Подробнее".
Реализую "Настройки устройства" с редактированием параметров через API, обработаю ошибки сохранения.
Мультиязычность:
… Обновлю i18next, вынесу тексты в en.json, fr.json, ar.json.
Добавлю селектор языков и проверю локализацию всех компонентов.
Режим RTL:
Обеспечу корректное отображение UI в Right-to-Left, проверю таблицы и элементы.
Тестирование и доставка: Проверю функциональность, оптимизирую производительность таблиц и передам через Git с PR.
Имею опыт с REST API и токенами, готов к консультациям в Telegram. Жду доступа к дашборду и деталей!
-
254 1 0 Привет! Готов взяться за ваш проект дашборда смарт-часов.
Мой опыт:
• 3+ года с React (хуки, функциональные компоненты, Context API)
• Интеграция REST API с обработкой состояний загрузки/ошибок
• Опыт с i18next и мультиязычностью
• Работал с RTL-интерфейсами (арабский/иврит)
• Знаком с дашбордами и админ-панелями
… По вашим задачам:
✅ Подключение 12+ страниц к API - стандартная задача
✅ Новые страницы (список часов, настройки) - без проблем
✅ i18next + локализация - делал неоднократно
✅ RTL-поддержка - есть опыт с Bootstrap/Tailwind в RTL
Подход к работе:
• Сначала изучу существующий код и API документацию
• Начну с критичных страниц (Dashboard, мониторинг)
• Регулярные коммиты и PR с описанием изменений
• Тестирование на всех языках и RTL-режиме
Готов начать сразу после ознакомления с проектом.
-
3777 111 3 5 Здравствуйте, Ден!
Подключу React-фронт к бэкенду.
С уважением, Юрий
-
548 2 0 Приветствую ✌️
Заинтересован в вашем проекте.
Буду рад вложить свой опыт и усилия для его успешной реализации.
С нетерпением жду вашего решения.
-
486 3 0 Добрый день!
Имею опыт интеграции REST API, работы с дашбордами, i18next и поддержки RTL.
Готов подключить API к вашим страницам, реализовать новые экраны, вынести тексты в словари, настроить мультиязычность и проверить RTL-режим.
Работаю с React + Hooks, использую Axios, знаком с i18next, Bootstrap/Tailwind, Git и workflow через Pull Request.
Готов начать сразу после доступа к репозиторию
-
544 13 0 А будут ли тут графики(в том же "Мониторинг пользователя ")?
Senionr Developer 5+ лет. Похоже на легкие задачи с которыми можно розвеятся)
По времени не скажу нужно смотреть.
-
9897 67 0 Привет! Выполню ваше задание быстро и качественно. Помогу подключить API к React
Мое портфолио: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Пишите, начну сегодня работать. Буду рад сотрудничеству с Вами!
-
10130 117 0 Здравствуйте.
Я NodeJS разработчик. Готов взяться. Пишите, обсудим.
-
219 2 0 Привет! Был опыт работы на проекте топовой логистической компании, где было огромное количество данных, таблиц, методов апи, и различной бизнес логики. Сейчас свободен и могу взятся за Ваш проект
-
84 Я Сеньор Фронтенд разработчик с опытом более 20-ти лет.
www.linkedin.com/in/eduard-klymenko-22409755
https://github.com/RFbkak37y3kIY
Я сделаю все наилучшим образом.
-
447 1 0 Добрый день!
Меня очень заинтересовала ваше предложение. Я — FullStack Web-разработчик с опытом в таких стеках, как PERN, MERN, PEVN, MEVN. Работаю с современными технологиями: Node.js (NestJS), React.js, PostgreSQL и другими инструментами из экосистемы JavaScript.
Вот что я могу вам предложить:
- Чистый и поддерживаемый код — использую ESLint и Prettier, чтобы код был структурированным, читаемым и легко поддерживаемым;
- Понятная архитектура — вся структура проекта будет логичной, без хаоса и «запутанных лесов»;
- Современные технологии — использование актуальных решений как на фронтенде, так и на бэкенде;
- Качественная и своевременная разработка — работаю ответственно, соблюдаю дедлайны;
… - Адаптивный дизайн в pixel-perfect;
- Локализация сайта;
- SEO — оптимизация для поисковых ботов;
- Четкое выполнение требований — все будет реализовано в соответствии с поставленным ТЗ.
Если вы ищете качество, чистую архитектуру и ответственного исполнителя — я на связи!
-
94002 1264 1 10 Здравствуйте.Есть большой опыт с React.Готов к позадачному сотрудничеству
-
6900 18 1 Добрый день
Я Middle Full-stack разработчик с 3+ годами опыта
Работал со всеми технологиями указаными в данной работе
Работаю быстро и на качество
Пишите, обсудим всё необходимые детали
-
1484 14 0 Здравствуйте, имею хороший опыт работы с API на React и Next.js. В том числе с токенизацией. Можем обсудить детали проекта.
-
322 Добрый день, могу помочь подключить апи к React приложению, уже имеется опыт, в основном я разработчик на React/Next.js, пишите в лс, обсудим
Актуальные фриланс-проекты в категории Веб-программирование
Нужно создать форму Gravity Forms по шаблону чатаНужно создать форму Gravity Forms по шаблону чата Знание или хотя бы понимание английского обязательно!!! Я предоставлю сайт, где имеется что-то типа онлайн чата где нужно выбирать опции и в зависимости от этих опций открываются новые поля... По итогу форма должна выглядеть… Веб-программирование ∙ 8 часов 31 минута назад ∙ 36 ставок |
Создание или корректировка сайта на opencartВсем привет! Предварительная ситуация для понимания: Заказал разработку сайта у Templatemonsters. Заранее согласовал ТЗ и купил у них шаблон. В итоге не соблюдены дэдлайны и вообще в итоге написали, что не могут сделать так, как согласовали. Хостинг купил по их рекомендации у… Веб-программирование, Интернет-магазины и электронная коммерция ∙ 16 часов 3 минуты назад ∙ 27 ставок |
Разработка AI мобильного приложения детских сказокИщу опытного разработчика или команду для создания мобильного приложения с искусственным интеллектом, которое будет генерировать короткие, добрые и возрастные сказки для детей простой, красивый и безопасный продукт, где родитель за пару минут может создать персональную сказку… AI и машинное обучение, Веб-программирование ∙ 17 часов 5 минут назад ∙ 35 ставок |
Betting нужно сделать букмекерскую контору! С ОПЫТОМНужно разработать betting-платформу / букмекерский продукт на базе готового шаблона. Основная задача — адаптировать шаблон под полноценную букмекерскую контору: подключить парсинг спортивных событий и коэффициентов, реализовать личный кабинет пользователя, баланс, ставки,… Python, Веб-программирование ∙ 17 часов 11 минут назад ∙ 30 ставок |
Переводчик для вордпресс.Нужно перевести сайт вордпресс c wocommerce на 30 языков. Плагин для удобного автоматического перевода. Что бы не прокликивать каждую страницу для переводов и каждый товар. Что бы делать исключения на определенные фразы. Можно было корректировать перевод. Автоматичесий перевод… Веб-программирование, Создание сайта под ключ ∙ 17 часов 41 минута назад ∙ 21 ставка |