++

Added already existing code for further development

frontend/src/App.jsx

@@ -0,0 +1,48 @@
+import React, { useState } from 'react';
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; // Use Routes here
+import './App.css';
+import Header from './components/header'; // Make sure the import path is correct
+import Home from './pages/home';
+import Login from './pages/login';
+import Register from './pages/register';
+
+function App() {
+  const [isLoggedIn, setIsLoggedIn] = useState(false);
+  const [popupMessage, setPopupMessage] = useState('');
+
+  const showPopup = (message) => {
+    setPopupMessage(message);
+    setTimeout(() => setPopupMessage(''), 3000); // Popup disappears after 3 seconds
+  };
+
+  return (
+    <Router>
+      <div>
+        {popupMessage && <div className="popup">{popupMessage}</div>}
+
+        {/* Header is placed at the top of the page */}
+        <Header isLoggedIn={isLoggedIn} />
+
+        <Routes>
+          <Route
+            path="/"
+            element={<Home isLoggedIn={isLoggedIn} setIsLoggedIn={setIsLoggedIn} />}
+          />
+          <Route
+            path="/login"
+            element={<Login setIsLoggedIn={setIsLoggedIn} />}
+          />
+          <Route
+            path="/register"
+            element={<Register setIsLoggedIn={(status) => {
+              setIsLoggedIn(status);
+              showPopup('User registered successfully!');
+            }} />}
+          />
+        </Routes>
+      </div>
+    </Router>
+  );
+}
+
+export default App;