Milligram-Connect-Social-Media-Anwendung

Begrüßungsbildschirm

Ein Begrüßungsbildschirm ist der erste Bildschirm mit dem Logo oder Branding der App, der beim Start der App erscheint und beim Laden eine optisch ansprechende Einführung bietet.

Anmeldebildschirm

Der Anmeldebildschirm ermöglicht bestehenden Benutzern den Zugriff auf ihre Konten, während der Anmeldebildschirm es neuen Benutzern ermöglicht, durch Angabe ihrer Daten ein Konto zu erstellen.

Startbildschirm

Sobald Sie angemeldet sind, wird auf dem Startbildschirm ein scrollbarer Feed angezeigt, in dem Benutzer alle Beiträge anzeigen, liken, kommentieren, teilen und speichern können. Darüber hinaus können Benutzer jeden Beitrag öffnen, um detaillierte Informationen zu Likes und Kommentaren anzuzeigen.

Benutzer können die in den Bildern unten gezeigten Beiträge kommentieren und teilen.

Suchbildschirm

Auf dem Suchbildschirm können Benutzer zur Suchoption in der unteren Navigationsleiste navigieren, um in der Anwendung verfügbare Benutzernamen zu finden und danach zu suchen.

Beitragsbildschirm erstellen

Benutzer können über die untere Navigationsleiste auf den Bildschirm „Beitrag erstellen“ zugreifen, Bilder aus der mobilen Galerie hinzufügen, eine Bildunterschrift schreiben und den Inhalt posten.

Benachrichtigungsbildschirm

Benutzer können über die untere Navigationsleiste zum Benachrichtigungsbildschirm navigieren, um alle Benachrichtigungen anzuzeigen und zu öffnen.

Nachrichtenbildschirm

Benutzer können über die untere Navigationsleiste zum Nachrichtenbildschirm navigieren, die Liste der Benutzer anzeigen, einen Benutzer zum Chatten auswählen und alle Nachrichten für diese Konversation anzeigen.

Um Benutzerchats zu löschen, klicken Sie auf die drei Punkte in der oberen rechten Ecke des Bildschirms. Daraufhin wird das folgende Popup mit der Löschoption angezeigt.

Einstellungsbildschirm

Nachdem Sie auf das Einstellungssymbol in der oberen rechten Ecke geklickt haben, wird der folgende Einstellungsbildschirm geöffnet. Benutzer können auf Folgendes zugreifen:

• Kontocenter
• Gespeicherte Beiträge
• Kontodatenschutz
• Blockiert (noch nicht implementiert)
• Milligramm-Verifizierung
• Abmelden
• Kontooptionen löschen

1. Kontocenter
Wenn Sie auf das Kontocenter klicken, wird die folgende Seite geöffnet. Hier können Benutzer aus zwei zusätzlichen Optionen wählen:

• Persönliche Daten
• Passwort und Sicherheit

Persönliche Daten
Nachdem Sie auf die Option „Persönliche Daten“ geklickt haben, werden Benutzer zum Bildschirm „Persönliche Daten“ weitergeleitet, wo sie die E-Mail-Adresse sehen können, mit der sie sich registriert und bei der Milligram Connect-Anwendung angemeldet haben.

Passwort und Sicherheit
Nachdem Sie im Kontocenter auf die Option „Passwort und Sicherheit“ geklickt haben, werden Benutzer zum Bildschirm „Passwort ändern“ weitergeleitet, wo sie ihr Passwort aktualisieren können.

Unten
Linkes Bild: Bildschirm „Persönliche Daten“
Rechtes Bild: Passwort- und Sicherheitsbildschirm

2. Gespeicherte Beiträge
Wenn Sie in den Einstellungen auf die Option „Gespeicherte Beiträge“ klicken, werden Benutzer zum Bildschirm „Gespeicherte Beiträge“ weitergeleitet, wo sie Beiträge anzeigen können, die sie aus dem Feed gespeichert haben.

3. Kontodatenschutz
Wenn Benutzer in den Einstellungen auf die Option „Kontodatenschutz“ klicken, können sie zwischen zwei Datenschutzeinstellungen wählen:

• Öffentlich: Alle Benutzer in der Milligram-Anwendung können ihr Profil sehen.
• Privat: Nur verbundene Personen können ihr Profil sehen.

4. Milligramm-Verifizierung
Wenn Benutzer in den Einstellungen auf die Option „Milligramm-Verifizierung“ klicken, werden sie zum Bildschirm „Milligramm-Verifizierung“ weitergeleitet. Hier sehen sie eine Option zum Senden einer Bestätigungs-E-Mail. Nach Auswahl dieser Option wird eine Bestätigungs-E-Mail an die registrierte E-Mail-Adresse gesendet. Die E-Mail enthält eine URL, auf die Benutzer klicken müssen, um den Verifizierungsprozess abzuschließen. Nach erfolgreicher Verifizierung wird auf dem Milligramm-Verifizierungsbildschirm die Meldung „Ihre E-Mail-ID wurde verifiziert“ angezeigt.

5. Abmelden
Bei Auswahl der Option „Abmelden“ werden Benutzer von der Anwendung abgemeldet und zum Anmeldebildschirm weitergeleitet.

6. Löschen Sie Ihr Konto
Durch Auswahl der Option „Konto löschen“ können Benutzer ihr Konto und alle damit verbundenen Daten dauerhaft aus der Anwendung löschen.

Profilbildschirm

Wenn Sie auf das Benutzerprofil-Logobild in der oberen linken Ecke klicken, wird der Profilbildschirm geöffnet.

Bildschirm „Profil bearbeiten“
Durch Klicken auf die Schaltfläche „Profil bearbeiten“ im Profilbildschirm werden Benutzer zum Bildschirm „Profil bearbeiten“ weitergeleitet. Der im linken Bild unten gezeigte Bildschirm wird sichtbar.

Profil teilen
Durch Klicken auf das Teilen-Symbol rechts neben dem Benutzernamen können Benutzer ihre Profil-URL mit jedem Benutzer auf anderen Plattformen teilen. Der im rechten Bild unten gezeigte Bildschirm wird sichtbar.

Follower- und Follower-Bildschirm
Wenn ein Benutzer auf dem Benutzerprofilbildschirm auf den Text „Follower“ oder „Follower“ klickt, wird der entsprechende Bildschirm geöffnet. Hier können Benutzer die Liste der Follower anzeigen, die ihnen folgen, und die Liste der Benutzer, denen sie folgen.

Öffnen Sie das Profil eines anderen Benutzers
Wenn Sie in der Follower- oder Follower-Liste auf einen Benutzer klicken, wird der Profilbildschirm dieses Benutzers geöffnet. Benutzer können die Profildaten des ausgewählten Benutzers anzeigen, wie im Bild unten gezeigt.

Herunterladen und installieren

Die Android-Version wurde veröffentlicht! Klicken Sie zum Herunterladen und Installieren auf den Link unten
Milligram Connect

Tech-Stack verwendet

• Native CLI reagieren
• Firestore und Firebase-Datenbank
• Firebase-E-Mail-Authentifizierung
• Styled-Komponenten für das Styling

Das obige ist der detaillierte Inhalt vonMilligram-Connect-Social-Media-Anwendung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!