Просмотр вакансии

Доработка готового редактора (например, Novel.sh или TipTap) с блоковой структурой и возможностью динамического добавления/редактирования контента (текст, изображения, списки, заголовки и т.п.), включая:

1) Блоковую архитектуру контента. Необходимы такие элементы как:

• a. Заголовок текста (H1, H2, H3)
• b. Формат: обычный, цитата, зачёркнутый, подчёркнутый
• c. Цвет текста и фона для текста
• d. Список (маркированый и нумерной)
• e. Спойлер (например, для сокрытия большого текста)
• f. Добавление ссылки
• g. Добавление фото
• h. Добавление карусели фото (до 10 штук)
• i. Добавление видео
• j. Добавление звуковых файлов
• k. Отображение программного кода
• l. Добавление файла фигмы, как в Behance

2) Drag & drop для перестановки блоков

3) Хранение структуры в виде JSON

4) Интеграция с backend по API (сохранение, загрузка, обновление)

5) Удобный UX: "+" для вызова списка комманд, автосохранение

6) Респонсивная верстка и чистая архитектура компонентов

7) А также разработка других разделов сайта (страница настроек и т.д.)

Требования:

1) Опыт работы с Next.js, React от 2 лет

2) Отличное понимание React Hooks, state management (Zustand)

3) Уверенная работа с TypeScript

4) Опыт создания собственных UI-компонентов, включая drag & drop

5) Понимание архитектуры блоковых редакторов

6) Умение интегрировать rich text editors (TipTap, Slate.js, Draft.js и др.)

7) Внимание к деталям в UI/UX

8) Умение работать с фигмой, делать пиксель в пиксель

9) Умение работать с SCSS и с переменными в CSS. Понимание глобальных и компонентных стилей

10) Опыт работы с библиотеками tanstack/react-query, react-hook-form, axios, zustand

11) Опыт работы с React CSS модулями

12) Работа с ESLint

Будет плюсом:

1) Опыт работы с SSR/SSG в Next.js

2) Понимание принципов работы Notion и подобных редакторов

1) Гибкий график

2) Оплата сдельная — обсуждается по результатам собеседования и объёму задачи

3) Работа в связке с fronted-разработчиком (Next.js) и backend-разработчиком (Laravel)

Важно при отклике:

Напишите:

1) Пару слов о себе и опыте с редакторами/Next.js

2) Примеры похожих проектов (можно на GitHub)

3) Ваш Telegram