Закладки на сайты
Реализуйте сервис, в котором пользователь может хранить закладки на сайты. Проект включает в себя категории (новости, видео, полезное и т.д.), добавление и удаление категорий, добавление, редактирование и удаление закладок с комментариями. Продумайте структуру хранения данных и реализацию логики в коде JavaScript. Данные пользователя сохраняйте в localStorage. Вся логика должна выполняться на клиенте без перезагрузки страницы. Скачать верстку для проекта.
Основные возможности проекта
- Таблицы с названиями сайтов, ссылками и комментариями для каждой категории.
- Возможность создавать и удалять категории (новости, видео, полезное, работа, учеба и т.д.).
- Создание, редактирование и удаление закладок.
- Данные хранятся в локальном хранилище браузера.
Главная страница
На главной странице должен быть список категорий. Рядом с названием категории должна быть кнопка удаления. При клике на категорию на этой же странице открывается таблица с сайтами этой категории — без перехода на другой адрес.
Управление категориями
Пользователь может:
- Добавлять новые категории через специальную форму (поле ввода названия и кнопка "Добавить категорию").
- Удалять категории (кнопка "Удалить" рядом с названием категории).
Управление закладками
Внутри выбранной категории пользователь может:
- Добавлять закладки - форма с полями "Название сайта", "Ссылка", "Комментарий".
- Редактировать закладки - изменение названия, ссылки и комментария.
- Удалять закладки - удаление записи из таблицы (с подтверждением).
Хранение данных
Все данные должны храниться в локальном хранилище браузера (localStorage). При загрузке страницы данные загружаются из хранилища, при изменении - сохраняются обратно. Структура хранения должна содержать категории и внутри каждой категории список закладок.
Дополнительные возможности
- Поиск по названиям сайтов внутри категории.
- Сортировка по дате добавления.
- Открытие ссылки в новой вкладке при клике на название сайта.