РЕПЕТИТОР математика физика информатика
Для школьников и студентов. Подтягивание пробелов. ЦЭ, ЦТ, ОГЭ, ЕГЭ.
Идет набор на ЛЕТО. Жмите для подробностей:)
62 of 126 menu

Менеджер контактов родственников

Реализуйте сервис, в котором пользователь может хранить контакты родственников.

Основные возможности проекта

  • Таблица с именами родственников и их контактами.
  • Поддержка контактов: номера телефонов, Telegram, социальные сети, домашние адреса.
  • Операции: создание, редактирование, удаление записей.
  • Данные хранятся в localStorage.

Главная страница

На странице должна быть таблица со списком всех родственников. Каждая запись должна содержать:

  • Имя родственника.
  • Номера телефонов (один или несколько).
  • Telegram (username).
  • Ссылки на социальные сети (ВКонтакте, Instagram, Facebook и т.д.).
  • Домашний адрес.
  • Кнопки действий: редактировать, удалить.

Добавление контакта

На странице должна быть форма для добавления нового контакта с полями:

  • Имя (инпут, обязательное поле).
  • Телефоны (инпут, можно добавить несколько через разделитель).
  • Telegram (инпут).
  • Социальные сети (инпут, можно добавить несколько через разделитель).
  • Домашний адрес (текстареа).
  • Кнопка "Добавить".

Редактирование контакта

При нажатии на кнопку "Редактировать" открывается форма, заполненная текущими данными контакта. После редактирования и нажатия на кнопку "Сохранить" запись обновляется.

Удаление контакта

При нажатии на кнопку "Удалить" появляется подтверждение (confirm), после чего запись удаляется из таблицы.

Хранение данных

Все контакты должны храниться в локальном хранилище браузера (localStorage). При загрузке страницы данные загружаются из хранилища, при изменении - сохраняются обратно.

Дополнительные возможности

  • Поиск по имени родственника.
  • Сортировка по имени (алфавитный порядок).
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить