kennethsv1821/docker_challenge_1-react-demo repository overview

⁠Docker Challenge

⁠Clone repository

Repository used: https://github.com/falconcr/react-demo⁠

⁠Create the necessary docker files for the creation of the container:

⁠Dockerfile

FROM node:17-alpine
WORKDIR /app
COPY package.json .
RUN npm install
COPY . .
EXPOSE 3000
CMD ["npm", "start"]

⁠docker-compose.yaml

version: "3.8"
services:
  react-demo:
    build: ./react-demo
    container_name: react-demo-containerized
    ports: 
      - '3000:3000'
    stdin_open: true
    tty: true

⁠Make sure to pull the necessary container to run the applition on:

⁠Finishing Project

Once everything has been setup as described above, you can finally build up your own react dockerized application.

⁠POC

If you want to test this application on your end, follow the next steps:

⁠Install docker on your device

⁠Pull the custom image created for this application

⁠Start the container

⁠Test

Once it started to run, you can access the application by going to a Web Browser and navigate to the following URL: http://localhost:3000⁠