Z Chat

Un'app di chat in tempo reale

Autenticazione tramite numero di telefono: autentica gli utenti tramite numero di telefono utilizzando Firebase.
Codice di verifica in tempo reale: invia e verifica codici di verifica in tempo reale per garantire che il numero di telefono appartenga all'utente.
Creazione di un profilo utente univoco: crea una pagina profilo utente univoca e non ignorabile dopo la verifica telefonica, in cui gli utenti impostano un nome utente e un avatar (indirizzo email opzionale).
Ricerca utente: consente agli utenti di cercare altri utenti tramite nome utente per avviare messaggi diretti.
Chat in tempo reale: funzionalità di chat individuale in tempo reale.
Strumento di suggerimento contatti: utilizza l'intelligenza artificiale per fornire suggerimenti su altri utenti ZChat che l'utente corrente potrebbe conoscere. Utilizza il nome utente e l'avatar dell'altra persona come input per lo strumento.
Colore: colore primario: HSL (210, 67%, 46%) / RGB (35, 134, 230) per una sensazione di calma e affidabilità. Colore di sfondo: HSL (210, 13%, 96%) / RGB (242, 245, 249) per uno sfondo pulito e chiaro. Colore di accento: HSL (180, 53%, 41%) / RGB (44, 175, 167) per evidenziare azioni ed elementi chiave.
Layout
Utilizza un layout chiaro e intuitivo incentrato sul contenuto della chat, sulla navigazione semplice e sulla funzionalità di ricerca utente.
Tipografia
Carattere del corpo: 'PT Sans', un sans-serif umanistico per mantenere un design moderno e leggibile. Carattere del titolo: 'Space Grotesk', un sans-serif proporzionale per trasmettere un'atmosfera tecnologica e scientifica.
Iconografia
Utilizza icone pulite e minimaliste per le funzioni della chat, i profili utente e le impostazioni.
Animazione
Utilizza animazioni delicate per i nuovi messaggi e le interazioni con gli utenti per fornire transizioni e feedback fluidi.