Drawing App - Copy this React, Tailwind Component to your project

Описание-структуры-интерфейса:-Работа-в-приложении-начинается-с-окна-логина,-которое-выполняет-функцию-авторизации-пользователя-и-определения-его-роли.-На-этом-этапе-пользователь-может-иметь-одну-из-следующих-ролей:-•-Администратор-преподаватель-•-Студент-После-успешного-входа-пользователь-перенаправляется-в-соответствующее-главное-окно,-которое-включает-только-те-функции,-которые-относятся-к-его-роли.-Это-позволяет-разграничить-права-доступа-и-обеспечить-безопасность-системы.-Функционал-интерфейса-по-ролям:-1)-Администратор-преподаватель,-интерфейс-которого-включает-в-себя---Регистрацию-студентов---Создание/изменение-заданий---Просмотр-выполненных-заданий-2)-Студент,-интерфейс-которого-включает-в-себя---Просмотр-заданий---Меню-построения-фигур-1.-Выбор-фигуры-2.-Выбор-метода-3.-Ввод-данных-в-формулы-4.-Окно,-в-котором-строится-фигура---Отправку-заданий-По-этому-описанию-структуры-интерфейса-создай-мне-графический-интерфейс-приложения-для-черчения-в-нейтральной-цветовой-гамме,-с-шрифтом-калибри-12пт