Создание страницы c использованием React на основе шаблона Material UI
1500 UAHНеобходимо создать фронтенд на React для страницы приложенного вида на основе элементов шаблона Devias Kit Pro Material UI.
Данные для блоков "General Data" и "Required Staff" должны вычитываться из JSON-структуры, пример в приложенном файле "Project_data". Кнопки редактирования упомянутых блоков пока декоративные. Плашка "Team is not complete" связана с заполнением блока "Project Timeline".
Начальный вид блока "Project Timeline" формируется также в соответствии с содержимым того же JSON в виде графика, как на приложенном рисунке "Create Project", т.е. в левой колонке специальность. Слоты, сформированные под необходимых специалистов, будут заполняться конкретными работниками, которых можно выбрать в таблице ниже путем обозначения чек-бокса перед миниатюрой фото и подтверждением выбора нажатием кнопки "Add to Timeline", пока ничего не выбрано кнопка белого цвета, как "Approve Timeline" на рисунке. Таким образом строка добавленного работника должна помещаться на графике перед строками соответствующей специальности и квалификации, т.е. если работник имеет специальность Механик квалификации 2, его строка в графике должна появиться между строк Механик квалификации 1 и квалификации 2, если Механиков квалификации 2 требуется больше одного человека. По умолчанию рабочие дни выбранного работника должны добавляться на весь срок проекта, иначе строка работника заменяет строку вакансии, т.е. становится между специалистами квалификации 1 и 3.
При наведении на строку добавленного работника, в конце строки должна появляться кнопка меню как на рисунке "Project Card" с опциями редактирования общего количества дней работника на проекте и добавлением выходных дней для него. Реализоваться этот функционал должен посредством всплывающих окон соответствующего вида: "Define start and finish date ..." при выборе пункта"Edit range" и "Add days off ..." при выборе "Add days off" соответственно. В случае, когда для выбранного работника количество рабочих дней уменьшается с заданного по умолчанию (вся протяженность проекта) на меньший отрезок времени, после его строки в графике должна появиться строка соответствующей вакансии той же специальности и квалификации, что у работника. То же самое должно происходить, если для работника добавлен отпуск с обозначением чек-бокса "Replacement needed".
Предусматривается выбор лидера проекта "Project Leader" путем выбора его из добавленных на график работников с квалификацией 3 и работников с ролью "Sv" (Supervisor). Выбранный лидер должен переходить в верхнюю строку графика независимо от специальности.
Поиск работников в блоке фильтров ("Search employees") должен происходить по имени либо фамилии, либо их сочетанию. Если ни одна из специальностей для поиска не выбрана - показываются все, супервайзеры, тимлиды и интерны - наоборот, т.е. исключены до обозначения чек-бокса. Работников прошу захардкодить штук 11, для пагинации.
Плашка "Team is not complete" в верхнем блоке сохраняется до тех пор, пока в левом столбце графика остаются вакансии.
Приложения 3
Отзыв заказчика о сотрудничестве с Serhii Kyselov
Создание страницы c использованием React на основе шаблона Material UIОтличный специалист! Ставки адекватные, максимально пунктуален, контакт беспроблемный. Спасибо за работу, будем продолжать сотрудничество
Отзыв фрилансера о сотрудничестве с Сергеем Повзанюком
Создание страницы c использованием React на основе шаблона Material UIКак и в прошлый раз, все отлично, продолжаем сотрудничать, рекомендую
Актуальные фриланс-проекты в категории Javascript и Typescript
Разработка корпоративной финансовой системы — React, TypeScript, Node.jsИщем опытного full-stack разработчика или небольшую команду для разработки корпоративной финансовой системы с нуля. Необходимо реализовать полный цикл разработки: проектирование архитектуры, backend, frontend, базу данных, тестирование и запуск системы. Технологии: Frontend:… Javascript и Typescript, Веб-программирование ∙ 10 часов 50 минут назад ∙ 53 ставки |
Game Developer
53 739 UAH
Ищем опытного разработчика игр для доработки существующего проекта на PixiJS. Необходимо улучшить математическую систему игры, переработать и сбалансировать бонусные раунды, а также внести изменения в текущую игровую логику. Обязателен опыт коммерческой разработки игр и… Javascript и Typescript, Разработка игр ∙ 15 часов 31 минута назад ∙ 13 ставок |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 15 часов 31 минута назад ∙ 24 ставки |
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 2 дня 6 часов назад ∙ 31 ставка |
Разработка платформы AM Mobility (автосервис, парковка, страхование, аренда автомобилей)
259 707 UAH
Ищем команду или опытного Full Stack разработчика для создания MVP платформы AM Mobility. AM Mobility — это единая цифровая экосистема для автомобилистов, объединяющая в одном приложении и веб-платформе: парковку; автосервис; шиномонтаж; автомойку; аренду автомобилей;… Javascript и Typescript, Веб-программирование ∙ 7 дней 12 часов назад ∙ 119 ставок |