Deploy updated build to GitHub Pages

Author: hb99960

.github/workflows/api-proxy.yml

@@ -0,0 +1,33 @@
+name: API Proxy
+
+on: [push]
+
+jobs:
+  proxy-api:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Set up Node.js
+      uses: actions/setup-node@v2
+      with:
+        node-version: '14'
+
+    - name: Run API Proxy Server
+      run: |
+        const express = require('express');
+        const cors = require('cors');
+        const fetch = require('node-fetch');
+        const app = express();
+
+        app.use(cors());
+
+        app.get('/proxy', async (req, res) => {
+          const apiUrl = 'http://52.66.253.68/asteroidMVC/public/asteroids';
+          const response = await fetch(apiUrl);
+          const data = await response.json();
+          res.json(data);
+        });
+
+        app.listen(3000, () => {
+          console.log('Proxy running on port 3000');
+        });

package-lock.json

@@ -1,5 +1,5 @@
 {
-  "homepage": "https://hb99960.github.io/NEO-Asteroids/",
+  "homepage": "http://hb99960.github.io/NEO-Asteroids/",
   "name": "my-app",
   "version": "0.1.0",
   "private": true,
@@ -9,6 +9,7 @@
     "@testing-library/user-event": "^13.5.0",
     "chart.js": "^4.4.4",
     "react": "^18.3.1",
+    "react-bootstrap": "^2.10.4",
     "react-chartjs-2": "^5.2.0",
     "react-dom": "^18.3.1",
     "react-scripts": "5.0.1",

package.json

@@ -4,6 +4,7 @@
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"

public/index.html

@@ -14,7 +14,7 @@ export default class LineChart extends Component {
     console.log("In Line Chart closestAsteroidDistance : ",closestAsteroidDistance);
     console.log("In Line Chart averageDiameter : ",averageDiameter);
     return (
-      <div>
+      <div style={{ width: "100%", height: "400px" }}>
         Asteroid Data
         <Line
           data={{