Updated workflow for docker

.dockerignore

@@ -0,0 +1 @@
+node_modules

.github/workflows/docker-react.yml

@@ -0,0 +1,26 @@
+name: Docker Build and Run React App
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  build-and-run:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+
+      - name: Build Docker image
+        run: docker build -t developerstar:latest .
+
+      - name: Run Docker container
+        run: docker run -d -p 3000:5173 developerstar:latest

Dockerfile

@@ -0,0 +1,25 @@
+# base docker image for our deployment
+FROM node:20-alpine
+
+# we define the working directory
+WORKDIR /app
+
+# copy selected files to WorkDir 
+COPY package*.json .
+
+# suppose if we're working with Typescript, then we can also: COPY tsconfig.json
+
+# installing all the required node packages
+RUN npm install
+
+# copying from source to destination
+# since we didn't wanted node_modules to be copies, so we added it in .dockerignore file
+COPY . .
+
+# exposing the port on which we were running
+EXPOSE 5173
+
+# running our command
+CMD [ "npm", "run", "dev" ]
+
+# in the 'dev' script in package.json add '--host 0.0.0.0', so that it can run from any IP-Address

package.json

@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host 0.0.0.0",
     "build": "vite build",
     "preview": "vite preview"
   },