Maison > interface Web > js tutoriel > Application de médias sociaux Milligram-Connect

Application de médias sociaux Milligram-Connect

Patricia Arquette
Libérer: 2024-12-12 13:49:11
original
865 Les gens l'ont consulté

Écran de démarrage

Un écran de démarrage est l'écran initial présentant le logo ou la marque de l'application qui apparaît lorsque l'application est lancée, offrant une introduction visuellement attrayante lors de son chargement.
Milligram-Connect Social Media Application

Écran de connexion

L'écran de connexion permet aux utilisateurs existants d'accéder à leurs comptes, tandis que l'écran d'inscription permet aux nouveaux utilisateurs de créer un compte en fournissant leurs coordonnées.
Milligram-Connect Social Media Application

Écran d'accueil

Une fois connectés, l'écran d'accueil affiche un flux déroulant où les utilisateurs peuvent voir toutes les publications, les aimer, les commenter, les partager et les enregistrer. De plus, les utilisateurs peuvent ouvrir chaque publication pour voir des informations détaillées sur les likes et les commentaires.
Milligram-Connect Social Media Application

Les utilisateurs peuvent commenter et partager les publications affichées dans les images ci-dessous.
Milligram-Connect Social Media Application

Écran de recherche

Sur l'écran de recherche, les utilisateurs peuvent accéder à l'option de recherche dans la barre de navigation inférieure pour rechercher et rechercher les noms d'utilisateur disponibles dans l'application.
Milligram-Connect Social Media Application

Créer un écran de publication

Les utilisateurs peuvent accéder à l'écran Créer une publication via la barre de navigation inférieure, ajouter des images à partir de la galerie mobile, rédiger une légende et publier le contenu.
Milligram-Connect Social Media Application

Écran de notification

Les utilisateurs peuvent accéder à l'écran Notifications via la barre de navigation inférieure pour afficher et ouvrir toutes les notifications.
Milligram-Connect Social Media Application

Écran de messagerie

Les utilisateurs peuvent accéder à l'écran de messagerie via la barre de navigation inférieure, afficher la liste des utilisateurs, sélectionner un utilisateur avec qui discuter et voir tous les messages de cette conversation.
Milligram-Connect Social Media Application
Pour supprimer les discussions des utilisateurs, cliquez sur les trois points dans le coin supérieur droit de l'écran. Cela affichera la fenêtre contextuelle suivante avec l'option de suppression.
Milligram-Connect Social Media Application

Écran des paramètres

Après avoir cliqué sur l'icône des paramètres dans le coin supérieur droit, l'écran de paramètres suivant s'ouvrira. Les utilisateurs peuvent accéder à :

  • Centre de comptes
  • Messages enregistrés
  • Confidentialité du compte
  • Bloqué (Pas encore implémenté)
  • Vérification au milligramme
  • Déconnexion
  • Options de suppression du compte

Milligram-Connect Social Media Application

1. Centre de comptes
En cliquant sur le Centre de comptes, la page suivante s'ouvrira. Ici, les utilisateurs peuvent choisir parmi deux options supplémentaires :

  • Détails personnels
  • Mot de passe et sécurité

Milligram-Connect Social Media Application

Détails personnels
Après avoir cliqué sur l'option Détails personnels, les utilisateurs seront dirigés vers l'écran Détails personnels où ils pourront voir l'adresse e-mail qu'ils ont utilisée pour s'inscrire et se connecter à l'application Milligram Connect.

Mot de passe et sécurité
Après avoir cliqué sur l'option Mot de passe et sécurité dans le Centre de comptes, les utilisateurs seront dirigés vers l'écran Modifier le mot de passe, où ils pourront mettre à jour leur mot de passe.

Ci-dessous
Image de gauche : écran des détails personnels
Image de droite : écran Mot de passe et sécurité

Milligram-Connect Social Media Application

2. Messages enregistrés
En cliquant sur l'option Publications enregistrées dans Paramètres, les utilisateurs seront redirigés vers l'écran Publications enregistrées où ils pourront voir les publications qu'ils ont enregistrées à partir du flux.
Milligram-Connect Social Media Application

3. Confidentialité du compte
En cliquant sur l'option Confidentialité du compte dans Paramètres, les utilisateurs peuvent choisir entre deux paramètres de confidentialité :

  • Public : tous les utilisateurs de l'application Milligram peuvent voir leur profil.
  • Privé : Seules les personnes connectées peuvent voir leur profil. Milligram-Connect Social Media Application

4. Vérification du milligramme
En cliquant sur l’option Milligram Verification dans Paramètres, les utilisateurs seront redirigés vers l’écran Milligram Verification. Ici, ils verront une option pour envoyer un e-mail de vérification. Après avoir sélectionné cette option, un e-mail de vérification sera envoyé à leur adresse e-mail enregistrée. L'e-mail contiendra une URL sur laquelle les utilisateurs doivent cliquer pour terminer le processus de vérification. Une fois la vérification réussie, l'écran de vérification Milligram affichera un message indiquant "Votre identifiant de messagerie est vérifié."

Milligram-Connect Social Media Application

5. Se déconnecter
Après avoir sélectionné l'option Déconnexion, les utilisateurs seront déconnectés de l'application et redirigés vers l'écran de connexion.

6. Supprimez votre compte
En sélectionnant l'option Supprimer votre compte, les utilisateurs peuvent supprimer définitivement leur compte et toutes les données associées de l'application.

Écran de profil

En cliquant sur l'image du logo du profil utilisateur dans le coin supérieur gauche, l'écran de profil s'ouvrira.
Milligram-Connect Social Media Application

Écran Modifier le profil
En cliquant sur le bouton Modifier le profil dans l'écran de profil, les utilisateurs seront redirigés vers l'écran Modifier le profil. L'écran affiché dans l'image de gauche ci-dessous deviendra visible.

Partager le profil
En cliquant sur l'icône de partage à droite du nom d'utilisateur, les utilisateurs peuvent partager l'URL de leur profil avec n'importe quel utilisateur sur d'autres plateformes, l'écran affiché dans l'image de droite ci-dessous deviendra visible.
Milligram-Connect Social Media Application

Écran Abonnés et abonnements
Sur l'écran du profil utilisateur, si un utilisateur clique sur le texte « Abonnés » ou « Suivis », l'écran correspondant s'ouvrira. Ici, les utilisateurs peuvent consulter la liste des abonnés qui les suivent et la liste des utilisateurs qu'ils suivent.
Milligram-Connect Social Media Application

Ouvrir le profil d'un autre utilisateur
En cliquant sur n'importe quel utilisateur dans les listes de followers ou de suivis, l'écran de profil de cet utilisateur s'ouvrira. Les utilisateurs pourront voir les données de profil de l'utilisateur sélectionné, comme indiqué dans l'image ci-dessous.
Milligram-Connect Social Media Application

Télécharger et installer

La version Android est sortie ! Cliquez sur le lien ci-dessous pour télécharger et installer
Milligramme Connect
Milligram-Connect Social Media Application

Pile technologique utilisée

  • Réagir à la CLI native
  • Base de données Firestore et Firebase
  • Authentification des e-mails Firebase
  • Composants stylisés pour le style

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal