Z Chat

Um aplicativo de bate-papo em tempo real

Autenticação por Número de Telefone — Autentique usuários por número de telefone usando o Firebase
Código de Verificação em Tempo Real — Envie e verifique códigos de verificação em tempo real para garantir que o número de telefone pertença ao usuário.
Criação de Perfil de Usuário Único — Crie uma página de perfil de usuário exclusiva e não pulável após a verificação por telefone, onde os usuários definem um nome de usuário e um avatar (e-mail opcional).
Busca de Usuário — Permita que os usuários busquem outros usuários pelo nome de usuário para iniciar mensagens diretas.
Chat em Tempo Real — Habilite a funcionalidade de chat individual em tempo real.
Ferramenta de Sugestão de Contato
— Usa IA para fazer sugestões sobre outros usuários do ZChat que o usuário atual possa conhecer. Ela usa o nome de usuário e o avatar da outra pessoa como entrada para a ferramenta.
Cor
Cor primária: HSL(210, 67%, 46%) / RGB(35, 134, 230) para uma sensação de calma e confiança. Cor de fundo: HSL(210, 13%, 96%) / RGB(242, 245, 249) para um fundo limpo e claro. Cor de destaque: HSL(180, 53%, 41%) / RGB(44, 175, 167) para destacar ações e elementos importantes.
Layout
Use um layout claro e intuitivo, focado no conteúdo do chat, na navegação fácil e na funcionalidade de pesquisa do usuário.
Tipografia
Fonte do corpo: 'PT Sans', uma fonte sem serifa humanista para manter um design moderno e legível. Fonte do título: 'Space Grotesk', uma fonte sem serifa proporcional para transmitir um toque técnico e científico.
Iconografia
Use ícones limpos e minimalistas para funções de chat, perfis de usuário e configurações.
Animação
Use animações sutis para novas mensagens e interações do usuário para fornecer transições e feedback suaves.