fixing Docker file for the React app;

Author: Bruno Krebs

frontend/Dockerfile

@@ -1,3 +1,3 @@
 FROM nginx
+COPY nginx.conf /etc/nginx/conf.d/default.conf
 COPY build /usr/share/nginx/html
-

frontend/README.md

@@ -11,9 +11,11 @@ Another alternative is to use Docker to run the app in a container. To do so, yo
 ```bash
 docker build -t react-tutorial .
 
-docker run --name react-tutorial -d -p 80:80 react-tutorial
+docker run --name react-tutorial -d -p 3000:80 react-tutorial
 ```
 
+This will make your app accessible on the following URL: [`http://localhost:3000`].
+
 ## Releasing a new Docker Image
 
 Make sure you are currently logged into Docker and then issue the following commands:
@@ -29,5 +31,5 @@ In the code snippet above, you will need to replace `brunokrebs` with your own D
 If you do push a Docker image to [Docker Hub](https://hub.docker.com/), then you can use it like this:
 
 ```bash
-docker run --name react-tutorial -d -p 80:80 brunokrebs/react-tutorial
+docker run --name react-tutorial -d -p 3000:3000 brunokrebs/react-tutorial
 ```

frontend/nginx.conf

@@ -0,0 +1,14 @@
+server {
+  listen 80;
+  server_name  localhost;
+
+  location / {
+    root   /usr/share/nginx/html;
+    index  index.html;
+
+    # this is needed so React can handle requests
+    # to whatever URI the browser is requesting
+    # (e.g., /callback)
+    try_files $uri /index.html;
+  }
+}