This Tour of Heroes tutorial provides an introduction to the fundamentals of Angular. This project was generated with Angular CLI version 7.3.6.
- Setting up the project
- Setting up the project with Docker
- Cleaning up the Container and Image
- Inspiration
- Contact
Start by cloning the project with the command:
$ git clone https://github.com/rmiyazaki6499/tour-of-heros.git
For those that are not interested in setting up the project manually or would simply not have to worry about downloading node.js and its dependencies, I have created a Dockerfile and docker-compose.yml file to help create a container with everything you would need to run the project.
To make this as easy as possible, we will be using Docker Compose to creat our container.
-
If you do not have Docker yet, start by downloading it here if you are on a Mac or Windows: https://www.docker.com/products/docker-desktop
-
Or if you are on a Linux Distribution follow the directions here: https://docs.docker.com/compose/install/
-
To confirm you have Docker Compose, open up your terminal and run the command below:
$ docker-compose --version
docker-compose version 1.26.2, build eefe0d31
- Go into the project directory to build and run the container with:
$ cd tour-of-heros/
$ docker-compose up -d --build
This may take a few moments
Navigate to http://localhost:4200 to view the site on the local server. It should look something like this:
- To stop the container from running, use
<Ctrl-C>twice. - To close down the container use the command:
$ docker-compose down
- Then to clean up the container and image which we are no longer using use the command:
$ docker system prune -fa
- Confirm that the container and image is no longer there with:
$ docker system df -v
Angular Tutorial https://angular.io/tutorial