3c26215da3 | 2 years ago | |
---|---|---|
geografia-vue | 2 years ago | |
www | 2 years ago | |
.gitignore | 2 years ago | |
README.md | 2 years ago | |
config.xml | 2 years ago | |
npm | 2 years ago | |
package-lock.json | 2 years ago | |
package.json | 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:
- Vue - Visualizzazione e logica del UI attraverso combo js+nodejs
- 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
-
Lista delle chat attive
1a. Preview chat
Fatto - Struttura dati - Impostazione campi
-
Avvio nuova chat
2a. Lista contatti
2b. Ricerca contatti
-
Visualizzazione di una chat
3a. Chat History
3b. Pulsante scrivi
-
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