Un site Web de réseau social basé sur des balises.
Motivation
https://motivetag.com Temporairement fermé en raison des coûts de machine virtuelle: (temporairement fermés pour des raisons de coût :(
Todos:
Nginx + docker ECS est effectué, variable environnementale terminée, paramètre de connexion effectué La commutation automatique DB peut être connectée Nginx ssl Maintenant pris en charge le mode SSL complet. MySQL Data Persistance (monté). Prométhée + Grafanacloud pour la surveillance.- Async pour télécharger des images plus grandes.
Cicd-Jenkins complet- Eks
- Paramètre redis / kafka (statut de chat)
- MySQL s'améliore, orm
- Sécurité
- UI / UX et RWD refonte
- Le code de base s'améliore
- Axiome
- assistante Chatgpt
Note
- Redis pour la gestion de l'état en ligne / chat.
- Kafka pour le message de chat.
- MySQL pour le stockage de données.
- Toutes les ressources devraient dans AWS.
À propos
- Publiez, taguez, envoyez-le, discutez avec les autres et rencontrez de nouvelles personnes, rejoignez / abonnez-vous au contenu qui vous intéresse (Tags), et continuez à suivre les sujets que vous souhaitez suivre, pas de bêtises! Pas d'annonces!
- Motitetag est un site Web couvre les principales fonctionnalités des réseaux sociaux. Avec une conception "tag cored".
- Il s'agit d'un site Web social qui fonctionne avec Tag comme cœur.
Les fonctions ont été déployées
- Les messages (y compris l'anonymat, le vote, le téléchargement d'images), ajouter des balises, des goûts et des messages, et peuvent être utilisés en combinaison
- Abonnez-vous au contenu qui vous intéresse (TAG) et suivez
- Fonction de chat en direct
- Système d'amis, y compris l'état en ligne et les invites entrantes
- Fonction de notification
- Domaines de discussion illimités
Qu'est-ce qu'une balise?
Inspiré par le hashtag, une balise est tout mot clé auquel vous pouvez penser. Utilisez la balise dans vos messages, puis d'autres peuvent le rechercher, donc toute personne ayant les mêmes intérêts peut facilement atteindre le message, tout comme vous. Vous pouvez également vous abonner une balise, car vous ne voudrez peut-être pas que tout ce que vous aimiez à suivre.
Inspiré par le hashtag, la balise est tout mot clé auquel vous pouvez penser. Ajoutez des balises à vos messages et d'autres peuvent trouver ces messages afin que les personnes qui ont les mêmes intérêts que vous pouvez discuter de ce sujet avec vous. Vous pouvez également vous abonner à la balise afin de ne rien manquer sur cette balise.
En utilisant "#" suivant par mot-clé, taguera ce message avec ce mot-clé sur envoyé. Bien sûr, vous pouvez utiliser plusieurs balises ou aucune (mais ce message ne sera vu que vos amis).
L'article peut être automatiquement marqué en ajoutant "#" au "#" après avoir été séparé par blanc (# comme celui-ci). Bien sûr, vous pouvez également ajouter un tas de marques ou ne rien ajouter (si vous n'ajoutez rien, seuls vos amis peuvent voir cet article!)
Prévisualisation
Compte de test
| Compte | Mot de passe |
|---|
| Invité | Invité |
Première page
Page utilisateur (page principale)
Tag Abonnez-vous
Ami et statut en ligne
Fonctions
Membre
- Avatar utilisateur.
- Niveaux avec des activités.
- Message personnalisé personnel.
- Cliquez sur le statut de l'utilisateur Avatar ou de l'ami pour afficher ses informations personnelles.
Étiqueter
- Tendance - commande par le nombre d'abonnés.
- TAG ABONNEMENT.
- Primetag - étiquette expérimentale qui a une capacité spécifique.
- Tag de guide du débutant. Initial attaché aux nouveaux utilisateurs.
- Tag anonyme.
Publier et commentaire
- Affiche le contenu / articles suivant.
- Contient la balise que vous avez abonné.
- Post ami.
- Vos propres messages (incluez un message secret).
- Tag - Insérez automatiquement n'importe quelle balise avec #Keyword dans vos messages.
- Pouce vers le haut ou vers le bas.
- Votez - Louez la démocratie.
- Anonyme - Tag Special, peut impliquer de publier avec Anonymous, seuls ceux qui souscrivent une balise anonyme les verront, mais ils ne connaîtront pas l'affiche.
- Téléchargez l'image - Partagez des images avec les autres.
- Secret - A Vous seul pouvez voir le post.
Tags, vote, anonyme, le téléchargement d'images peut utiliser séparément ou ensemble!- Tag d'intérêt - Recherchez un contenu tagué spécifique.
- Actualiser les messages avec le bouton situé au milieu de la barre de navigation.
- Up & Down Scoring - Laissez votre commentaire avec Score!
Chat
- Ok avec le chat multi-fenêtres.
- SONGING - Lorsque quelqu'un veut commencer une conversation avec vous, vous recevra un effet de tremblement sur l'image de chat.
- Statut en ligne - en ligne = bleu, hors ligne = rouge
Notification
- Vous informe avec la mise à jour du statut d'ami et les appels hors ligne.
Forum de tag (en cours)
Cette idée vient lorsque le site Web est presque terminé. L'objectif final est de créer un environnement "n'importe quelle étiquette est une zone de discussion individuelle". Et utilisera le primetag pour appliquer la fonction de forum. Restez à l'écoute!
Tech et outil utilisé
L'extrémité avant
- Html
- CSS
- Javascrip
- Outils
- Moment.js - Gestion du temps.
- Chart.js - affichage du graphique.
- Socket.io - Pour le protocole WebSocket, une bibliothèque de communication en temps réel.
- Technologie
Backend
- Utiliser Python
- Ballon
- Outils
- FLASK-SOCKIO - outil de connexion Web côté serveur.
- Virtualv
- Boto3 - Téléchargez des images sur AWS.
- Pymysql
- Pool de connexion - Maintenez les connexions entre RDS et FLASK.
- Technologie
Base de données
- Mysql
- Outils
- Technologie
- Normalisation de la base de données
Contrôle de version
Déployer
AWS
- EC2
- Nginx: proxy inversé et cache des fichiers statiques.
- Linux-Ubuntu
- Route53: Mapage de nom de domaine.
- Elastic LoadBalancer: Impliez avec le protocole HTTPS.
- RDS: une base de données relationnelle avec une configuration simple et facile à utiliser, inclut la sauvegarde.
- S3: stocker des images.
- CloudFront: réduit la latence lors de la livraison d'images aux utilisateurs.
Structure
Base de données
AWS
Fantôme du passé.
