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