Z Chat

Une application de chat en temps réel

Authentification par numéro de téléphone — Authentifiez les utilisateurs par numéro de téléphone avec Firebase.
Code de vérification en temps réel — Envoyez et vérifiez des codes de vérification en temps réel pour vous assurer que le numéro de téléphone appartient à l'utilisateur.
Création d'un profil utilisateur unique — Créez une page de profil utilisateur unique et incontournable après la vérification téléphonique, où les utilisateurs peuvent définir un nom d'utilisateur et un avatar (adresse e-mail facultative).
Recherche d'utilisateurs — Permettez aux utilisateurs de rechercher d'autres utilisateurs par nom d'utilisateur pour initier des messages directs.
Chat en temps réel — Fonctionnalité de chat individuel en temps réel activée.
Outil de suggestion de contact
— Utilise l'IA pour suggérer d'autres utilisateurs ZChat que l'utilisateur actuel pourrait connaître. L'outil utilise le nom d'utilisateur et l'avatar de l'autre personne comme données d'entrée.
Couleur
Couleur primaire : TSL (210, 67 %, 46 %) / RVB (35, 134, 230) pour une impression de sérénité et de confiance. Couleur d'arrière-plan : HSL (210, 13 %, 96 %) / RVB (242, 245, 249) pour un arrière-plan clair et net. Couleur d'accentuation : HSL (180, 53 %, 41 %) / RVB (44, 175, 167) pour mettre en valeur les actions et éléments clés.
Mise en page
Utilisez une mise en page claire et intuitive axée sur le contenu du chat, une navigation simplifiée et la fonctionnalité de recherche utilisateur.
Typographie
Corps du texte : « PT Sans », une police sans empattement humaniste pour un design moderne et lisible. Titre : « Space Grotesk », une police sans empattement proportionnelle pour une touche technique et scientifique.
Iconographie
Utilisez des icônes épurées et minimalistes pour les fonctions de chat, les profils utilisateur et les paramètres.
Animation
Utilisez des animations subtiles pour les nouveaux messages et les interactions utilisateur afin de fluidifier les transitions et les retours.