Создание страницы c использованием React на основе шаблона Material UI
1500 UAHНеобходимо создать фронтенд на React для страницы приложенного вида на основе элементов шаблона Devias Kit Pro Material UI (https://mui.com/store/items/devias-kit-pro/ уже приобретен).
Страница представляет собой в целом создание графика работников 3х специальностей разного уровня квалификации (от 0 до 3). Первый блок "General Data" формирует протяженность графика в календарных днях от "Start Date" до "Finish Date", т.е. должен быть горизонтальный скролл.
Количество строк и их цвет зависит от данных, введенных во втором блоке "Required Staff". Добавляться они могут динамически, но только в порядке, указанном на графике, т.е. если увеличить число "Mechanics" столбца 2, то на графике должна добавиться строка "Mechanic" голубого цвета между желтыми и зелеными строками "Mechanic" (если они были добавлены), после красных, если желтых не добавили, либо же в самом верху графика, если не добавлено ни желтых, ни красных. Логика аналогична для остальных специальностей.
Действие так же должно работать в обратную сторону, т.е. убирать соответствующие строки графика при уменьшении чисел, введенных в блоке "Required Staff".
При клике на добавленную строку графика должно появляться всплывающее окно для заполнения длительности нахождения специалиста на проекте (как на рисунке). После выбора дат и подтверждения выбора это же всплывающее окно должно всплывать по клику на выбранной линии, т.е. должна быть возможность модификации выбранного временного отрезка.
Поле "Total number ..." под графиком рассчитывается как произведение количества рабочих дней, заполненных для всех специальностей на графике (с вычетом воскресений) на количество рабочих часов в день (поле "Working day, hours").
Поле "Description" в нижнем блоке не несет логической нагрузки (просто текст).
Приложения 1
Отзыв заказчика о сотрудничестве с Serhii Kyselov
Создание страницы c использованием React на основе шаблона Material UIЗадание было выполнено в срок, и в соответствии с техническим заданием. Очень рад сотрудничеству
Отзыв фрилансера о сотрудничестве с Сергеем Повзанюком
Создание страницы c использованием React на основе шаблона Material UIОтличный заказчик, интересное задание, было очень приятно работать вместе. Рекомендую к сотрудничеству.
-
194 Добро пожаловать! Я фуллстек разработчик с опытом в Python (Flask и Django) и базах данных (MySQL, PostgreSQL, MongoDB). Готов создать фронтенд на React для вашего проекта на основе Devias Kit Pro Material UI. Задача заключается в создании графика рабочих часов для специалистов различного уровня квалификации, где количество строк и их цвета зависят от данных введенных в блок "Required Staff". Логика будет включать динамическое добавление и удаление строк графики в зависимости от введенных значений. Также реализую возможность менять длину рабочих часов через всплевающее окно. Учитывая детали, для точной оценки пожалуйста свяжитесь для обсуждения. Буду рад помочь вам!
-
202 У меня есть большой опыт в создании сайтов, и я готов приступить к работе над вашим проектом!
Сталепромышленная компания:
Международная логистика: http://inprommetall.ru/
Американский логистический B2B сервис: https://neweasyway.com/
Биржевые брокеры: https://a-avangard.ru/
Финансовый консалтинг: https://irs-consulting.ru/
Торговый (трейдовый) робот:
Международные брокеры водного транспорта: https://robotsakura.ru/
-
292 Доброго времени суток.
Готов взяться за ваш проект, подобные проекты уже делал, когда делал админ панель для сайтов.
Работаю по часовой ставке, подробности можно обсудить в ЛС
-
715 22 0 Добрый день.
С радостью возьмусь за работу. Опыт работы более 3 лет. Если выберите меня, то нам нужно будет созвониться и еще раз все проговорить, чтобы понимать, что мы хочем увидить на выходе.
-
4751 84 0 1 Добрый день, у меня большой опыт работы с react, готов выполнить ваш проект, по описанию ничего сложного нет
-
1558 10 1 1 Я занимаюсь веб-разработкой более 3 лет.
Вы можете быть уверены, что работа будет выполнена качественно.
Веб-разработчик
Резюме квалификаций
• более 3 лет опыта в разработке Full-Stack на JavaScript.
• - языки: HTML / CSS, JavaScript,
• - Платформа: Node.js
• Библиотека React.js,
… • Frameworks: Express.js, LoopBack, Nest.js.
Я очень отданный и ответственный человек. Вы можете быть уверены, что ваша работа будет выполнена вовремя и качественно.
привычки
Языки программирования / Технологии
• JavaScript
• HTML / CSS
• Типскрипт
• Node.js
• MongoDB
• MySQL
• Postgresql
• Останавливающаяся API
• Axios
• Экспресс
• Socket.io
• Nest.js
Инструменты разработки
• ГИТ
• ESLINT
• Webpack
• Битбукет
• Стилизованные компоненты
• React.js
• Redux
• Redux-Saga
• Bootstrap
• MOBX
Общие навыки
• ООП
Инструменты управления
• Джира
• Slack
• ТРЕЛО
Язык
• Английский - свободно
• Украинская - Родная
-
157 1 1 Привет ) является командой разработчиков и не только ) Мы можем реализовать это. У нас есть работа с MUI и этими темами ) Если интересно пишите в ПП обсудим подробности )
Актуальные фриланс-проекты в категории Javascript и Typescript
Верстка React/Tailwind компонента для друка бланка А4Необходимо исправить UI/UX дизайн и геометрию одного React-компонента (шаблон клинической карты для печати в PDF) Весь функционал, массивы данных и логика уже написаны и работают — нужна чисто косметика, правильные отступы и позиционирование элементов с помощью Tailwind CSS… HTML и CSS верстка, Javascript и Typescript ∙ 2 часа 25 минут назад ∙ 22 ставки |
Ищу опытного Full Stack разработчика для создания SaaS-сервиса для интернет-магазинов.Идея сервиса: Клиент загружает ссылку на свой товарный фид (XML или CSV). Сервис автоматически получает товары, берет их фотографии и создает новые рекламные изображения по готовым шаблонам: цена, скидка, логотип, акционные плашки и т.д. Также в сервисе должен быть простой… Javascript и Typescript, Веб-программирование ∙ 23 часа 35 минут назад ∙ 72 ставки |
Разработка WebGL/Three.js сцены с генерацией и экспортом 3D (snapshot) из анимированного шейдераОписание объекта:Проект представляет собой дизайнерский стол, выполненный в форме реалистичного, глубокого водоворота (центральная воронка, которая плавно переходит из широкой горизонтальной столешницы в тонкую изящную ножку). Суть задачи:Требуется WebGL / Creative Coding… Javascript и Typescript, Веб-программирование ∙ 1 день 20 часов назад ∙ 29 ставок |
Поддержка и развитие сайта клининговой компании
906 UAH
Ищу веб-разработчика / веб-мастера для долгосрочной поддержки и развития сайта клининговой компании. Сайт: https://donely.ca О проекте DoneLy Home Services — компания по предоставлению услуг уборки в Канаде, которая активно развивается и расширяет географию работы. Ищу… Javascript и Typescript, Веб-программирование ∙ 3 дня 21 час назад ∙ 63 ставки |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 4 дня 23 часа назад ∙ 27 ставок |