Randomusers component

randomuser_api/src/App.jsx

@@ -1,3 +1,5 @@
+import Header from "./components/Header";
+import RandomUsers from "./components/RandomUsers";
 
 function App() {
 
@@ -5,7 +7,9 @@ function App() {
 
   return (
     <div>
-      
+      <Header szoveg="Randomuser API" />
+      <RandomUsers />
+
     </div>
   )
 }

randomuser_api/src/components/Header.jsx

@@ -0,0 +1,11 @@
+
+
+function Header({szoveg}) {
+  return (
+    <h1 className="text-3xl text-center font-bold text-green-800 bg-green-200 p-2">
+        {szoveg}
+    </h1>
+  )
+}
+
+export default Header

randomuser_api/src/components/RandomUsers.jsx

@@ -0,0 +1,12 @@
+import { useState,useEffect } from "react";
+
+function RandomUsers() {
+    const[users,setUsers]=useState([]);
+  return (
+    <div>
+        <h2 className="text-2xl text-center font-bold text-green-900 m-5">Felhasználók:</h2>
+    </div>
+  )
+}
+
+export default RandomUsers