Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/johnpapa/heroes-vue-node-api
As seen in Vue Conf 2019
https://github.com/johnpapa/heroes-vue-node-api
cosmosdb debugging docker javascript nodejs tour-of-heroes vue
Last synced: 17 days ago
JSON representation
As seen in Vue Conf 2019
- Host: GitHub
- URL: https://github.com/johnpapa/heroes-vue-node-api
- Owner: johnpapa
- Created: 2019-03-27T01:44:18.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-03T18:37:41.000Z (almost 2 years ago)
- Last Synced: 2024-10-11T12:52:09.848Z (about 1 month ago)
- Topics: cosmosdb, debugging, docker, javascript, nodejs, tour-of-heroes, vue
- Language: Vue
- Homepage: https://papa-vueconf2019.azurewebsites.net
- Size: 1.2 MB
- Stars: 28
- Watchers: 2
- Forks: 5
- Open Issues: 27
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](http://twitter.com/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](https://azure.microsoft.com/en-us/free/?wt.mc_id=heroesvuenodeapi-github-jopapa)
- View the live app 👉[Tour of Heroes for VueConf 2019](https://papa-vueconf2019.azurewebsites.net)
## Getting Started
1. Clone this repository
```bash
git clone https://github.com/johnpapa/heroes-vue-node-api.git
cd heroes-vue-node-api
```
1. Install the npm packages
```bash
npm install
```
1. Run the app!
```bash
npm run dev-proxy
```
1. Browse to
> 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
1. Browse to
### 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](/DEBUG.md)
## Problems or Suggestions
[Open an issue here](/issues)
## Resources
- [Azure Free Trial](https://azure.microsoft.com/en-us/free/?wt.mc_id=heroesvuenodeapi-github-jopapa)
### Docker Resources
- [Azure Container Registry](https://docs.microsoft.com/en-us/azure/container-registry/?wt.mc_id=heroesvuenodeapi-github-jopapa)
- [Docker Hub Registry](https://hub.docker.com/)
### VS Code Resources
- [VS Code](https://code.visualstudio.com?wt.mc_id=heroesvuenodeapi-github-jopapa)
- [VS Code Extension for Node on Azure](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-node-azure-pack&WT.mc_id=heroesvuenodeapi-github-jopapa)
- [Debugging Vue in VS Code](https://code.visualstudio.com/docs/nodejs/vuejs-tutorial?wt.mc_id=heroesvuenodeapi-github-jopapa)
- [Create a Registry on Azure with VS Code](https://code.visualstudio.com/tutorials/docker-extension/create-registry?wt.mc_id=heroesvuenodeapi-github-jopapa)