Téléchargement SW Frontend - Téléchargement du code source SW Frontend

SW Frontend

Autre code source

Télécharger

Lisez-le FE

Table des matières

À propos
Écran vidéo du site Web et fonctionnalités
Lien de lecteur
Configuration du projet
Contributeurs

À propos

Un projet qui imite la partie Frontend de Reddit.

Vidéo d'écran du site Web et fonctionnalités :

Authentification utilisateur

Connectez-vous en utilisant Google
Connectez-vous en utilisant Facebook
S'inscrire
Se connecter
Mot de passe oublié
Oublier le nom d'utilisateur
Changer le mot de passe

SW1.mp4

?‍♂️ Profil utilisateur

Aperçu du profil (posts, commentaires, votes positifs, votes négatifs, etc.)
Vos messages
Votre commentaire
Vos votes positifs
Vos votes négatifs
Vos publications et commentaires enregistrés
Vos publications et commentaires masqués
Votre histoire
Vos abonnés

SW4.mp4

Communauté (sous-reddit)

Aperçu de la communauté (posts, commentaires, votes positifs, votes négatifs, etc.)
Messages de la communauté
Commentaire de la communauté
Catégories de communauté
Principales communautés

SW7.mp4

? Poste

Créer une publication en texte enrichi
Créer une publication image et vidéo
Créer une publication avec lien
Ajoutez du style à votre publication
Ajouter un spoiler au message
Ajouter nsfw à la publication
Message de vote positif et négatif
Enregistrer la publication
Masquer le message
Partager la publication
Modifier son propre message
Supprimer son propre message
Verrouiller son propre message

SW3.mp4

? Recherche

Recherche par poste
Recherche par commentaire
Recherche par communauté
Recherche par personnes

SW9.mp4

?️ Commentaire

Créer un commentaire en texte enrichi
Commentaires imbriqués jusqu'à n'importe quel niveau
Commentaire de vote positif et négatif
Répondre au commentaire
Modifier son propre commentaire
Supprimer son propre commentaire
Verrouiller son propre commentaire

SW2.mp4

? Notifications

Notifications poussées
Toutes les notifications

✉️ Messages

Envoyer un message privé
Tous les messages
Messages non lus
Messages envoyés
Publier des réponses
Mentions des noms d'utilisateur
Supprimer le message
Message indésirable
Répondre au message

SW6.mp4

? Modérateur

Files d'attente
- Spamé (messages uniquement, commentaires uniquement, messages et commentaires)
- Modifié (posts uniquement, commentaires uniquement, posts et commentaires)
- Non modéré (posts uniquement, commentaires uniquement, posts et commentaires)
Gestion des utilisateurs
- Utilisateurs bannis
- Utilisateur masqué
- Utilisateur approuvé
- Modérateurs
Flairs et émojis
- Ajoutez une nouvelle touche
- Modifier le style
- Supprimer le style
- Réorganiser les styles
Règles et règlements
- Ajouter une nouvelle règle
- Modifier la règle
- Supprimer la règle
- Règles de réorganisation
Paramètres de la communauté
- Modifier le nom de la communauté
- Modifier la description de la communauté
- Modifier le sujet de la communauté
- Modifier la langue de la communauté
- Modifier le type de communauté (Public, Privé, Restreint)
- Modifier la région de la communauté
Paramètres des publications et des commentaires
- Activer/désactiver la balise Spoiler de la communauté
- Modifier le tri suggéré pour les publications
- Activer/désactiver l'image dans les publications
Trafic communautaire
- Jour de la semaine
- Mois
- Pages vues
- Membres rejoints
- Membres partis

SW8.mp4

Paramètres utilisateur

Paramétrage du compte
Paramètre de profil
Paramètres de messagerie
Paramètres de sécurité et de confidentialité
Paramètres d'alimentation

SW5.mp4

## Commandes principales pour exécuter le projet : ### Configuration du projet et installation des packages

 npm install

Compile et recharge à chaud pour le développement

 npm run serve

Exécute le projet par défaut sur le port : 8081

Compile et minimise pour la production

 npm run build

Le projet se trouve dans un dossier /dist sous le même répertoire après la construction

Exécutez vos tests unitaires

 npm run test

Cette commande exécute tous les tests unitaires.

Génération d'un rapport de couverture

 npm run coverage

Cette commande génère un rapport de couverture index.html incluant des détails sur tous les composants. Le rapport de couverture généré se trouve dans le répertoire du projet sous /coverage