My Favorite Movies — это веб-приложение для управления списком ваших любимых фильмов. Приложение позволяет пользователям добавлять фильмы в избранное, отмечать как просмотренные, удалять из списка и искать через API TheMovieDB.
- Добавление фильмов в избранное: Пользователь может добавлять фильмы в свой список избранного.
- Отметка фильмов как просмотренные: Пользователь может отмечать фильмы как просмотренные или непосмотренные.
- Удаление фильмов: Пользователь может удалять фильмы из своего списка избранного.
- Поиск фильмов: Пользователь может искать фильмы через API TheMovieDB и добавлять их в свой список избранного.
- Vue 3: Фреймворк для создания пользовательских интерфейсов.
- Pinia: Библиотека для управления состоянием приложения.
- TheMovieDB API: API для поиска информации о фильмах.
Проект состоит из нескольких основных компонентов и хранилищ, реализованных с использованием Vue 3 и Pinia.
- App.vue: Главный компонент приложения, который включает в себя шапку, вкладки и основной контент.
- Search.vue: Компонент для поиска фильмов через API.
- Movie.vue: Компонент для отображения информации о фильме, с возможностью управления состоянием фильма (просмотрен, удалить) или добавления его в список избранного.
- Loader.vue: Компонент загрузки, отображается во время выполнения асинхронных операций.
- MovieStore.js: Хранилище для управления списком избранных фильмов, содержит функции для добавления, удаления и отметки фильмов как просмотренных.
- SearchStore.js: Хранилище для управления поиском фильмов, содержит функции для выполнения запроса к API и добавления найденных фильмов в список избранного.