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

Закладки на статьи

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

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

  • Таблицы с названиями статей и ссылками для каждой категории.
  • Возможность создавать и удалять категории.
  • Создание, редактирование и удаление закладок.
  • Данные хранятся в локальном хранилище браузера.

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

На главной странице должен быть список категорий. Рядом с названием категории должна быть кнопка удаления. При клике на категорию на этой же странице открывается таблица со статьями этой категории — без перехода на другой адрес.

Управление категориями

Пользователь может:

  • Добавлять новые категории через специальную форму (поле ввода названия и кнопка "Добавить категорию").
  • Удалять категории (кнопка "Удалить" рядом с названием категории).

Управление закладками

Внутри выбранной категории пользователь может:

  • Добавлять закладки - форма с полями "Название статьи" и "Ссылка".
  • Редактировать закладки - изменение названия и ссылки.
  • Удалять закладки - удаление записи из таблицы.

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

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

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

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