Реалізувати адресну книгу
У користувача має бути можливість авторизуватися. Якщо введені дані користувача співпадають з вже наявними, то здійснити вхід, якщо такого користувача немає, то запропонувати створити обліковий запис (автоматична реєстрація) після чого здійснити автоматичний вхід. Якщо якісь дані для входу не співпали, наприклад, пароль, то вивести про це відповідне повідомлення.
Відповідно має бути і кнопка Вихід, для завершення поточного сеансу.
Кожен запис книги містить інформацію:
- Прізвище (обов'язкове поле)
- ім'я (обов'язкове поле)
- країна
- місто
- email (обов'язкове поле)
- номер телефону (обов'язкове поле)
- місце роботи (назва компанії)
Користувач повинен мати можливість додавання, редагування, видалення, перегляду списку всіх записів в таблиці (поля прізвище та ім'я, email і номер телефону) та можливість перегляду розширеної інформації про вибраний запис (модальне вікно). При створенні\редагуванні запису, забезпечити перевірку на валідність даних, які вводяться.
Якщо email чи телефон нового контакту при створенні співпали з вже наявним в базі (масиві), то вивести про це повідомлення, і запитати чи провести мерджинг даних - дозаповнити старий запис новими даними, чи створити новий контакт (якщо співпадіння два або більше то мати можливість вибору, який запис перезаписати).
Також забезпечити можливість сортування та фільтрації записів в списку (для фільтру по полям країна та місто використати select) Фільтри країни та міста є в основній таблиці, а дані про них видні тільки у модалці(якщо вони є).
В першому стовпці таблиці навпроти кожного запису є checkbox, що забезпечує можливість вибору кількох записів, які потім можна видалити разом (наприклад, як в gmail - обрали кілька листів, і видалили їх цілою групою). При видаленні запису(-ів) забезпечити підтвердження дії (наприклад, через confirm).
Також повинна бути кнопка Експорт, яка зберігає вибрані дані (через ті ж checkbox в таблиці) в сsv файл.
Реалізувати збереження записів між сеансами (в local storage). Відповідно, тут зберігаємо дані і про самих користувачів, і про їхні контакти.
- Список міст та країн підтягувати з google place autocomplete.
- Реалізувати кнопку Імпорт даних, яка доступна у випадку коли в таблиці немає даних, при натисненні на цю кнопку в таблицю додаються записи про контакти з json файлу.
- Обовязково реалізовувати завдання потрібно на ES6 й через ООП, , без сторонніх бібліотек й фреймворків.
В якості HTML/CSS фреймворку використати Bootstrap(важливо), краса верстки не є пріоритетною.
-
86 Добрый день,я ознакомился с вашим заказом и готов выполнять
(Я уже выполнял такие заказы)
-
спам какой то пошел
-
Актуальные фриланс-проекты в категории Javascript и Typescript
Разработка платформы AM Mobility (автосервис, парковка, страхование, аренда автомобилей)
259 176 UAH
Ищем команду или опытного Full Stack разработчика для создания MVP платформы AM Mobility. AM Mobility — это единая цифровая экосистема для автомобилистов, объединяющая в одном приложении и веб-платформе: парковку; автосервис; шиномонтаж; автомойку; аренду автомобилей;… Javascript и Typescript, Веб-программирование ∙ 3 дня 1 час назад ∙ 102 ставки |
Gsap анимации
1000 UAH
Добрый день. Нужно внести правки в текущем проекте. Нужен специалист, который хорошо работает на gsap/lenis Нужно сделать анимацию карточек. Подробное ТЗ здесь: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Нужно… Javascript и Typescript, Веб-программирование ∙ 3 дня 7 часов назад ∙ 21 ставка |
Коммерческая on-premise платформа видеосвязи «ViM»Требуется разработать on-premise систему видеосвязи с базовым расчетом на 100 одновременных подключений (10 изолированных комнат по 10 человек). Платформа должна иметь заложенную архитектуру для будущего горизонтального масштабирования до 1000 пользователей путем добавления… Javascript и Typescript, Веб-программирование ∙ 4 дня 2 часа назад ∙ 32 ставки |
Ищу наставника по Claude Code для запуска веб-проекта с нуля**Кратко о задаче:** Я новичок без опыта в программировании. Есть готовое ТЗ на разработку сайта (42 страницы, Next.js, PostgreSQL). Хочу реализовать его самостоятельно с помощью Claude Code - нужен специалист, который настроит среду и научит меня работать с инструментом. ---… Javascript и Typescript, Обучение ∙ 5 дней 6 часов назад ∙ 18 ставок |
Обновление дизайна на сайтеНужно обновить дизайн существующего сайта используя HTML, CSS, JS: освежить внешний вид, сделать его современным и адаптивным под мобильные устройства. Требуется добавить плавные анимации и интерактивные элементы . HTML и CSS верстка, Javascript и Typescript ∙ 6 дней назад ∙ 90 ставок |