Skip to content

johnpapa/heroes-vue-node-api

Repository files navigation

Tour of Heroes

This project was created to help represent a fundamental app written with Vue. The heroes and villains theme is used throughout the app.

by John Papa

Why

How do you deploy a Vue app with Node.js server and API to the cloud? How does Docker help? Let's find out.

Live Demos

Hosted in Azure

Getting Started

  1. Clone this repository

    git clone https://github.com/johnpapa/heroes-vue-node-api.git
    cd heroes-vue-node-api
  2. Install the npm packages

    npm install
  3. Run the app!

    npm run dev-proxy
  4. Browse to http://localhost:9001

TODO: There is a database key required for this app. I will be removing this need shortly so you can run it without that requirement.

Docker

  1. Run Docker: Compose Up from the VS Code menu
  2. Browse to http://localhost:8000

Why Docker

You can host the app any way you prefer. I chose Docker because it is familiar to me and makes it easy to run anywhere (local or cloud). You do you though and feel free to run this in your own way.

Debugging

Problems or Suggestions

Open an issue here

Resources

Docker Resources

VS Code Resources