Реалізувати адресну книгу
У користувача має бути можливість авторизуватися. Якщо введені дані користувача співпадають з вже наявними, то здійснити вхід, якщо такого користувача немає, то запропонувати створити обліковий запис (автоматична реєстрація) після чого здійснити автоматичний вхід. Якщо якісь дані для входу не співпали, наприклад, пароль, то вивести про це відповідне повідомлення.
Відповідно має бути і кнопка Вихід, для завершення поточного сеансу.
Кожен запис книги містить інформацію:
- Прізвище (обов'язкове поле)
- ім'я (обов'язкове поле)
- країна
- місто
- email (обов'язкове поле)
- номер телефону (обов'язкове поле)
- місце роботи (назва компанії)
Користувач повинен мати можливість додавання, редагування, видалення, перегляду списку всіх записів в таблиці (поля прізвище та ім'я, email і номер телефону) та можливість перегляду розширеної інформації про вибраний запис (модальне вікно). При створенні\редагуванні запису, забезпечити перевірку на валідність даних, які вводяться.
Якщо email чи телефон нового контакту при створенні співпали з вже наявним в базі (масиві), то вивести про це повідомлення, і запитати чи провести мерджинг даних - дозаповнити старий запис новими даними, чи створити новий контакт (якщо співпадіння два або більше то мати можливість вибору, який запис перезаписати).
Також забезпечити можливість сортування та фільтрації записів в списку (для фільтру по полям країна та місто використати select) Фільтри країни та міста є в основній таблиці, а дані про них видні тільки у модалці(якщо вони є).
В першому стовпці таблиці навпроти кожного запису є checkbox, що забезпечує можливість вибору кількох записів, які потім можна видалити разом (наприклад, як в gmail - обрали кілька листів, і видалили їх цілою групою). При видаленні запису(-ів) забезпечити підтвердження дії (наприклад, через confirm).
Також повинна бути кнопка Експорт, яка зберігає вибрані дані (через ті ж checkbox в таблиці) в сsv файл.
Реалізувати збереження записів між сеансами (в local storage). Відповідно, тут зберігаємо дані і про самих користувачів, і про їхні контакти.
- Список міст та країн підтягувати з google place autocomplete.
- Реалізувати кнопку Імпорт даних, яка доступна у випадку коли в таблиці немає даних, при натисненні на цю кнопку в таблицю додаються записи про контакти з json файлу.
- Обовязково реалізовувати завдання потрібно на ES6 й через ООП, , без сторонніх бібліотек й фреймворків.
В якості HTML/CSS фреймворку використати Bootstrap(важливо), краса верстки не є пріоритетною.
-
86 Добрый день,я ознакомился с вашим заказом и готов выполнять
(Я уже выполнял такие заказы)
-
спам какой то пошел
-
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Розробка корпоративної фінансової системи — React, TypeScript, Node.jsШукаємо досвідченого full-stack розробника або невелику команду для розробки корпоративної фінансової системи з нуля. Необхідно реалізувати повний цикл розробки: проектування архітектури, backend, frontend, базу даних, тестування та запуск системи. Технології: Frontend: React,… Javascript та Typescript, Веб-програмування ∙ 13 годин 7 хвилин тому ∙ 53 ставки |
Розробник ігор
53 739 UAH
Шукаємо досвідченого розробника ігор для доопрацювання існуючого проекту на PixiJS. Необхідно покращити математичну систему гри, переробити та збалансувати бонусні раунди, а також внести зміни в поточну ігрову логіку. Обов'язковий досвід комерційної розробки ігор та впевнене… Javascript та Typescript, Розробка ігор ∙ 17 годин 48 хвилин тому ∙ 13 ставок |
Розробка сайту по ТЗ на FramerПотрібно зробити сайт по цим параметрам що в тз https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Називайте реальний рейт на основі цього дизайну HTML та CSS верстання, Javascript та Typescript ∙ 17 годин 48 хвилин тому ∙ 25 ставок |
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 2 дні 8 годин тому ∙ 31 ставка |
Розробка платформи AM Mobility (автосервіс, парковка, страхування, оренда автомобілів)
259 707 UAH
Шукаємо команду або досвідченого Full Stack розробника для створення MVP платформи AM Mobility. AM Mobility — це єдина цифрова екосистема для автомобілістів, що об'єднує в одному додатку та веб-платформі: парковку; автосервіс; шиномонтаж; автомийку; оренду автомобілів;… Javascript та Typescript, Веб-програмування ∙ 7 днів 14 годин тому ∙ 119 ставок |