-
-
- Edit src/App.jsx and save to test HMR
-
+
+
+ }/>
+ }/>
+
-
- Click on the Vite and React logos to learn more
-
-
{import.meta.env.MODE}
-
- {hello ? hello.message : 'Loading...'}
-
)
}
diff --git a/frontend/src/components/Login.jsx b/frontend/src/components/Login.jsx
new file mode 100644
index 0000000..9390ec5
--- /dev/null
+++ b/frontend/src/components/Login.jsx
@@ -0,0 +1,10 @@
+import { Link } from 'react-router-dom'
+export default function Login() {
+ return (
+ <>
+
login page
+
Go back
+
+ );
+ }
+
\ No newline at end of file
diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx
index b9a1a6d..8e9379d 100644
--- a/frontend/src/main.jsx
+++ b/frontend/src/main.jsx
@@ -1,10 +1,13 @@
import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
+import { BrowserRouter } from "react-router-dom";
import './index.css'
import App from './App.jsx'
createRoot(document.getElementById('root')).render(
-
+
+
+ ,
,
)
diff --git a/frontend/src/pages/Home.css b/frontend/src/pages/Home.css
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/pages/Home.jsx b/frontend/src/pages/Home.jsx
new file mode 100644
index 0000000..a7da3ad
--- /dev/null
+++ b/frontend/src/pages/Home.jsx
@@ -0,0 +1,61 @@
+import { useState, useEffect } from 'react'
+import reactLogo from '../assets/react.svg'
+import { Link } from 'react-router-dom'
+import './Home.css'
+
+function Home() {
+ const [count, setCount] = useState(0)
+ const [hello, setHello] = useState(null)
+ const setCountFunc = () => {
+ setCount(count + 1);
+ }
+
+ const apiHost= import.meta.env.MODE === 'production' ? '': 'http://localhost:8000';
+
+ useEffect(() => {
+ // Fetch JSON data from the API endpoint
+ fetch(`${apiHost}/api/hello`)
+ .then(response => {
+ if (!response.ok) {
+ throw new Error('Network response was not ok');
+ }
+ return response.json();
+ })
+ .then(data => setHello(data))
+ .catch(error => console.error('Error fetching data:', error));
+ }, []); // Empty dependency array runs this effect once on mount
+
+ return (
+ <>
+
+
Vite + React
+
+ Go to Login
+
+
+
+
+ Edit src/App.jsx and save to test HMR
+
+
+
+ Click on the Vite and React logos to learn more
+
+
{import.meta.env.MODE}
+
+ {hello ? hello.message : 'Loading...'}
+
+
+ )
+}
+
+export default Home