Веб-приложение для удобного управления личной коллекцией фильмов. Проект позволяет добавлять, редактировать, фильтровать и удалять информацию о фильмах, сохраняя данные локально в браузере пользователя.
- 📝 Управление фильмами: Добавление, редактирование и удаление записей (название, жанр, год выпуска, статус просмотра).
- 💾 LocalStorage: Все данные сохраняются в локальном хранилище браузера и не теряются при перезагрузке страницы.
- 🔍 Умный поиск и фильтрация: Мгновенная фильтрация списка по названию, жанру, году и статусу («Посмотрел» / «Не посмотрел»).
- ✅ Валидация форм: Проверка корректности ввода данных (обязательные поля, проверка года на 4 цифры) с выводом понятных сообщений об ошибках.
- 👤 Система авторизации: Приветственное модальное окно с запросом имени и email, а также возможность «гостевого» просмотра функционала.
- 🛡️ Безопасность действий: Модальные окна подтверждения для критических действий (например, удаление всех фильмов сразу).
- 🔔 UI-уведомления: Всплывающие сообщения о успешных действиях (например, приветствие пользователя или сохранение фильма).
- HTML5 (семантическая разметка)
- CSS3 (стилизация, адаптивная верстка, модальные окна)
- JavaScript (ES6+) (манипуляции с DOM, работа с событиями,
localStorage, валидация)
Films_library/
├── .vscode/ # Настройки редактора кода
├── index.html # Основная HTML-разметка приложения
├── styles.css # Таблица стилей
├── script.js # Основная логика приложения (валидация, рендеринг, работа с localStorage)
└── README.md # Документация проекта
Клонируйте репозиторий на свой компьютер:
bash
git clone https://github.com/AlexanderOreshkin/Films_library.git
Перейдите в папку проекта:
bash
cd Films_library
Откройте файл index.html в любом современном браузере двойным кликом или перетащив его в окно браузера.
Александр Орешкин