Програма JS демонстрації заповнення таблиці
4000 UAH
УІ :
- таблиця, де кожна колона - це один співробітник, а клітини в колоні - це пацієнти, які повинні об'єднувати цей співробітник.Для кожного пацієнта встановлено час і тривалість візиту.(імена будуть дані пізніше)
Таблиця знаходиться в рамках монітора, щоб показати, що програма виконується на ПК.над монітором знаходиться поле з кнопками для дій та інформаційним блоком.- у блоку є три ікони і цифри, що описує стан таблиці.Всі зміни тексту супроводжуються легкою css-анімацією, щоб привернути увагу користувача.Переміщення клітин з однієї колони в іншу також має анімацію, щоб побачити зміни.Схеми симуляції:
1 .Таблиця порожняЄ тільки один кнопка «Заповнити».2 .При натисканні, кнопка зникає, на 3 секунди з'являється ротаючий прелодер.Після цього всі клітини заповнюються даними.У інформаційному блоку стоїть текст: "9 турів, 62 візити, загальний час 48 годин".3 .Після паузи в 2 секунди з'являється додатковий текст: "Співробітник А захворів.Що робити з пацієнтами? »та кнопки дій: «Поділити», «Перенесті».Приклад .ЧетвертийПри натисканні "Поділити", клітини 4-ї колони розподіляються в запланованому порядку на інші колони.При натисканні "Перенесті", 4-й колона видаляється і праві колони переміщаються на одну ліворуч.У інформаційному блоці змінюється текст.5 .Після паузи в 2 секунди з'являється новий сценарій: "Пацієнт А не доступний о 10 ранку.Перенести візит? »і кнопки дій: «Після обіду», «за тиждень».Вибір "за тиждень" -> пацієнт з 3-ї колони і 2 клітини видаляється.Вибір «Після обіду» -> клітини 3-го колони переміщається так, щоб пацієнт А мав час відвідування після 14.Динаміка :
Кожна клітина (пацієнт) має час відвідування, наприклад, 10.24 - 10.35.
Коли клітини змінюються в позиції, то час всіх пацієнтів має бути коректований.Щоб не замерзати з перерахуванням, простіше створити окремі json-файли стану таблиці при кожному кроці і вручну витрачати час.При зміні таблиці, нові дані читаються і відображаються.Вимоги до результату:
- на виході повинно бути 3 файли: js, css, html, щоб легко вставити в діючий проект.У html, як демо-сторінка, завантажується бібліотека react і написані вами код js.Не мінімізований, читаний код, без використання важких фрейворків типу create-react-app.Можна використовувати додаткові бібліотеки, якщо вони не перевищують 200к.- вся програма за шириною і висотою займає 100% сторінки
- Responsive не потрібен, але адекватне скалювання таблиці.Клієнт в 99% дивиться цю програму на ПК.
Відгук замовника про співпрацю з Артёмом Зинатулиним
Програма JS демонстрації заповнення таблиціДобре і швидко зроблена робота. Дуже багато дякую.
Відгук фрилансера про співпрацю з Ігорем Савченком
Програма JS демонстрації заповнення таблиціВсе чудово! Дякуємо за співпрацю!
-
4 дні3000 UAH
310 24 0 1 4 дні3000 UAH
Доброго дня, мені цікавився ваш проект.
Я веб-розробник з 3-річним стажем.
Знайомство з японом: Python, JS, PHP.
Фреймворками: laravel, django, vue, Electron Бібліотеками: react, jq, bootstrap.
CMS: Wordpress, Tilda і OpenCart.
Портфоліо доступно в профілі. Якщо потрібні ще приклади, дайте знати. Я надаю у відповідній повідомленні (включаючи всі необхідні файли та доступу).
…
GITHUB - http://github.com/romych97/
Сподіваюся на ваш відповідь.
З повагою
-
4 дні1200 UAH
177 4 дні1200 UAH
Здоров’я Ігор.
Я можу зробляти і програмувати ваш браузерний програмне забезпечення якісно і в терміні.
Має досвід роботи в фронт-енді більше року. Програмував і програмував не один сайт. Код я буду писати на чистому JS, так як програма не велика і реакт буде надлишковою навантаженням.
Більш детально ми можемо обговорити справу в ЛС, зв'яжіться.
-
14 днів1000 UAH
33 14 днів1000 UAH
Добрий день . Пропонуємо уточнити ТЗ у особистому доповіді. Будемо раді співпрацювати
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Розробка платформи AM Mobility (автосервіс, парковка, страхування, оренда автомобілів)
259 176 UAH
Шукаємо команду або досвідченого Full Stack розробника для створення MVP платформи AM Mobility. AM Mobility — це єдина цифрова екосистема для автомобілістів, що об'єднує в одному додатку та веб-платформі: парковку; автосервіс; шиномонтаж; автомийку; оренду автомобілів;… Javascript та Typescript, Веб-програмування ∙ 3 дні 18 годин тому ∙ 106 ставок |
Gsap анімації
1000 UAH
Доброго дня. Треба внести правки в поточному проєкті. Потрібен фахівець, який добре працює на gsap/lenis Треба зробити анімацію карточок. Детально ТЗ тут: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Треба проявити креатив та… Javascript та Typescript, Веб-програмування ∙ 4 дні тому ∙ 21 ставка |
Комерційна on-premise платформа відеозв'язку «ViM»Требуется разработати on-premise систему відеозв'язку з базовим розрахунком на 100 одночасних підключень (10 ізольованих кімнат по 10 осіб). Платформа повинна мати закладену архітектуру для майбутнього горизонтального масштабування до 1000 користувачів шляхом додавання нових… Javascript та Typescript, Веб-програмування ∙ 4 дні 19 годин тому ∙ 32 ставки |
Шукаю наставника з Claude Code для запуску веб-проєкту з нуля**Коротко про завдання:** Я новачок без досвіду в програмуванні. Є готове ТЗ на розробку сайту (42 сторінки, Next.js, PostgreSQL). Хочу реалізувати його самостійно за допомогою Claude Code - потрібен спеціаліст, який налаштує середовище і навчить мене працювати з інструментом.… Javascript та Typescript, Навчання ∙ 5 днів 23 години тому ∙ 18 ставок |
Оновлення дизайну на сайтіПотрібно оновити дизайн існуючого сайту, використовуючи HTML, CSS, JS: освіжити зовнішній вигляд, зробити його сучасним і адаптивним під мобільні пристрої. Потрібно додати плавні анімації та інтерактивні елементи. HTML та CSS верстання, Javascript та Typescript ∙ 6 днів 17 годин тому ∙ 91 ставка |
Berlin