https://github.com/webistomin/vuejs-movie-app

:movie_camera: Одностраничное приложение для просмотра фильмов с помощью The Movie Database API
https://github.com/webistomin/vuejs-movie-app

javascript movie-database vue

Last synced: 17 days ago
JSON representation

:movie_camera: Одностраничное приложение для просмотра фильмов с помощью The Movie Database API

• Host: GitHub
• URL: https://github.com/webistomin/vuejs-movie-app
• Owner: webistomin
• Created: 2018-09-20T09:18:40.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-11-01T07:14:11.000Z (about 6 years ago)
• Last Synced: 2024-10-30T05:35:02.979Z (2 months ago)
• Topics: javascript, movie-database, vue
• Language: Vue
• Homepage: https://vuejs-movie-app.firebaseapp.com
• Size: 48.4 MB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vuejs-movie-app

> Одностраничное приложения для просмотра фильмов с помощью The Movie Database API 

https://vuejs-movie-app.firebaseapp.com

[![Build status][travis-image]][travis-url] [![dependencies Status](https://david-dm.org/webistomin/vuejs-movie-app/status.svg)](https://david-dm.org/webistomin/vuejs-movie-app) [![Dependency status][dependency-image]][dependency-url] 

При открытии приложения, отображается список популярных фильмов. Также на странице располагается поле поиска. Когда ты вводишь туда какой-то текст, отображаются фильмы которые ему соответствуют. Для каждого фильма в списке отображается список жанров, к которым он принадлежит.

При клике на карточку с фильмом, показывается страница с детальной информацией об этом фильме и списком рекоммендованых или похожих фильмов к нему.

Присутствует возможность добавлять фильмы в избранное как со списка, так и на странице с отдельным фильмом. Список таких фильмов сохраняется локально (localStorage). Список всех избранных фильмов можно увидеть на отдельной странице. Избранный фильм помечается заполненным сердечком



## Установка

  

    

      Команда

      Результат

    

  

  

    

      npm install

      Установить зависимости

    

    

      npm run dev

      Запустить сборку, сервер и слежение за файлами

    

     

      npm run build

      Собрать проект для продакшена

    

    

      npm start ЗАДАЧА

      Запустить задачу с названием ЗАДАЧА (список задач в package.json)

    

  

Предполагается, что все команды вы выполняете в bash (для OSX и Linux это самый обычный встроенный терминал, для Windows это, к примеру, Git Bash). В Windows установку пакетов (npm i) нужно выполять в терминале, запущенном от имени администратора.

## Техническое задание 

Открыть gist

## Используемые технологии

  

    

      Технология

      Описание

    

  

  

    

      Vue.js

      Основной фреймворк для разработки интерфейса приложения

    

    

      Vuex

      Центральное хранилище данных для всех компонентов приложения

    

     

      Vue Router

      Библиотека для маршрутизации

    

     

      Vuetify

      Фреймворк, предоставляющий набор компнентов UI в Material Design

    

    

      axios

      Доступ к API, основанный на промисах HTTP-клиента

    

  

## Поддержка браузерами

| [](http://godban.github.io/browsers-support-badges/)IE / Edge | [](http://godban.github.io/browsers-support-badges/)Firefox | [](http://godban.github.io/browsers-support-badges/)Chrome | [](http://godban.github.io/browsers-support-badges/)Safari| [](http://godban.github.io/browsers-support-badges/)Opera | [](http://godban.github.io/browsers-support-badges/)Yandex |

| --------- | --------- | --------- | --------- |--------- | --------- |

| IE11, Edge|Последние 2 версии|Последние 2 версии| 9+ |Последние 2 версии| Последние 2 версии |

## Искал вдохновение

Тут и тут

[travis-image]: https://travis-ci.org/webistomin/vuejs-movie-app.svg?branch=master

[travis-url]: https://travis-ci.org/webistomin/vuejs-movie-app

[dependency-image]: https://david-dm.org/webistomin/vuejs-movie-app/dev-status.svg

[dependency-url]: https://david-dm.org/webistomin/vuejs-movie-app