geografia-fe/README.md

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