Реалізувати адресну книгу
У користувача має бути можливість авторизуватися. Якщо введені дані користувача співпадають з вже наявними, то здійснити вхід, якщо такого користувача немає, то запропонувати створити обліковий запис (автоматична реєстрація) після чого здійснити автоматичний вхід. Якщо якісь дані для входу не співпали, наприклад, пароль, то вивести про це відповідне повідомлення.
Відповідно має бути і кнопка Вихід, для завершення поточного сеансу.
Кожен запис книги містить інформацію:
- Прізвище (обов'язкове поле)
- ім'я (обов'язкове поле)
- країна
- місто
- email (обов'язкове поле)
- номер телефону (обов'язкове поле)
- місце роботи (назва компанії)
Користувач повинен мати можливість додавання, редагування, видалення, перегляду списку всіх записів в таблиці (поля прізвище та ім'я, email і номер телефону) та можливість перегляду розширеної інформації про вибраний запис (модальне вікно). При створенні\редагуванні запису, забезпечити перевірку на валідність даних, які вводяться.
Якщо email чи телефон нового контакту при створенні співпали з вже наявним в базі (масиві), то вивести про це повідомлення, і запитати чи провести мерджинг даних - дозаповнити старий запис новими даними, чи створити новий контакт (якщо співпадіння два або більше то мати можливість вибору, який запис перезаписати).
Також забезпечити можливість сортування та фільтрації записів в списку (для фільтру по полям країна та місто використати select) Фільтри країни та міста є в основній таблиці, а дані про них видні тільки у модалці(якщо вони є).
В першому стовпці таблиці навпроти кожного запису є checkbox, що забезпечує можливість вибору кількох записів, які потім можна видалити разом (наприклад, як в gmail - обрали кілька листів, і видалили їх цілою групою). При видаленні запису(-ів) забезпечити підтвердження дії (наприклад, через confirm).
Також повинна бути кнопка Експорт, яка зберігає вибрані дані (через ті ж checkbox в таблиці) в сsv файл.
Реалізувати збереження записів між сеансами (в local storage). Відповідно, тут зберігаємо дані і про самих користувачів, і про їхні контакти.
- Список міст та країн підтягувати з google place autocomplete.
- Реалізувати кнопку Імпорт даних, яка доступна у випадку коли в таблиці немає даних, при натисненні на цю кнопку в таблицю додаються записи про контакти з json файлу.
- Обовязково реалізовувати завдання потрібно на ES6 й через ООП, , без сторонніх бібліотек й фреймворків.
В якості HTML/CSS фреймворку використати Bootstrap(важливо), краса верстки не є пріоритетною.
-
86 Добрый день,я ознакомился с вашим заказом и готов выполнять
(Я уже выполнял такие заказы)
-
спам какой то пошел
-
Current freelance projects in the category Javascript and Typescript
Development of a corporate financial system — React, TypeScript, Node.jsWe are looking for an experienced full-stack developer or a small team to develop a corporate financial system from scratch. It is necessary to implement the full development cycle: architecture design, backend, frontend, database, testing, and system launch. Technologies:… Javascript and Typescript, Web Programming ∙ 9 hours 32 seconds back ∙ 53 proposals |
Game Developer
1200 USD
We are looking for an experienced game developer to refine an existing project on PixiJS. It is necessary to improve the game's mathematical system, redesign and balance the bonus rounds, as well as make changes to the current game logic. Experience in commercial game… Javascript and Typescript, Gaming Apps ∙ 13 hours 41 minutes back ∙ 13 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 13 hours 41 minutes back ∙ 24 proposals |
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 2 days 4 hours back ∙ 31 proposals |
Development of the AM Mobility platform (car service, parking, insurance, car rental)
5800 USD
We are looking for a team or an experienced Full Stack developer to create the MVP of the AM Mobility platform. AM Mobility is a unified digital ecosystem for motorists, combining in one application and web platform: parking; car service; tire fitting; car wash; car rental;… Javascript and Typescript, Web Programming ∙ 7 days 10 hours back ∙ 119 proposals |