Changeset 0d9725c


Ignore:
Timestamp:
01/25/26 21:42:37 (6 months ago)
Author:
Dimitar Arsov <dimitararsov04@…>
Branches:
main
Children:
efe76fe
Parents:
4063ae0
Message:

initial user profile pages

Files:
12 added
3 edited

Legend:

Unmodified
Added
Removed
  • frontend/package-lock.json

    r4063ae0 r0d9725c  
    1212        "react": "^19.2.0",
    1313        "react-dom": "^19.2.0",
     14        "react-router-dom": "^7.13.0",
    1415        "tailwindcss": "^4.1.18"
    1516      },
     
    21542155      "dev": true,
    21552156      "license": "MIT"
     2157    },
     2158    "node_modules/cookie": {
     2159      "version": "1.1.1",
     2160      "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.1.1.tgz",
     2161      "integrity": "sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==",
     2162      "license": "MIT",
     2163      "engines": {
     2164        "node": ">=18"
     2165      },
     2166      "funding": {
     2167        "type": "opencollective",
     2168        "url": "https://opencollective.com/express"
     2169      }
    21562170    },
    21572171    "node_modules/cross-spawn": {
     
    33413355      }
    33423356    },
     3357    "node_modules/react-router": {
     3358      "version": "7.13.0",
     3359      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.13.0.tgz",
     3360      "integrity": "sha512-PZgus8ETambRT17BUm/LL8lX3Of+oiLaPuVTRH3l1eLvSPpKO3AvhAEb5N7ihAFZQrYDqkvvWfFh9p0z9VsjLw==",
     3361      "license": "MIT",
     3362      "dependencies": {
     3363        "cookie": "^1.0.1",
     3364        "set-cookie-parser": "^2.6.0"
     3365      },
     3366      "engines": {
     3367        "node": ">=20.0.0"
     3368      },
     3369      "peerDependencies": {
     3370        "react": ">=18",
     3371        "react-dom": ">=18"
     3372      },
     3373      "peerDependenciesMeta": {
     3374        "react-dom": {
     3375          "optional": true
     3376        }
     3377      }
     3378    },
     3379    "node_modules/react-router-dom": {
     3380      "version": "7.13.0",
     3381      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.13.0.tgz",
     3382      "integrity": "sha512-5CO/l5Yahi2SKC6rGZ+HDEjpjkGaG/ncEP7eWFTvFxbHP8yeeI0PxTDjimtpXYlR3b3i9/WIL4VJttPrESIf2g==",
     3383      "license": "MIT",
     3384      "dependencies": {
     3385        "react-router": "7.13.0"
     3386      },
     3387      "engines": {
     3388        "node": ">=20.0.0"
     3389      },
     3390      "peerDependencies": {
     3391        "react": ">=18",
     3392        "react-dom": ">=18"
     3393      }
     3394    },
    33433395    "node_modules/resolve-from": {
    33443396      "version": "4.0.0",
     
    34103462        "semver": "bin/semver.js"
    34113463      }
     3464    },
     3465    "node_modules/set-cookie-parser": {
     3466      "version": "2.7.2",
     3467      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.2.tgz",
     3468      "integrity": "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==",
     3469      "license": "MIT"
    34123470    },
    34133471    "node_modules/shebang-command": {
  • frontend/package.json

    r4063ae0 r0d9725c  
    1414    "react": "^19.2.0",
    1515    "react-dom": "^19.2.0",
     16    "react-router-dom": "^7.13.0",
    1617    "tailwindcss": "^4.1.18"
    1718  },
  • frontend/src/App.tsx

    r4063ae0 r0d9725c  
    11import { useEffect } from "react";
     2import { BrowserRouter, Routes, Route } from "react-router-dom";
     3import AllUsers from "./components/userProfile/AllUsersHelper";
     4import UserDetail from "./components/userProfile/UserDetail";
     5
     6function Home() {
     7  useEffect(() => {
     8    const fetchData = async () => {
     9      const response = await fetch("http://localhost:8080/");
     10      const data = await response.json();
     11      console.log(data);
     12    };
     13    fetchData();
     14  });
     15
     16  return (
     17    <>
     18      <p className="text-red-500">ok</p>
     19    </>
     20  );
     21}
    222
    323function 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         );
     24  return (
     25    <BrowserRouter>
     26      <Routes>
     27        <Route path="/" element={<Home />} />
     28        <Route path="/users" element={<AllUsers />} />
     29        <Route path="/users/:userId" element={<UserDetail />} />
     30      </Routes>
     31    </BrowserRouter>
     32  );
    1833}
    1934
Note: See TracChangeset for help on using the changeset viewer.