Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/microman92/cinephile
Проект представляет собой информативный сайт, предназначенный для отображения актуальной информации о популярных фильмах и сериалах.
https://github.com/microman92/cinephile
axios css html pinia scss vue-router vue3 vuejs3
Last synced: 28 days ago
JSON representation
Проект представляет собой информативный сайт, предназначенный для отображения актуальной информации о популярных фильмах и сериалах.
- Host: GitHub
- URL: https://github.com/microman92/cinephile
- Owner: microman92
- Created: 2024-04-16T23:16:18.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-04-18T21:20:59.000Z (10 months ago)
- Last Synced: 2024-11-17T08:39:57.096Z (3 months ago)
- Topics: axios, css, html, pinia, scss, vue-router, vue3, vuejs3
- Language: Vue
- Homepage: https://microman92.github.io/CinePhile/
- Size: 5.7 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CinePhile
Проект представляет собой информативный сайт, предназначенный для отображения актуальной информации о популярных фильмах и сериалах. В рамках сайта реализованы следующие функциональности:
- Отображение списка топ-10 фильмов по версии TheMovieDb.
- Глобальный поиск фильмов и сериалов для быстрого доступа к нужному контенту.
- Возможность получить рекомендации к выбранным фильмам для расширения кинематографического опыта.
- Подробная информация о кассовых сборах и актёрах, участвовавших в создании фильмов.
- Наличие нескольких компонентов Swiper для удобной навигации.
- Бесконечная прокрутка списков фильмов и сериалов на соответствующих страницах.
- Просмотр трейлеров выбранных фильмов или сериалов для получения предварительного представления о контенте.
- Для взаимодействия с API TheMovieDb и YouTube API используется библиотека axios.
- Сайт построен на базе Vue.js версии 3 с использованием сборщика Vite.
- Для управления маршрутизацией применяется vue-Router, а для управления состоянием приложения - Pinia.
- Стилизация выполнена в формате SCSS с применением циклов и миксинов для повторяющихся элементов дизайна.
## Используемый стек:
## Recommended IDE Setup
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
## Customize configuration
See [Vite Configuration Reference](https://vitejs.dev/config/).
## Project Setup
```sh
npm install
```
### Compile and Hot-Reload for Development
```sh
npm run dev
```
### Compile and Minify for Production
```sh
npm run build
```
# Снимки экрана
# Спасибо за внимание! ✨