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
Hosted in Azure
Clone this repository
git clone https://github.com/johnpapa/heroes-vue.git cd heroes-vue
Install the npm packages
Run the app!
npm run quick
You can execute all of the UI tests by running the following steps
npm run cypress
What's in the App
Each of these apps contain:
- lazy loading
- container/presenter components
- redux state management pattern
- The same CSS
Cypress.io makes it easy to run all three apps simultaneously in end to end tests, so you can watch the results while developing.
Why abstracted CSS?
Why JSON Server?
The app uses a JSON server for a backend by default. This allows you to run the code without needing any database engines or cloud accounts. Enjoy!
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 yur own way.
Problems or Suggestions
- VS Code
- Azure Free Trial
- VS Code Extension for Node on Azure
- VS Code Extension Marketplace
- VS Code - macOS keys
- VS Code - Windows keys