https://github.com/lorussogiacomoluca/react-router
Exercise #52/53 - 15-16/05/2025
https://github.com/lorussogiacomoluca/react-router
hooks iteration javascript layouts navigate outlet-component props react react-router useeffect useparams usestate
Last synced: about 1 month ago
JSON representation
Exercise #52/53 - 15-16/05/2025
- Host: GitHub
- URL: https://github.com/lorussogiacomoluca/react-router
- Owner: lorussogiacomoluca
- Created: 2025-05-15T12:53:59.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-16T15:47:07.000Z (about 1 year ago)
- Last Synced: 2025-10-27T14:16:40.098Z (8 months ago)
- Topics: hooks, iteration, javascript, layouts, navigate, outlet-component, props, react, react-router, useeffect, useparams, usestate
- Language: JavaScript
- Homepage:
- Size: 163 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📘 Esercizio 52
## 🗓️ Esercizio di oggi: React Blog Pages
**repo:** `react-router`
---
## 📋 Consegna
Creiamo il frontend del nostro Blog e le sue pagine!
Partiamo installando React Router DOM:
`npm install react-router-dom`
Definiamo almeno 3 pagine:
- una homepage 🏠
- una pagina "chi siamo" 🙋♀️
- una pagina con un elenco di prodotti, personaggi, post – scegliete voi.
Potete utilizzare le API di:
- Rick & Morty 👉 https://rickandmortyapi.com
- FakeStore 👉 https://fakestoreapi.com
- Oppure l'esercizio fatto con Node ed Express.
Implementiamo una **navbar in comune** a tutte le pagine per poter navigare tra loro 🧭
---
## 🔁 Numero minimo di push: **8/9**
---
## 🌟 Bonus
Gestire la **classe active**
---
## 👨💻 Buon Lavoro!
---
# 📌 PARTE 2
**repo:** react-router (stessa di ieri)
## 📋 Consegna
Completiamo il nostro routing con l’aggiunta delle pagine di dettaglio!
Aggiungiamo i link alla lista dei post
Facciamo quindi in modo di raggiungere la pagina di dettaglio del singolo post
## 🔁 Numero minimo di push: **7**
---
## 🌟 Bonus
Centralizzare la Navbar grazie a un Layout
Proviamo a inserire nella pagina di dettaglio una navigazione che ci consenta di andare al post precedente e a quello successivo