v5.5.3

- Use separate Dockerfile to build backend and frontend
- React now fully controls the webpage content
- Django now only provides APIs

README.md

@@ -17,8 +17,8 @@ Latest Update: 12 July 2024
 ## To scrape data from Booking.com
 - Pull this Docker image: ```docker pull sakanbeer88/best-hotel-web-app-backend:latest```
 - Pull this Docker image: ```docker pull sakanbeer88/best-hotel-web-app-frontend:latest```
-- Run a Docker container
-- Navigate to [localhost:8000](http://localhost:8000)
+- Run ```docker-compose up --build```
+- Navigate to [localhost:3000](http://localhost:3000)
 
 ## Disclaimer
 When filling the form, please use an abbreviation for currency

frontend/Dockerfile

@@ -5,13 +5,13 @@ FROM node:21
 WORKDIR /app
 
 # Copy package.json and package-lock.json to the working directory
-COPY package*.json ./
+COPY package*.json /app/
 
 # Install dependencies
 RUN npm install
 
 # Copy the rest of the application code into the container
-COPY . .
+COPY . /app/
 
 # Build the React app for production
 RUN npm run build

frontend/webpack.config.js

@@ -28,7 +28,7 @@ module.exports = {
   },
   plugins: [
     new HtmlWebpackPlugin({
-      template: './public/index.html', // Assuming your index.html is in the src directory
+      template: './public/index.html',
     }),
   ],
   devServer: {