Реалізувати адресну книгу
У користувача має бути можливість авторизуватися. Якщо введені дані користувача співпадають з вже наявними, то здійснити вхід, якщо такого користувача немає, то запропонувати створити обліковий запис (автоматична реєстрація) після чого здійснити автоматичний вхід. Якщо якісь дані для входу не співпали, наприклад, пароль, то вивести про це відповідне повідомлення.
Відповідно має бути і кнопка Вихід, для завершення поточного сеансу.
Кожен запис книги містить інформацію:
- Прізвище (обов'язкове поле)
- ім'я (обов'язкове поле)
- країна
- місто
- email (обов'язкове поле)
- номер телефону (обов'язкове поле)
- місце роботи (назва компанії)
Користувач повинен мати можливість додавання, редагування, видалення, перегляду списку всіх записів в таблиці (поля прізвище та ім'я, email і номер телефону) та можливість перегляду розширеної інформації про вибраний запис (модальне вікно). При створенні\редагуванні запису, забезпечити перевірку на валідність даних, які вводяться.
Якщо email чи телефон нового контакту при створенні співпали з вже наявним в базі (масиві), то вивести про це повідомлення, і запитати чи провести мерджинг даних - дозаповнити старий запис новими даними, чи створити новий контакт (якщо співпадіння два або більше то мати можливість вибору, який запис перезаписати).
Також забезпечити можливість сортування та фільтрації записів в списку (для фільтру по полям країна та місто використати select) Фільтри країни та міста є в основній таблиці, а дані про них видні тільки у модалці(якщо вони є).
В першому стовпці таблиці навпроти кожного запису є checkbox, що забезпечує можливість вибору кількох записів, які потім можна видалити разом (наприклад, як в gmail - обрали кілька листів, і видалили їх цілою групою). При видаленні запису(-ів) забезпечити підтвердження дії (наприклад, через confirm).
Також повинна бути кнопка Експорт, яка зберігає вибрані дані (через ті ж checkbox в таблиці) в сsv файл.
Реалізувати збереження записів між сеансами (в local storage). Відповідно, тут зберігаємо дані і про самих користувачів, і про їхні контакти.
- Список міст та країн підтягувати з google place autocomplete.
- Реалізувати кнопку Імпорт даних, яка доступна у випадку коли в таблиці немає даних, при натисненні на цю кнопку в таблицю додаються записи про контакти з json файлу.
- Обовязково реалізовувати завдання потрібно на ES6 й через ООП, , без сторонніх бібліотек й фреймворків.
В якості HTML/CSS фреймворку використати Bootstrap(важливо), краса верстки не є пріоритетною.
-
86 Добрый день,я ознакомился с вашим заказом и готов выполнять
(Я уже выполнял такие заказы)
-
спам какой то пошел
-
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Rozwój platformy AM Mobility (serwis samochodowy, parking, ubezpieczenie, wynajem samochodów)
21 265 PLN
Szukamy zespołu lub doświadczonego programisty Full Stack do stworzenia MVP platformy AM Mobility. AM Mobility to jednolita cyfrowa ekosystem dla kierowców, łącząca w jednej aplikacji i platformie internetowej: parking; serwis samochodowy; wulkanizację; myjnię samochodową;… Javascript & Typescript, Programowanie stron internetowych ∙ 4 dni 22 godziny temu ∙ 113 ofert |
Animacje Gsap
82 PLN
Dzień dobry. Trzeba wprowadzić poprawki w bieżącym projekcie. Potrzebny specjalista, który dobrze pracuje na gsap/lenis Trzeba zrobić animację kart. Szczegółowe wymagania tutaj:… Javascript & Typescript, Programowanie stron internetowych ∙ 5 dni 3 godziny temu ∙ 21 ofert |
Szukam mentora z Claude Code do uruchomienia projektu internetowego od zera**Krótko o zadaniu:** Jestem nowicjuszem bez doświadczenia w programowaniu. Mam gotowe TŻ na rozwój strony (42 strony, Next.js, PostgreSQL). Chcę zrealizować to samodzielnie za pomocą Claude Code - potrzebuję specjalisty, który skonfiguruje środowisko i nauczy mnie pracy z… Javascript & Typescript, Edukacja ∙ 7 dni 2 godziny temu ∙ 19 ofert |
Aktualizacja projektu na stronieTrzeba zaktualizować design istniejącej strony internetowej używając HTML, CSS, JS: odświeżyć wygląd, uczynić go nowoczesnym i responsywnym na urządzenia mobilne. Wymagana jest dodanie płynnych animacji i interaktywnych elementów. Układ HTML i CSS, Javascript & Typescript ∙ 7 dni 20 godzin temu ∙ 97 ofert |
Konsultacja i audyt bieżącego projektu na Odoo 19 Community EditionSzukamy programisty Odoo — samodzielnego dewelopera z doświadczeniem w pracy z Odoo 19 Community Edition, w tym z wykorzystaniem Claude Code. Potrzebujemy specjalisty, który ma zrealizowane projekty w Odoo oraz praktyczne doświadczenie w programowaniu z użyciem Claude Code.… C i C++, Javascript & Typescript ∙ 8 dni 2 godziny temu ∙ 8 ofert |