Setup Docker Compose environnement for local dev

docker-compose.yml

@@ -0,0 +1,18 @@
+version: "3"
+
+services:
+  nuxt:
+    build: ./nuxt
+    environment:
+      - HOST=0.0.0.0
+      - PORT=3000
+    ports:
+      - "3000:3000"
+    working_dir: /src
+    restart: always
+    command: sh -c "npm install && npm run dev"
+    volumes:
+      - ./nuxt:/src:cached
+
+volumes:
+  db_data:

nuxt/Dockerfile

@@ -0,0 +1,2 @@
+
+FROM node:12.18.4

nuxt/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 wazolab
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

nuxt/README.md

@@ -0,0 +1,23 @@
+# movie-finder
+
+## Build Setup
+
+```bash
+# install dependencies
+$ npm install
+
+# serve with hot reload at localhost:3000
+$ npm run dev
+
+# build for production and launch server
+$ npm run build
+$ npm run start
+
+# generate static project
+$ npm run generate
+
+# start tests
+$ npm run test
+```
+
+For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).

nuxt/nuxt.config.js

@@ -4,44 +4,38 @@ export default {
 
   // Global page headers (https://go.nuxtjs.dev/config-head)
   head: {
-    title: 'movie-finder',
+    title: "movie-finder",
     meta: [
-      { charset: 'utf-8' },
+      { charset: "utf-8" },
-      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
+      { name: "viewport", content: "width=device-width, initial-scale=1" },
-      { hid: 'description', name: 'description', content: '' }
+      { hid: "description", name: "description", content: "" }
     ],
-    link: [
+    link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }]
-      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
-    ]
   },
 
   // Global CSS (https://go.nuxtjs.dev/config-css)
-  css: [
+  css: ["ant-design-vue/dist/antd.css"],
-    'ant-design-vue/dist/antd.css'
-  ],
 
   // Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)
-  plugins: [
+  plugins: ["@/plugins/antd-ui"],
-    '@/plugins/antd-ui'
-  ],
 
   // Auto import components (https://go.nuxtjs.dev/config-components)
   components: true,
 
   // Modules for dev and build (recommended) (https://go.nuxtjs.dev/config-modules)
-  buildModules: [
+  buildModules: [],
-  ],
 
   // Modules (https://go.nuxtjs.dev/config-modules)
   modules: [
     // https://go.nuxtjs.dev/axios
-    '@nuxtjs/axios',
+    "@nuxtjs/axios"
   ],
 
   // Axios module configuration (https://go.nuxtjs.dev/config-axios)
-  axios: {},
+  axios: {
+    baseURL: "http://localhost:3000"
+  },
 
   // Build Configuration (https://go.nuxtjs.dev/config-build)
-  build: {
+  build: {}
-  }
+};
-}

nuxt/package.json

@@ -1,11 +1,13 @@
 {
   "name": "movie-finder",
   "version": "1.0.0",
+  "description": "Nuxt.js test project for LoveToKnow Media job opportunity.",
+  "author": "Noé Viricel <noe.viricel@wazo-lab.io>",
   "private": true,
   "scripts": {
-    "dev": "nuxt",
+    "dev": "NODE_ENV=development nuxt",
-    "build": "nuxt build",
+    "build": "NODE_ENV=production nuxt build",
-    "start": "nuxt start",
+    "start": "NODE_ENV=production nuxt start",
     "generate": "nuxt generate",
     "test": "jest"
   },

nuxt/pages/index.vue

@@ -2,9 +2,7 @@
   <div class="container">
     <div>
       <Logo />
-      <h1 class="title">
+      <h1 class="title">movie-finder</h1>
-        movie-finder
-      </h1>
       <div class="links">
         <a
           href="https://nuxtjs.org/"
@@ -28,7 +26,7 @@
 </template>
 
 <script>
-export default {}
+export default {};
 </script>
 
 <style>
@@ -42,16 +40,8 @@ export default {}
 }
 
 .title {
-  font-family:
+  font-family: "Quicksand", "Source Sans Pro", -apple-system, BlinkMacSystemFont,
-    'Quicksand',
+    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-    'Source Sans Pro',
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    Roboto,
-    'Helvetica Neue',
-    Arial,
-    sans-serif;
   display: block;
   font-weight: 300;
   font-size: 100px;