NMDb (Nuxt Movie Db)

A project which used The Movie Database API

Vuejs, Nuxtjs, Tailwindcss, Vuex

---

Build Setup

# 1. install dependencies
$ yarn install

# 2. build for production and launch server
$ yarn build
$ yarn start

---

Folder Structure

Added comments to functions (and some maybe confusing parts) for detailing.
Here is the basic folder structure and explanation of NMDb:

nmdb
├─ assets
│  └─ css
│     ├─ fonts.css
│     └─ tailwind.css
├─ components
│  ├─ moviecard.vue     -> movie brief cards in homescreen
│  ├─ movies
│  │  ├─ actorcard.vue  -> actor images and names in movie detail page
│  │  ├─ cast.vue       -> actors tab in movie detail page
│  │  ├─ info.vue       -> details tab in movie detail page
│  │  └─ review.vue     -> details tab in movie detail page
│  └─ navbar.vue
├─ config
│  └─ tailwind          -> tailwindcss extra configs moved to here for readable tailwind.config.js
│     ├─ spacing.js
│     └─ width.js
├─ layouts
│  └─ default.vue
├─ pages
│  ├─ index.vue         -> homescreen
│  └─ movies
│     └─ _id.vue        -> movie details page
├─ plugins
│  └─ icons.js          -> vue eva icons for some styling. (tree shaked)
└─ store
   └─ index.js          -> vuex "state" for store data. "mutations" for save data to states.