diff --git a/randomuser_api/src/App.jsx b/randomuser_api/src/App.jsx
index 1ca86e0..5d43186 100644
--- a/randomuser_api/src/App.jsx
+++ b/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>
   )
 }
diff --git a/randomuser_api/src/components/Header.jsx b/randomuser_api/src/components/Header.jsx
new file mode 100644
index 0000000..108be9c
--- /dev/null
+++ b/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
\ No newline at end of file
diff --git a/randomuser_api/src/components/RandomUsers.jsx b/randomuser_api/src/components/RandomUsers.jsx
new file mode 100644
index 0000000..c64c142
--- /dev/null
+++ b/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
\ No newline at end of file