Changeset 0c86e77 for frontend/src


Ignore:
Timestamp:
01/26/26 15:21:02 (6 months ago)
Author:
Filip Gavrilovski <filipgavrilovski28@…>
Branches:
main
Children:
24a2a2a
Parents:
5c65932
Message:

add axios, auth context, simple working register form on frontend

Location:
frontend/src
Files:
6 added
2 edited

Legend:

Unmodified
Added
Removed

  • frontend/src/App.tsx

    r5c65932 r0c86e77  
    1 import { useEffect } from "react";
     1import { createBrowserRouter, Outlet, RouterProvider } from "react-router-dom";
     2import LandingPage from "./LandingPage";
     3import Login from "./Login";
     4import Register from "./Register";
     5
     6const Layout = () => {
     7        return (
     8                <div className="flex flex-col min-h-screen">
     9                        {/* <Nav /> */}
     10                        <main className="grow">
     11                                <Outlet />
     12                        </main>
     13                </div>
     14        );
     15};
     16
     17const router = createBrowserRouter([
     18        {
     19                path: "",
     20                element: <Layout />,
     21                children: [
     22                        {
     23                                path: "/",
     24                                element: <LandingPage />,
     25                        },
     26                        {
     27                                path: "/login",
     28                                element: <Login />,
     29                        },
     30                        {
     31                                path: "/register",
     32                                element: <Register />,
     33                        },
     34                ],
     35        },
     36]);
    237
    338function App() {
    4         useEffect(() => {
    5                 const fetchData = async () => {
    6                         const response = await fetch("http://localhost:8080/");
    7                         const data = await response.json();
    8                         console.log(data);
    9                 };
    10                 fetchData();
    11         });
    12 
    13         return (
    14                 <>
    15                         <p className="text-red-500">ok</p>
    16                 </>
    17         );
     39        return <RouterProvider router={router} />;
    1840}
    1941

  • frontend/src/main.tsx

    r5c65932 r0c86e77  
    22import { createRoot } from "react-dom/client";
    33import App from "./App.tsx";
     4import { AuthProvider } from "./context/authContext.tsx";
    45import "./index.css";
    56
    67createRoot(document.getElementById("root")!).render(
    78        <StrictMode>
    8                 <App />
     9                <AuthProvider>
     10                        <App />
     11                </AuthProvider>
    912        </StrictMode>,
    1013);
Note: See TracChangeset for help on using the changeset viewer.