Dockerized NodeJS React Application

Stack

• Express and NodeJS for the backend.
• React, React Router and React Hooks for frontend.
• Semantic UI css framework with Semantic UI React Integration.
• Docker for building docker images and containerizing application.

Quick Start

Local development

• npm ci inside projects directory.
• Run npm run develop inside projects directory to start up the backend and react server in development mode.
• Client uses create-react-app server with hot reload on changes and server uses nodemon for server reloading on code changing.

Production built

• Create server-prod-variables.env environment variables file which should be created before running docker-compose up and is required by docker-compose.yml server-prod-variables.env:

  NODE_ENV=production
  PORT=8080
  

• Running docker-compose up --build --detach will build the client and server docker images, and then run them inside two different containers and under one container stack.