https://github.com/veronikavkar/movie-app

Movies app demo built using Nuxt 2
https://github.com/veronikavkar/movie-app

css javascript nuxt2 nuxtjs vue vuejs2 vuetify vuex

Last synced: 10 days ago
JSON representation

Movies app demo built using Nuxt 2

• Host: GitHub
• URL: https://github.com/veronikavkar/movie-app
• Owner: veronikavkar
• Created: 2023-02-25T16:44:15.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-05-09T18:37:56.000Z (almost 2 years ago)
• Last Synced: 2024-12-18T18:46:31.010Z (2 months ago)
• Topics: css, javascript, nuxt2, nuxtjs, vue, vuejs2, vuetify, vuex
• Language: Vue
• Homepage:
• Size: 5.54 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Movies app demo built using Nuxt 2

This project built on Nuxt 2. Also I used **Vuetify** in few components and **Kinopoisk Api Unofficial** to access up-to-date Kinopoisk's information.

### Motivation

I decided to make this project for educational purposes while studying Nuxt 2.

### TODO

✔️ Slider "Top-20 films according to Kinopoisk". Designed with CSS only.



The response from the server provides an object with information about the movie.



✔️ The ability to filter movies by genre.



✔️ Search movies by title.



✔️ Film detail page with selection of similar films. On this page user can add film to favorites or watch film's trailer.





✔️Featured movies page.



### API Reference

[Kinopoisk Api Unofficial](https://kinopoiskapiunofficial.tech/)

Example



## Build Setup

```bash

# install dependencies

$ npm install

# serve with hot reload at localhost:3000

$ npm run dev

```

**To run the project, you need to register on the [Kinopoisk Api Unofficial](https://kinopoiskapiunofficial.tech/) and get a key. Then paste your key in .env file**.