TV Shows

This application shows popular Tv Shows from the Tvmaze API. Details fo a Tv shows like episodes, cast, crew. Also, categorize in genres and functionality to search. And it is mobile responsive

🎯 Prerequisites

• Node-LTS v12.4.0
• Yarn 1.17.0
• @vue/cli 4.4.1

Project dependencies of Unit test and UI component framework (optional)

vue add unit-jest
vue add quasar

🔧 Project setup

yarn install

⚡ Compiles and hot-reloads for development

yarn start

🚀 Compiles and minifies for production

yarn build

👕 Lints files

yarn lint

🚨 Unit test

yarn test

Folder Structure

.
├── README.md
├── babel.config.js
├── jest.config.js
├── package.json
├── public
│   └── index.html
├── src // All components,containers, store, router
│   ├── App.vue //Root component
│   ├── assets
│   ├── components
│   │   ├── cast.comp.vue
│   │   ├── common // contains common components used in other components and containers
│   │   ├── crew.comp.vue
│   │   ├── episodes.comp.vue
│   │   ├── homeSlider.comp.vue
│   │   └── horizontal.comp.vue
│   ├── containers // Pages to bind components
│   │   ├── Error404.vue
│   │   ├── Genres.vue
│   │   ├── Home.vue
│   │   ├── Search.vue
│   │   ├── SingleGenres.vue
│   │   └── SingleTvshows.vue
│   ├── main.js
│   ├── quasar.js
│   ├── router.js
│   ├── store
│   │   ├── index.js
│   │   ├── modules //store's module
│   │   └── mutation-types.js
│   └── styles // Quasar CSS and variables
│       ├── quasar.styl
│       └── quasar.variables.styl
├── tests // test cases written same as src folder structure
│   └── unit
│       ├── app.spec.js
│       ├── components
│       └── containers
├── vue.config.js
└── yarn.lock