Lesen Sie es FE

Inhaltsverzeichnis

Um
Bildschirmvideo von der Website
Website-Funktionen
Laufwerksverbindung
Projektaufbau
Mitwirkende

Um

Ein Projekt, das den Frontend-Teil von reddit nachahmt.
Reddit ist eine Website zur Aggregation, Inhaltsbewertung und Diskussion sozialer Nachrichten. Registrierte Benutzer (allgemein als „Redditoren“ bezeichnet) übermitteln Inhalte wie Links, Textbeiträge, Bilder und Videos an die Website, die dann von anderen Mitgliedern positiv oder negativ bewertet werden. Beiträge werden nach Themen in von Benutzern erstellten Foren organisiert, die „Communitys“ oder „Subreddits“ genannt werden. Beiträge mit mehr Upvotes erscheinen oben in ihrem Subreddit und, wenn sie genügend Upvotes erhalten, schließlich auf der Startseite der Website. Reddit-Administratoren moderieren die Communities. Die Moderation erfolgt ebenfalls durch Community-spezifische Moderatoren

Bildschirmvideo von der Website:

Login

SW1.mp4

Kommentar hinzufügen

SW2.mp4

Beitrag erstellen

SW3.mp4

Benutzerseite

SW4.mp4

Benutzereinstellungen

SW5.mp4

Nachrichten und Benachrichtigungen

SW6.mp4

Leadeboard und Subreddit-Seite

SW7.mp4

Moderationsseite

SW8.mp4

Beitrag suchen und teilen

SW9.mp4

Laufwerksverbindung:

https://drive.google.com/drive/folders/1hYpEu922aeDHHsKUyx9lVgx0AeykMJJg

Website-Funktionen:

Authentifizierung
Beiträge und Kommentare erstellen, aktualisieren, teilen und löschen.
Erstellen Sie alle Arten von Beiträgen (Text, Link, Drag-and-Drop eines oder mehrerer Bilder, Drag-and-Drop-Video).
Upvote/Downvote für Beiträge und Kommentare.
Threading verschachtelter Kommentare.
Homepage-Feed (Titelseite).
Subreddit-spezifischer Feed.
Subreddits erstellen.
Treten Sie Subreddits bei.
Fügen Sie ein Verbot hinzu, schalten Sie es stumm, genehmigen Sie es und laden Sie den Benutzer ein, Moderator meines Subreddits zu sein.
Akzeptieren Sie die Einladung des Benutzers, Moderator zu werden.
Sehen Sie sich den Verkehrsstatus meines Subreddits an.
Sehen Sie sich meine Beiträge, Kommentare, den Verlauf usw. auf meiner Seite an.
Ändere meinen Avatar und füge ein Banner hinzu.
... und mehr!

Hauptbefehle zum Ausführen des Projekts:

Projekteinrichtung und Installation von Paketen

 npm install

Kompiliert und Hot-Reloads für die Entwicklung

 npm run serve

Führt das Projekt standardmäßig auf Port:8081 aus

Kompiliert und minimiert für die Produktion

 npm run build

Das Projekt befindet sich nach der Erstellung im Ordner /dist im selben Verzeichnis

Führen Sie Ihre Unit-Tests durch

 npm run test

Dieser Befehl führt alle Unit-Tests aus.

Erstellung eines Abdeckungsberichts

 npm run coverage

Dieser Befehl generiert einen Abdeckungsbericht index.html mit Details zu allen Komponenten. Der generierte Abdeckungsbericht befindet sich im Projektverzeichnis unter /coverage