Marvel Characters Search App

https://marvel-developer.appspot.com/

Search the most diverse characters on Marvel Universe.

Tools

• Vue
• Vuetify
• Nuxt
• Material Design
• Node
• Google Cloud
• Marvel Developer

Features

• Device Width Breakpoints: 360px, 600px, 960px, 1264px, 1904px +
• Server Side Rendering
• ESLint and Prettier
• Progressive Web App

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn run dev

# build for production and launch server
$ yarn run build
$ yarn start

# generate static project
$ yarn run generate

VSCode

Use this configurations on your settings.json for ESLint and Prettier.

{
  "eslint.validate": [
      {
        "language": "vue",
        "autoFix": true
      },
      {
        "language": "javascript",
        "autoFix": true
      },
      {
        "language": "javascriptreact",
        "autoFix": true
      }
    ],
  "eslint.autoFixOnSave": true,
  "editor.formatOnSave": false,
  "vetur.validation.template": false,
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}