From b72ae5d3765675d2427da47afb2f3b6ef705771a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kov=C3=A1cs=20Rudolf?= <kovacsrud@gszi.edu.hu>
Date: Mon, 5 Oct 2026 11:07:08 +0200
Subject: [PATCH] =?UTF-8?q?Card=20k=C3=A9sz=C3=ADt=C3=A9s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 randomuser_api/src/components/RandomUser.jsx  | 26 +++++++++++++++++++
 randomuser_api/src/components/RandomUsers.jsx | 16 ++++++++++++
 2 files changed, 42 insertions(+)
 create mode 100644 randomuser_api/src/components/RandomUser.jsx

diff --git a/randomuser_api/src/components/RandomUser.jsx b/randomuser_api/src/components/RandomUser.jsx
new file mode 100644
index 0000000..82d4f9f
--- /dev/null
+++ b/randomuser_api/src/components/RandomUser.jsx
@@ -0,0 +1,26 @@
+
+
+function RandomUser({ user }) {
+    return (
+        <div className="card bg-base-100 w-96 shadow-sm">
+            <figure className="px-10 pt-10">
+                <img
+                    src={user.picture.large}
+                    alt={user.name.first}
+                    className="rounded-xl" />
+            </figure>
+            <div className="card-body items-center text-center">
+                <h2 className="card-title">{user.name.title} {user.name.first} {user.name.last}</h2>
+                <p>Phone:{user.phone}</p>
+                <p>Cell:{user.cell}</p>
+                <p>Email:{user.email}</p>
+                
+                <div className="card-actions">
+                    
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default RandomUser
\ No newline at end of file
diff --git a/randomuser_api/src/components/RandomUsers.jsx b/randomuser_api/src/components/RandomUsers.jsx
index c64c142..e585c18 100644
--- a/randomuser_api/src/components/RandomUsers.jsx
+++ b/randomuser_api/src/components/RandomUsers.jsx
@@ -2,9 +2,25 @@ import { useState,useEffect } from "react";
 
 function RandomUsers() {
     const[users,setUsers]=useState([]);
+
+    const letolt=()=>{
+        fetch('https://randomuser.me/api/?results=50')
+        .then(res=>res.json())
+        .then(adat=>setUsers(adat.results))
+        .catch(err=>alert(err));
+
+    }
+
+    useEffect(()=>{
+        letolt();
+    },[])
+
   return (
     <div>
         <h2 className="text-2xl text-center font-bold text-green-900 m-5">Felhasználók:</h2>
+        {
+            users.map((user,i)=>(<p key={i}>{user.name.title}{user.name.first}{user.name.last}</p>))
+        }
     </div>
   )
 }