Cordova + Vue
  • Vue 43.1%
  • CSS 27.2%
  • JavaScript 17.9%
  • HTML 11.8%
Find a file
2022-09-22 18:51:02 +02:00
geografia-vue Aggiunto json con lista preview chat demo, fixato ChatMsg, impostato flow dati history 2022-09-06 15:36:46 +02:00
www Vue logic skelethon built 2022-08-28 10:35:54 +02:00
.gitignore Vue logic skelethon built 2022-08-28 10:35:54 +02:00
config.xml Vue logic skelethon built 2022-08-28 10:35:54 +02:00
npm Vue logic skelethon built 2022-08-28 10:35:54 +02:00
package-lock.json Vue logic skelethon built 2022-08-28 10:35:54 +02:00
package.json Vue logic skelethon built 2022-08-28 10:35:54 +02:00
README.md Aggiornato README 2022-09-22 18:51:02 +02:00

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