ironhack-labs · bienenbohnenbuhnen · Jul 18, 2023 · Jul 18, 2023 · Jul 19, 2023 · Jul 19, 2023
diff --git a/.env b/.env
@@ -0,0 +1,4 @@
+REACT_APP_SERVER_URL=http://localhost:5005
+# VITE_LIVE_SERVER=https://bookworm-backend.adaptable.app
+VITE_LIVE_SERVER=http://localhost:5005
+DEV_SERVER=http://localhost:5005
diff --git a/.env.sample b/.env.sample
@@ -1 +1,3 @@
-REACT_APP_SERVER_URL=http://localhost:5005
+REACT_APP_SERVER_URL=http://localhost:5005
+# update live server string when working locally - change to localhost:5005
+VITE_LIVE_SERVER=
diff --git a/.gitignore b/.gitignore
@@ -12,6 +12,8 @@ dist
 dist-ssr
 *.local
 
+.env
+
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json

diff --git a/chatgpt.jsx b/chatgpt.jsx
@@ -0,0 +1,68 @@
+import * as React from "react";
+import { Button, Input } from "@fluentui/react-components";
+import { useState, useEffect } from "react";
+import axios from "axios";
+
+function HomePage() {
+  const [prompt, setPrompt] = useState("");
+  const [message, setMessage] = useState("");
+
+  const handlePostReq = () => {
+    const url = "http://localhost:5005/api/completions";
+    const storedToken = localStorage.getItem("authToken");
+    axios
+      .post(
+        url,
+        {
+          message: prompt,
+        },
+        {
+          headers: { Authorization: `Bearer ${storedToken}` },
+        }
+      )
+      .then((resp) => console.log(resp))
+      .catch((error) => console.log(error));
+  };
+
+  // const getMessages = async () => {
+  //   const options = {
+  //     method: "POST",
+  //     body: JSON.stringify({
+  //       message: prompt,
+  //     }),
+  //     headers: {
+  //       "Content-Type": "application/json",
+  //     },
+  //   };
+  //   try {
+  //     const response = await fetch(
+  //       "http://localhost:5005/api/completions",
+  //       options
+  //     );
+  //     console.log("hello");
+  //     const data = await response.json();
+  //     console.log(response);
+  //     console.log(data);
+  //     setMessage(data.choices[0].message);
+  //   } catch (error) {
+  //     console.error(error);
+  //   }
+  // };
+
+  return (
+    <div class="container homepage">
+      <div class="homepage-1">
+        <img src={logo} alt="HopeMe Logo" />
+      </div>
+      <div>
+        <Input
+          onChange={(e) => setPrompt(e.target.value)}
+          placeholder="Add some detail"
+        />
+        <Button onClick={handlePostReq}>Let's Book!</Button>
+      </div>
+    </div>
+  );
+}
+
+export default HomePage;
diff --git a/index.html b/index.html
@@ -2,9 +2,13 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link
+      rel="icon"
+      type="image/svg+xml"
+      href="./src/assets/logos/logohopeme.png"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React</title>
+    <title>Hopeme</title>
   </head>
   <body>
     <div id="root"></div>