Cordova + Vue
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
Go to file
reddigriz 3c26215da3 Aggiornato README 2 years ago
geografia-vue Aggiunto json con lista preview chat demo, fixato ChatMsg, impostato flow dati history 2 years ago
www Vue logic skelethon built 2 years ago
.gitignore Vue logic skelethon built 2 years ago
README.md Aggiornato README 2 years ago
config.xml Vue logic skelethon built 2 years ago
npm Vue logic skelethon built 2 years ago
package-lock.json Vue logic skelethon built 2 years ago
package.json Vue logic skelethon built 2 years ago

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