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 ( <>
+
- 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 ( -{user.birthday}
-Name | Birthday | |
---|---|---|
{user.name} | +{user.email_id} | +{user.birthday} | +