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

Закладки на сайты

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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