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

• View the live app 👉Tour of Heroes for VueConf 2019

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

• Learn more about how to debug this app here

Problems or Suggestions

Open an issue here

Resources

• Azure Free Trial

Docker Resources

• Azure Container Registry
• Docker Hub Registry

VS Code Resources

• VS Code
• VS Code Extension for Node on Azure
• Debugging Vue in VS Code
• Create a Registry on Azure with VS Code