Sito con props

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.