Page Comparison

...

1. Make sure you are in the folder c:\work\react_app_calculator

2. Run docker-compose up

3. Wait until no more messages are being sent to the screen

4. Open another terminal window (the plus symbol next to the title of the current terminal window)

5. Run docker ps -a, look at the services that are running. You should notice that there are two services; one is called vatc-fe, and the other is called vatc-service

6. Examine the other fields that are displayed from the docker ps -a command

7. In your browser enter the URL localhost:30003001, when the app is running select the Sales menu option, and you should see some data

8. In your browser enter the URL localhost:8080/api/v1/vatentries, you should see the same data from when you select the Sales option

9. From the terminal run docker stop vatc-service

10. In your browser enter the URL localhost:8080/api/v1/vatentries, you should see no data, this is because we have stopped the backend server

11. In your browser enter the URL localhost:30003001, when the app is running select the Sales menu option, and you should see no data, this is because the frontend runs as a separate service to the backend, we have isolated each service from the other.

12. From the terminal run docker start vatc-service

13. In your browser enter the URL localhost:8080/api/v1/vatentries, you should see the same data from when you select the Sales option

14. From the terminal run docker stop vatc-fe

15. In your browser enter the URL localhost:30003001, it should fail to connect to the application

16. In your browser enter the URL localhost:8080/api/v1/vatentries, you should see the same data from when you select the Sales option, so you can still access the data even though the frontend has been stopped

...