Consegna del Progetto: Sviluppo di un Sito Web con Next.js
Obiettivo:
Creare un sito web semplice ma funzionale utilizzando Next.js e i componenti forniti (Navbar, Card, Product/Bannerone, Iscrizione). Il sito deve essere composto da almeno due pagine e seguire il tema assegnato.
Il sito deve essere popolato usando le props e i componenti devono essere rivoluzionati usando CSS
Studenti e Temi:
-
BASSETTO MATTIA: "Racconti Brevi" (Storie di fantasia concise)
-
CAGAYAN MENGO ALESSANDRO: "Esplora le Piante" (Guida alle piante da appartamento)
-
CALZAVARA CARLO ANDREA: "Disegna Facile" (Tutorial di disegno per principianti)
-
CANCIAN ACHILLE: "Suoni del Mondo" (Raccolta di suoni rilassanti)
-
CAPIOTTO FILIPPO: "Il Meteo di Oggi" (Previsioni del tempo locali)
-
COSI FILIPPO: "Viaggi Brevi" (Itinerari per weekend fuori porta)
-
DRIUSSO GIULIANO: "Impara le Parole" (Vocabolario di base di una lingua straniera)
-
KRASNIQI ARDISON: "Ridi con Noi" (Barzellette e brevi storie divertenti)
-
MAFTEUTA LIVIU: "Costruisci con i Lego" (Idee creative con i Lego)
-
MASCHIETTO DEBRA: "Canta con Noi" (Testi di canzoni popolari)
-
POLI PIETRO: "Ricicla Facile" (Idee per riutilizzare oggetti comuni)
-
PURISIOL ACHILLE: "Osserva le Stelle" (Guida introduttiva all'astronomia)
-
RIVOLI LUCA: "Fotografa Facile" (Consigli per scattare foto migliori)
-
ROMAN CARLO: "Le Ricette della Nonna" (Ricette tradizionali)
-
SOCAL MATTIA: "Quiz Time" (Quiz interattivi su argomenti vari)
-
VIGANO’ PIERPAOLO: "Crea con la Carta" (Origami e lavoretti con la carta)
-
ZOIA MANUEL: "Il Mondo dei Colori" (Attività e giochi sui colori)
Requisiti:
-
Pagine:
-
Home Page: Pagina principale con titolo, descrizione del tema, elenco di contenuti (utilizzando le Card) e, se pertinente, Bannerone/Product e Iscrizione.
-
Pagina "Articolo/Contenuto": Pagina dedicata a un articolo, guida o risorsa specifica, con testo dettagliato, immagini e/o video.
-
Componenti:
-
Navbar: Utilizzare il componente Navbar nella pagina layout.js per la navigazione tra le pagine.
-
Card: Utilizzare le Card per presentare i contenuti nella Home Page.
-
Product e Bannerone: Utilizzare in modo creativo.
-
Iscrizione: componente di iscrizione ad una news letter.
-
Layout:
- Usare la navbar.
- Aggiungere un footer (facoltativo).
-
Contenuto:
- Utilizzare testo chiaro e conciso, adatto al pubblico di riferimento.
- Aggiungere immagini, video o altri elementi multimediali per arricchire il contenuto.
-
Valutazione:
-
Funzionalità: Il sito deve funzionare correttamente e la navigazione deve essere fluida.
-
Design: Il sito deve avere un design accattivante e coerente.
-
Contenuto: Il contenuto deve essere pertinente, chiaro e ben presentato.
-
Originalità: Si valuterà l'originalità del contenuto e del design.
-
Utilizzo di Next.js: Si valuterà l'utilizzo corretto di Next.js e dei suoi componenti.
-
Consegna:
- Avete 6 ore di tempo per completarlo
-
Suggerimenti:
- Pianificare la struttura del sito prima di iniziare a scrivere il codice.
- prendere i componenti già sviluppati con le props
- Cancellare il contenuto di global CSS(tranne l'import di tailwind), creare la cartella components e images
- Usare commit e push
-
Ricordate: L'obiettivo principale è creare un sito web semplice, funzionale e accattivante che dimostri la vostra comprensione di Next.js, dei suoi componenti e Tailwind.