Tutti i progetti personali

Lista della spesa

Lista della spesa condivisa in famiglia. Si apre da un link, si scrive cosa manca, e la voce compare sul telefono degli altri senza che nessuno debba aggiornare niente. E' il progetto che uso di piu', ed e' anche l'unico che usano altre persone.

Contesto
Progetto personale
Ruolo
Creatore e unico gestore
Stack
HTML · CSS · JavaScript · Firebase
Utenti
La mia famiglia
Stato
Attivo
Schermata di inserimento: icona del carrello, campo di testo con l'esempio "Prosciutto", pulsante "Aggiungi alla lista" e due voci gia' in lista, Marmellata e Biscotti.
Aggiungere una voce: campo, pulsante, e la lista che cresce sotto. Non c'e' altro da imparare

Descrizione del progetto

Una semplice lista della spesa dove tutti i membri della mia famiglia possono aggiungere e cancellare elementi. Tramite l'apposito bottone si può inserire un nuovo alimento, e cliccando sulla scheda che compare dopo lo si può eliminare.

Questo progetto è stato realizzato nel 2022 in seguito al corso di JavaScript su Scrimba che ho seguito e completato.

Tech stack

LinguaggiHTML, CSS e JavaScript, senza framework
DatabaseFirebase, con aggiornamento in tempo reale su tutti i dispositivi collegati

Il pezzo che rende utile tutto il resto è l'ascolto in tempo reale: la pagina non ricarica e non ha un pulsante di aggiornamento, è Firebase che le notifica il cambiamento e la lista si riscrive da sola. Senza quello sarebbe un blocco note condiviso qualunque, e nessuno si fiderebbe di quello che vede mentre è al supermercato.

Nozioni apprese

  • Il primo database collegato a dati veri — tramite questo progetto ho collegato per la prima volta un database a una fonte di dati personale e dinamica.