Натянуть готовый MUI шаблон на SaaS прототип (React + TypeScript) (для всех)

Категория: Сайты и IT

Бюджет: 3,500.00 руб.

Срок выполнения: 3 дней.

Город: Удаленная работа

Описание задачи:

Ищу человека, который понимает, что такое оси, отступы, т.е. понимает, что дизайн – это не изображение, а вполне себе логика. Ищу для того, чтобы привести первый прототип проекта в соответствие с MUI шаблоном https://aurora.themewagon.com/apps/invoice/invoice-list
Т.к. шаблон довольно большой, возможно придется согласовывать какой вариант таблицы, к примеру, берем или других элементов, которых в шаблоне более одного.

Стек: React + TypeScript + Vite. Для интерфейса используется Material UI, стилизованный под Aurora.
Сейчас есть прототип SaaS проекта. Свёрстанный, довольно близко к шаблону, но не до конца, хотя фронтенд рабочий.

Первый подэтап – проинтегрировать шаблон и сделать страницу профиля, чтобы убедиться, что все ok. Второй – все остальное.

Страницы/интерфейсы:
- модальное окно создания нового аккаунта
Страница Редактирование профиля
Страница Обзор с чеклистом, что делать в первую очередь
Страница Чат – страница с диалогом и полем ввода как в ChatGPT
Страница Источники знаний с таблицей источников
- модалка добавления нового источника с плитами выбора типа источника, для каждого из трех типов форма. К примеру, для типа сайт – поле для ввода сайта
Страница интеграции – пока тестовый контент
Страница Настройки аккаунта
Страница Список участников – таблица с пользователями, инвайтами и модалкой добавления
Страница Помощь – пока тестовый контент
Страницы Авторизации/регистрации/смены пароля

В приложенном файле можно увидеть как выглядит интерфейс сейчас и как выглядит Aurora шаблон

Требуемые навыки: Программирование / TypeScript

Заказчик: @fl_client

FL-Core — Биржа безопасных сделок и фриланса

FL-Core — современная инновационная платформа для поиска заказчиков и исполнителей. Безопасная сделка, удобный чат, кастомные услуги и прозрачный арбитраж.

Разделы сайта:

  • Услуги фрилансеров (Кворки)
  • Каталог фрилансеров
  • Справка и помощь (FAQ)
  • Контакты и реквизиты