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.
74 lines
1.9 KiB
Markdown
74 lines
1.9 KiB
Markdown
# 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
|
|
|