Где найти похожий контент по созданию адресной книги?
Возможно кто-то сталкивался с видео уроками или другим контентом по adress book (JS) с похожим функционалом, где:
- У пользователя должна быть возможность авторизоваться. Если введенные данные пользователя совпадают с уже имеющимися, то осуществить вход, если такого пользователя нет, то предложить создать учетную запись (автоматическая регистрация) после чего осуществить автоматический вход. Если какие-то данные для входа не совпали, например, пароль, то вывести об этом соответствующее сообщение.
Соответственно должена быть и кнопка Выход, для завершения текущего сеанса.
- Каждая запись книги содержит информацию:
*Фамилия (обязательное поле)
*имя (обязательное поле)
*страна
* город
* email (обязательное поле)
* номер телефона (обязательное поле)
* место работы (название компании)
- Пользователь должен иметь возможность добавления, редактирования, удаления, просмотра списка всех записей в таблице (поля фамилия и имя, email и номер телефона) и возможность просмотра расширенной информации о выбранной записи. При создании \ редактировании записи обеспечить проверку на валидность данных, вводимых.
Если email или телефон контакта при создании совпали с уже имеющимся в базе (массиве), то вывести об этом сообщение, и спросить провести мерджинг данных - дозаполнить старую запись новым данным, или создать новый контакт.
- Возможность сортировки и фильтрации записей в списке (для фильтра по полям страна и город использовать select).
- В первом столбце таблицы напротив каждой записи есть checkbox, что обеспечивает возможность выбора нескольких записей, которые потом можно удалить вместе (например, как в gmail - выбрали несколько писем, и удалили их целой группой). При удалении записи (-ей) обеспечить подтверждение действия (например, через confirm).
- Должна быть кнопка Экспорт, которая сохраняет выбранные данные (через те же checkbox в таблице) в сsv файл.
- Сохранения записей между сеансами (в local storage). Соответственно, здесь сохраняем данные и о самих пользователях, и об их контактах.
Подобные уроки обычно направлены на то, чтобы показать новичку все (сколько получится) этапов создания готового продукта. Чтобы у обучающегося сложилась какая-то цельная картина о разработке, и он смог бы из такого урока почерпнуть методы решения теповых проблем.
А вы сюда какое-то урезанное ТЗ запостили. Удачи вам в поиске!
Stalker_RED, это учебная задача, ищу похожие уроки что бы иметь возможность какой-то общей инструкции/помощи. Но не смог ничего подобного найти, поэтому и прошу помощи
Stalker_RED, ищу что то похоже, а не готовый пример 1в1, что бы в моменты, когда будет не получатся и не смогу найти ответы, иметь возможность подсмотреть, потому что есть много моментов в условиях задачи, которые не знаю как делать:)
А при чем тут JS? Это целый круд, где нужно еще и серверную часть поставить, которая бы вам авторизацию и запись данных и экспорт данных реализовала бы
- Сохранения записей между сеансами (в local storage). Соответственно, здесь сохраняем данные и о самих пользователях, и об их контактах.
- во-первых не все браузеры поддерживают localstorage а во вторых что будет, если пользователь почистит все сохраненные данные и localStorage тоже очистится?
У меня стоит условие, использовать ванильный js. А авторизация должна происходить через тот же local storage, то есть, заполняем формы авторизации, создаем нового пользователя, добавляем контакты в его adress book которые так же добавляем в local storage, под этого пользователя. Когда снова авторизуемся, то в случае совпадения пользователя, выводим его его ранее сохраненные контакты с local storage в таблицу. Если такого юзера нет, то соотвествено создаем нового, с новым adress book. Юзеров сохраняем в массиве объектов, через который и делаем проверку на соответствие. По поводу storge - то это учебная задача и стоит условие конкретно использовать его :)
Это если я правильно понимаю план реализации :)
kikosko, просто я не понимаю, зачем использовать локал сторидж для такой бессмысленной цели? В локалсторидж можно хранить какие-то данны из базы, например если нужны динамичски меняющиеся списки в форме или какие-то покупки клиента в интернет-магазине. Но реализовывать типичое серверное приложение через ванильную JS - это какое-то бессмысленное обучение, как по мне )
