Суть задачи: добавить в админ панель сайта nowacademy.io функционал разметки текстов статей. В самой админ-панели это должно быть реализовано через доп. поля или новые кнопки текстового редактора, то есть без необходимости писать код, каждый раз, когда добавляешь статью. Макета для админ-панели нет, нужно что-то простое и понятное.
Стек: React + Node + Strapi + БД (предоставлю бекапы фронта и бека, дамп базы и доступ к Strapi)
Описание задачи: в подготовленном макете (
есть две фичи, которые невозможно реализовать на фронте из-за динамически генерируемых страниц.
Первая фича – некоторые блоки в статьях должны быть не с обычным чёрным фоном, а с белым (см. скрин). По умолчанию все блоки генерируются с чёрным фоном, соответственно нужно добавить в админ-панель возможность помечать случайные блоки текста, чтобы они генерировались на фронте с белым фоном.
Вторая фича – в текстах статей встречаются термины, которые нужно пояснять пользователям. В макете эта проблема была решена с помощью покраски термина в зелёный цвет и добавления тултипа с определением термина, который появляется при наведении на сам термин (см. скриншот). Аналогично первой фиче, нужно добавить в админ-панель возможность разметки случайных слов и словосочетаний как терминов и добавления к ним определений, которые будут показывать только при наведении на термин.
Важно: если термин в тексте расположен в белом блоке (то есть блоке с белым фоном из описания первой фичи), то тултип должен быть синего цвета, а если в чёрном блоке, то белого. Расположение тултипа зависит от расположения термина в строке. Должно быть понятно к какому слову он относится и при этом он не должен вылезать за границы контейнера справа и слева.
Называйте комфортные вам сроки и стоимость