Интерфейс работы с контентом в виде Календаря. React, TS, MUI

100 000 руб. за проект
18 сентября 2024, 18:58 • 21 отклик • 86 просмотров
Проект: Разработка интерфейса управления контентом для портала (React/TypeScript)

Описание задачи:
Необходимо разработать пользовательский интерфейс для управления контентом на действующем портале. Основной задачей является создание функционала для работы с событиями (ивентами) на основе существующего дизайн-макета в Figma и предоставленных юзкейсов. Бэкэнд находится на стадии разработки, поэтому потребуется тесное взаимодействие с ним, однако бэкенд должен разрабатываться с опережением.


Требуемый функционал:

1. Календарь для событий (ивентов):
• Реализация календаря с четырьмя режимами отображения: месяц, неделя, день, агенда.
• Фильтрация событий по типам для всех режимов отображения.
• Возможность создания ивентов с нуля или на основе черновика через кнопку создания или drag-and-drop.

2. Стилизация и кастомизация календаря:
• Кастомизация дефолтного компонента календаря в соответствии с дизайн-макетом.
• Переопределение части стандартной логики календаря для реализации уникального функционала.

3. Контент для отображения в стиле Telegram постов:
• Реализация компонента, который будет отображать контент, стилизованный как посты в Telegram (с сохранением всех стилей, эмодзи и форматирования).


Что важно:
Кастомизация FullCalendar: Большая часть работы связана с глубокой стилизацией компонента FullCalendar (https://fullcalendar.io) и изменением его стандартной логики.
Телеграм-стиль для контента: Контент, создаваемый в календарных ивентах, должен быть стилизован как посты Telegram, с сохранением всех визуальных элементов (включая премиум эмодзи).


Необходимые технологии и навыки:
React (работа с функциональными компонентами)
TypeScript (уверенное владение)
Redux Toolkit (управление состоянием приложения)
TanStack Query (React Query) (работа с асинхронными данными)
Day.js (или другая библиотека для работы с датами)
Работа с всплытием и погружением событий (event bubbling/capturing)
Material UI (кастомизация компонентов)
FullCalendar (опыт кастомизации и стилизации или желание и возможность изучить). Если есть опыт работы с другими библиотеками компонентов с сопоставимой функциональностью - это будет поводом сменить требования на нее.



Ресурсы, которые мы предоставим:
• Дизайн-макет в Figma.
• Подробные юзкейсы и диаграммы последовательности.


Требования к исполнителю:
• Опыт разработки интерфейсов с использованием вышеуказанных технологий.
• Умение работать с макетами и точно следовать дизайн-спецификациям.
• Опыт стилизации компонентов и кастомизации библиотек.


Как начать:
Если вас заинтересовал проект, пожалуйста, откликнитесь, указав сроки выполнения и подробнее описав ваш релевантный опыт. Обсудим детали проекта и предоставим доступ ко всем необходимым материалам.
Файлы