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

Закладки на фильмы

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

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

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

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

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

Страница категории

Внутри каждой категории должны быть две вкладки-переключателя:

  • "Ожидают просмотра" - список фильмов, которые пользователь планирует посмотреть.
  • "Просмотренные" - список фильмов, которые пользователь уже посмотрел.

Каждая вкладка содержит таблицу с фильмами. У каждого фильма должны быть следующие поля:

  • Название фильма.
  • Ссылка на фильм (кликабельная, открывается в новой вкладке).
  • Год выпуска фильма.

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

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

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

Операции с закладками

Внутри категории пользователь может совершать следующие операции:

  • Создание - форма с полями "Название фильма", "Ссылка", "Год выпуска".
  • Редактирование - изменение названия, ссылки и года выпуска.
  • Удаление - удаление закладки из таблицы.
  • Отметка просмотренным - перемещение фильма из вкладки "Ожидают просмотра" во вкладку "Просмотренные" внутри этой же категории.

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

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

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

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