Add a simple React form application to an existing Nodejs docker image

  docker, docker-compose, dockerfile, node.js, reactjs

I have created a Dockerfile, when run with docker-compose displays ‘Hello world’ in the browser. Now I want to be able to display a simple react form with some fields to enter text in and a submit button. Is there examples of any simple projects out there that I can just use. How will I update my files, that I have shown below

These are the files that I cam using:

Package.json –

  "name": "nodejs-hello",
  "version": "1.0.0",
  "description": "des",
  "main": "index.js",
  "scripts": {
    "test": "echo "Error: no test specified" && exit 1"
  "author": "hh",
  "license": "ISC",
  "keywords": [
  "dependencies": {
    "express": "^4.17.1"

index.js –

    //now it load express module with `require` directive
var express = require('express')
var app = express()
const PORT = 8080;
//Define request response in root URL (/) and response with text Hello World!
app.get('/', function (req, res) {
  res.send('Hello World')
//Launch listening server on port 8080 and consoles the log.
app.listen(PORT, function () {
  console.log('app listening on port ' + PORT)

Dockerfile –

FROM node:latest


COPY package.json index.js ./

RUN npm install


CMD node index.js

Docker Compose –

version: "3"

    image: my-image:1.0
    build: .
      - '8080:8080'

What I have now is similar to the example in that link.

Now I just want to be able to display a react form in the browser.

Source: Docker Questions