# geografia-fe

Il frontend di Geografia - Check branch development 

https://www.figma.com/file/Q5zVqd0YQNPZ8qWW4CjPDR/Geografia?node-id=0%3A1

TODO:
    
    - Completare view su tutti i componenti
    - Sezione Write messages
    - Stilizzare app
    - Strutturare Handler
    - Implementare libreria telegram 

Ci sono 3 componenti principali dell'app:
- Backend a.k.a interprete (?) - https://git.tropici.net/ifdo/geografia
- Handler
    
    Si occupa di ricevere, mandare i messaggi dei vari servizi a cui si e' iscritti.
    
    E' possibile rendere l'app agnostica verso il mezzo di trasporto dei messaggi.
    
    Detta come magno, si possono costruire funzioni ad hoc per ogni servizio di messaggistica, basta convertire i messaggi in un oggetto json compreso dall'app.
    Per ora sara' incentrata su telegram.
- Chat

    La visualizzazione dell'app

L'app è costruita da due framework:
1. Vue - Visualizzazione e logica del UI attraverso combo js+nodejs
2. Cordova - Permette di trasformare quanto sopra in app mobile, sia iOS che android

L'app puo' funzionare su mobile e teoricamente come web app visto che e' costruita con Vue.

Sono gia' impostati dei pezzi di url (anche se primitivi) attraverso vue-route.

## Vue
Composto da quattro componenti principali
1. Lista delle chat attive

    1a. Preview chat
        
        Fatto
            - Struttura dati
            - Impostazione campi
            
2. Avvio nuova chat
    
    2a. Lista contatti
    
    2b. Ricerca contatti

3. Visualizzazione di una chat
    
    3a. Chat History

    3b. Pulsante scrivi
4. Scrittura messaggio
    
    4a. Blocco per disegno/emoji

    4b. Tastiera con disegni/emoji

La struttura completa dell'app e' su Figma

## Testare il progetto
Entrare nella cartella geografia-vue

Eseguire `npm i`
Eseguire `npx run dev`

Prendere nota dell'url stampato su console e andarci/cliccarci/blablabla