From d67e294fb9f3169692664fd9a3f7060aac7a5a00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kov=C3=A1cs=20Rudolf?= <kovacsrud@gszi.edu.hu>
Date: Mon, 5 Oct 2026 10:21:12 +0200
Subject: [PATCH] Randomusers component

---
 randomuser_api/src/App.jsx                    |  6 +++++-
 randomuser_api/src/components/Header.jsx      | 11 +++++++++++
 randomuser_api/src/components/RandomUsers.jsx | 12 ++++++++++++
 3 files changed, 28 insertions(+), 1 deletion(-)
 create mode 100644 randomuser_api/src/components/Header.jsx
 create mode 100644 randomuser_api/src/components/RandomUsers.jsx

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