changed index.html

Author: Shadi38

.github/workflows/front-end.yml

@@ -1,41 +1,10 @@
-# name: Upload Frontend
-# 'on':
-#   push:
-#     branches:
-#       - main
-#     paths: null
-# jobs:
-#   build:
-#     runs-on: ubuntu-latest
-#     steps:
-#       - name: Checkout code
-#         uses: actions/checkout@v3
-#       - name: Set up Node.js
-#         uses: actions/setup-node@v3
-#       - name: Create .env File
-#         run: |
-#           touch ./client/.env
-#           echo "${{ secrets.FRONT_ENV_FILE }}" > ./client/.env
-#       - name: Install dependencies
-#         run: npm install
-#         working-directory: ./client
-#       - name: Build app
-#         run: npm run build
-#         working-directory: ./client
-#       - name: Upload to S3
-#         uses: aws-actions/configure-aws-credentials@v1
-#         with:
-#           aws-access-key-id: '${{ secrets.AWS_ACCESS_KEY_ID }}'
-#           aws-secret-access-key: '${{ secrets.AWS_SECRET_ACCESS_KEY }}'
-#           aws-region: eu-west-2
-#       - name: Deploy static site to S3 bucket
-#         run: 'aws s3 sync ./client/build s3://fullstackprojectaws'
+
 name: Upload Frontend
 'on':
   push:
     branches:
       - main
-    paths: null
+    # paths: null
 jobs:
   build:
     runs-on: ubuntu-latest
@@ -44,10 +13,6 @@ jobs:
         uses: actions/checkout@v3
       - name: Set up Node.js
         uses: actions/setup-node@v3
-      # - name: Create .env File
-      #   run: |
-      #     touch ./client/.env
-      #     echo "${{ secrets.FRONT_ENV_FILE }}" > ./client/.env
       - name: Install dependencies
         run: npm install
         working-directory: ./client
@@ -62,4 +27,5 @@ jobs:
           aws-secret-access-key: '${{ secrets.AWS_SECRET_ACCESS_KEY }}'
           aws-region: eu-west-2
       - name: Deploy static site to S3 bucket
-        run: 'aws s3 sync ./client/build s3://reccomendationsh'
+        # run: 'aws s3 sync ./client/build s3://reccomendationsh'
+        run: aws s3 sync ./client/build s3://reccomendationsh --delete

client/.DS_Store

@@ -1,25 +1,26 @@
-// import React from "react";
-// import ReactDOM from "react-dom";
-// import "./index.css";
-// import App from "./App";
-// import "bootstrap/dist/css/bootstrap.min.css";
 
+// import React from 'react';
+// import ReactDOM from 'react-dom';
+// import './index.css';
+// import App from './App';
+// import { BrowserRouter } from 'react-router-dom';
 
 // ReactDOM.render(
-//   <React.StrictMode>
+//   <BrowserRouter> {/* Wrapping App component with BrowserRouter */}
 //     <App />
-//   </React.StrictMode>,
-//   document.getElementById("root")
+//   </BrowserRouter>,
+//   document.getElementById('root')
 // );
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import { BrowserRouter } from 'react-router-dom';
+
+
+import React from "react";
+import ReactDOM from "react-dom";
+import { HashRouter } from "react-router-dom"; 
+import App from "./App";
 
 ReactDOM.render(
-  <BrowserRouter> {/* Wrapping App component with BrowserRouter */}
+  <HashRouter>
     <App />
-  </BrowserRouter>,
-  document.getElementById('root')
+  </HashRouter>,
+  document.getElementById("root")
 );

client/build/.DS_Store

@@ -33,7 +33,7 @@ resource "aws_s3_bucket_website_configuration" "static_website" {
     suffix = "index.html"
   }
   error_document {
-    key = "error.html"
+    key = "index.html"
   }
 }
 resource "aws_s3_object" "index_html" {
@@ -43,10 +43,5 @@ resource "aws_s3_object" "index_html" {
   content_type = "text/html"
 }
 
-# resource "aws_s3_object" "error_html" {
-#   bucket       = aws_s3_bucket.buckets3.id
-#   key          = "error.html"
-#   source       = "../client/build/error.html"
-#   content_type = "text/html"
-# }
+