Frontend-разработка компонентов сервиса на React

3 000 руб. за проект • безналичный расчёт, электронные деньги
31 января 2019, 17:38 • 6 откликов • 88 просмотров
Привет! Мы завершаем разработку веб-сервиса, и ищем аутсорс-фронтенда, который поможет допилить несколько компонентов клиентской части.


Используемые технологии:

  • React
  • Redux
  • Axios
  • Styles-components

О сервисе Сервис – это веб-приложение, позволяющее клиентам заказывать написание и публикацию текстов. Исполнители пишут эти тексты, а постеры – публикуют. Необходимо сверстать и подключить к интерфейсу компоненты для написания текстов, публикации, списки заданий для авторов и т.д.


Что нужно сделать (пример заданий):

Сверстать дизайн компонентов из UI-kit, подключить его к логике (скелету) интерфейса.

Бэкенд уже собран и работает, данные отправляются и принимаются, но отображаются только в виде JSON параметров. Нужно соединить логику этих параметров, исходя из UI-kit и макетов страниц.


Страница списка задач

Страница со списком задач:

  • Список с компонентами “задача”
  • Вкладки, сортирующие список по параметрам задачи “статус”.

Задачи бывают двух видов: написание и публикация, у каждой задачи есть статус (в ленте, написание, проверка, выполнена).

Для каждого статуса/типа задачи есть соответствующее отображение и возможные действия.


Компонент “написание текста”

Из списка задач можно перейти в задачу на написание текста.

  • Компонент “задание” отображает данные с сервера в виде текста для исполнителей.
  • Форма написания принимает и валидирует текст по длине.
  • Активные кнопки действий, отображающиеся в зависимости от статуса задачи и результата валидации.

Компонент “Публикация текста”

Из списка задач можно перейти в задачу на публикацию текста.

  • Компонент “текст” отображает данные с сервера в понятном виде, созданный ранее текст и данные для последующих действий с данным текстом.
  • Форма публикации принимает и валидирует данные.
  • Активные кнопки действий, отображающиеся в зависимости от статуса задачи и результата валидации.

Как будем работать:

  • Обсуждаем задачу, формируем ТЗ и согласовываем стоимость;
  • Возможна предоплата.
  • Мы дадим тебе первое задание, и если результат устроит нас всех, то дадим еще 7 аналогичных проектов.

Важно понять и реализовать решение проблем пользователей, а не просто следовать ТЗ. ТЗ нам нужно чтобы убедиться что вы правильно поняли задачу.


Навыки:

react redux axios styled-components