RN Lezione 16: Presentazione e Consegna

Obiettivi

• Preparare una demo live dell’app
• Presentare il progetto alla classe
• Valutare i progetti dei compagni

---

1. Struttura presentazione (3-5 minuti)

Sezione	Durata	Cosa dire
Cos’è	30s	Nome app, a cosa serve, target utente
Demo live	2min	Mostra l’app FUNZIONANTE sul telefono
Tecnologia	1min	Componenti usati, navigazione, API, persistenza
Difficoltà	30s	Cosa è stato difficile, cosa hai imparato
Miglioramenti	30s	Cosa aggiungeresti con più tempo
Q&A	30s	Domande dei compagni

---

2. Checklist demo live

Prima della presentazione, verifica:

• Telefono carico (batteria ≥ 50%)
• Expo Go aperto e app funzionante
• Tutte le funzionalità CRUD funzionano
• Nessun crash durante la navigazione
• Pronto a mostrare il codice (editor aperto)
• App persiste dati (mostra: chiudi e riapri)

Cosa mostrare nella demo

1. Avvia app → mostra schermata principale
2. Aggiungi elemento → compila form → salva
3. Verifica che appaia nella lista
4. Clicca su elemento → mostra dettaglio
5. Elimina elemento (conferma)
6. Chiudi e riapri l'app → dati ancora lì! (persistenza)
7. (Opzionale) Naviga tra tab / drawer

---

3. Cosa documentare

Oltre alla demo live, consegna un file README.md nel progetto:

# Nome App

## Descrizione
App per [gestire/organizzare/...] che permette di [funzionalità principale].

## Screenshot
[inserisci screenshot dell'app]

## Funzionalità
- [x] Aggiungere elementi
- [x] Visualizzare lista
- [x] Eliminare elementi con conferma
- [x] Dati persistenti (AsyncStorage)
- [x] Navigazione a schede / stack

## Tecnologie
- React Native + Expo
- Expo Router (navigazione)
- AsyncStorage (dati)
- API: [se usata]
- Ionicons (icone)

## Difficoltà incontrate
[descrivi cosa è stato difficile e come lo hai risolto]

## Miglioramenti futuri
[cosa aggiungeresti con più tempo]

---

4. Griglia di valutazione tra pari

Durante le presentazioni, valuta i compagni (1-5):

Criterio	Punteggio (1-5)
L’app funziona (nessun crash)	☐
UI pulita e professionale	☐
Codice ben organizzato	☐
Persistenza funzionante	☐
Demo chiara e preparata	☐
Totale	/25

---

5. Checklist consegna finale

• Codice su GitHub (o chiavetta USB)
• APK funzionante su telefono
• README.md compilato
• Screenshot dell’app
• Breve relazione (cosa hai fatto, difficoltà, miglioramenti)
• Codice ben indentato e commentato
• Branch finale: consegna

---

6. Congratulazioni! 🎉

Hai completato il corso di React Native!

Cosa hai imparato in 48 ore?

Modulo	Competenze
JavaScript	Arrow functions, map/filter, destrutturazione, spread
React	Componenti, props, useState, useEffect
UI Mobile	View, Text, FlatList, StyleSheet, Flexbox
Persistenza	AsyncStorage, JSON
Navigazione	Expo Router, Stack, Tab, Drawer
API	fetch, GET, POST, error handling
Progetto	CRUD completo, design, build APK

Ora sai creare app mobile vere! 📱