diff --git a/full-stack/1-postgresql/README.md b/full-stack/1-postgresql/README.md
index 346e0db..f02ebe0 100644
--- a/full-stack/1-postgresql/README.md
+++ b/full-stack/1-postgresql/README.md
@@ -1,3 +1,6 @@
+# PostgreSQL
+https://www.postgresql.org
+
# PostgreSQL on Ubuntu
These are Ubuntu instructions. They may vary on Windows and Mac.
diff --git a/full-stack/4-react/public/rawr-dinosaur.svg b/full-stack/4-react/public/rawr-dino.svg
similarity index 100%
rename from full-stack/4-react/public/rawr-dinosaur.svg
rename to full-stack/4-react/public/rawr-dino.svg
diff --git a/full-stack/4-react/src/App.jsx b/full-stack/4-react/src/App.jsx
index 5cd430f..8835378 100644
--- a/full-stack/4-react/src/App.jsx
+++ b/full-stack/4-react/src/App.jsx
@@ -1,6 +1,6 @@
import { useState } from 'react'
-import gertie from './assets/Gertie_the_Dinosaur_poster.jpg'
-import rawrDinosaur from '/rawr-dinosaur.svg'
+import gertie from './assets/gertie.jpg'
+import rawrDinosaur from '/rawr-dino.svg'
import './App.css'
function App() {
diff --git a/full-stack/4-react/src/assets/Gertie_the_Dinosaur_poster.jpg b/full-stack/4-react/src/assets/gertie.jpg
similarity index 100%
rename from full-stack/4-react/src/assets/Gertie_the_Dinosaur_poster.jpg
rename to full-stack/4-react/src/assets/gertie.jpg
diff --git a/full-stack/5-react-fastapi/public/rawr-dinosaur.svg b/full-stack/5-react-fastapi/public/rawr-dinosaur.svg
deleted file mode 100644
index 96a5288..0000000
--- a/full-stack/5-react-fastapi/public/rawr-dinosaur.svg
+++ /dev/null
@@ -1,47 +0,0 @@
-
-
\ No newline at end of file
diff --git a/full-stack/5-react-fastapi/public/umbrellas.jpg b/full-stack/5-react-fastapi/public/umbrellas.jpg
new file mode 100644
index 0000000..552c3f0
Binary files /dev/null and b/full-stack/5-react-fastapi/public/umbrellas.jpg differ
diff --git a/full-stack/5-react-fastapi/src/App.css b/full-stack/5-react-fastapi/src/App.css
index 2fde192..29ed1ca 100644
--- a/full-stack/5-react-fastapi/src/App.css
+++ b/full-stack/5-react-fastapi/src/App.css
@@ -5,26 +5,32 @@
text-align: center;
}
-.dinosaur {
- height: 12em;
+.citizen {
+ height: 24em;
padding: 1.5em;
will-change: filter;
transition: filter 300ms;
}
-.dinosaur.gertie {
- height: 32em;
+.citizen.users {
+ height: 8em;
}
-.dinosaur:hover {
+.citizen:hover {
filter: drop-shadow(0 0 2em #646cffaa);
}
-.dinosaur.gertie:hover {
+.citizen.users:hover {
filter: drop-shadow(0 0 2em #61dafbaa);
}
-.card {
- padding: 2em;
+table {
+ margin: 0 auto;
+ border-collapse: collapse;
+ width: 100%;
+}
+
+tr {
+ border-bottom: 1px solid #ddd;
}
-.read-the-docs {
- color: #888;
+td {
+ padding: 0.5em;
}
diff --git a/full-stack/5-react-fastapi/src/App.jsx b/full-stack/5-react-fastapi/src/App.jsx
index 2f67255..be1ffa5 100644
--- a/full-stack/5-react-fastapi/src/App.jsx
+++ b/full-stack/5-react-fastapi/src/App.jsx
@@ -1,6 +1,7 @@
import { useState } from 'react'
-import gertie from './assets/Gertie_the_Dinosaur_poster.jpg'
-import rawrDinosaur from '/rawr-dinosaur.svg'
+import user1 from './assets/user1.svg'
+import user2 from './assets/user2.svg'
+import umbrellas from '/umbrellas.jpg'
import './App.css'
import Users from './Users'
@@ -10,26 +11,16 @@ function App() {
return (
<>
+ Users Report
+
- Gertie the Dinosaur
-
-
-
- Edit src/App.jsx and save to test HMR
-
-
- Click on the Vite and React logos to learn more
-
)
}
diff --git a/full-stack/5-react-fastapi/src/Users.jsx b/full-stack/5-react-fastapi/src/Users.jsx
index 13c05aa..bc6add9 100644
--- a/full-stack/5-react-fastapi/src/Users.jsx
+++ b/full-stack/5-react-fastapi/src/Users.jsx
@@ -5,26 +5,32 @@ const UsersContext = React.createContext({
})
function Users() {
- console.log('=== Users')
const [users, setUsers] = useState([])
+
const fetchUsers = async () => {
const response = await fetch("http://localhost:8000/users")
const responseUsers = await response.json()
console.log(responseUsers)
setUsers(responseUsers)
}
+
useEffect(() => {
fetchUsers()
}, [])
+
return (
-
- {users.map(user => (
-
-
{user.name}
-
{user.birthday}
-
+ | Name | E-mail | Birthday |
|---|
+
+ {users.map(user => (
+
+ | {user.name} |
+ {user.email_id} |
+ {user.birthday} |
+
+ ))}
+
+
)
}
diff --git a/full-stack/5-react-fastapi/src/assets/Gertie_the_Dinosaur_poster.jpg b/full-stack/5-react-fastapi/src/assets/Gertie_the_Dinosaur_poster.jpg
deleted file mode 100644
index 88c91ab..0000000
Binary files a/full-stack/5-react-fastapi/src/assets/Gertie_the_Dinosaur_poster.jpg and /dev/null differ
diff --git a/full-stack/5-react-fastapi/src/assets/user1.svg b/full-stack/5-react-fastapi/src/assets/user1.svg
new file mode 100644
index 0000000..332a1cf
--- /dev/null
+++ b/full-stack/5-react-fastapi/src/assets/user1.svg
@@ -0,0 +1,215 @@
+
+
+
diff --git a/full-stack/5-react-fastapi/src/assets/user2.svg b/full-stack/5-react-fastapi/src/assets/user2.svg
new file mode 100644
index 0000000..bf097ce
--- /dev/null
+++ b/full-stack/5-react-fastapi/src/assets/user2.svg
@@ -0,0 +1,358 @@
+
+
+
+