Un sitio web de red social basado en etiquetas.
Motoretag
https://motivetag.com Temorario cerrado debido a los costos de la VM :( Temporalmente cerrado debido a razones de costos :(
Todos:
Nginx+Docker ECS está hecho, variable ambiental realizada, configuración de conexión realizada La conmutación automática de DB se puede conectar Nginx ssl Ahora compatible con el modo SSL de estricto completo. Persistencia de datos MySQL (montada). Prometeo+Grafanacloud para monitoreo.- Async para cargar imágenes más grandes.
Cicd-jenkins completo- EKS
- Configuración de Redis/Kafka (estado de chat)
- Mysql mejora, orm
- Seguridad
- Rediseño de UI/UX y RWD
- Mejora el código básico
- Axioma
- Asistente de chatgpt
Nota
- Redis para administrar el estado en línea/chat.
- Kafka para el mensaje de chat.
- MySQL para almacenamiento de datos.
- Todos los recursos deben en AWS.
Acerca de
- Publique, etiquete, envíelo, discuta con otros y conozca a nuevas personas, únase/suscríbase al contenido que le interesa (etiquetas) y siga los temas que desea seguir, ¡sin tonterías! ¡Sin anuncios!
- Motivetag es un sitio web cubre la funcionalidad principal de las redes sociales. Con un diseño de "etiqueta con núcleo".
- Este es un sitio web social que opera con TAG como su núcleo.
Se han implementado funciones
- Publicaciones (incluyendo anonimato, votación, carga de imagen), agregar etiquetas, me gusta y mensajes, y se pueden usar en combinación
- Suscríbase al contenido que le interesa (etiqueta) y siga
- Función de chat en vivo
- Sistema de amigos, incluido el estado en línea y las indicaciones entrantes
- Función de notificación
- Áreas de discusión ilimitadas
¿Qué es una etiqueta?
Inspirado en hashtag, una etiqueta es cualquier palabra clave que se le ocurra. Use la etiqueta en sus publicaciones, luego otros pueden buscarla, por lo que cualquier persona con los mismos intereses puede llegar fácilmente a la publicación, y también puede. También puede suscribir una etiqueta, porque es posible que no desee perder nada que le gustó seguir.
Inspirado en Hashtag, la etiqueta es cualquier palabra clave que se le ocurra. Agregue etiquetas a sus publicaciones, y otras pueden encontrar estas publicaciones para que las personas que tengan los mismos intereses que puedan discutir este tema con usted. También puede suscribirse a la etiqueta para que no se pierda nada sobre esta etiqueta.
Usando "#" siguiendo la palabra clave, etiquetará esta publicación con esa palabra clave en la envía. Por supuesto, puede usar varias etiquetas o ninguna (pero esto solo deja que la publicación sea vista por sus amigos).
El artículo se puede marcar automáticamente agregando "#" al "#" después de estar separado por Blank (#como este). Por supuesto, también puede agregar un montón de marcas o no agregar nada (si no agrega nada, ¡solo sus amigos pueden ver este artículo!)
AVANCE
Cuenta de prueba
| Cuenta | Contraseña |
|---|
| Invitado | Invitado |
Página delantera
Página de usuario (página principal)
Etiqueta suscribir
Amigo y estado en línea
Funciones
Miembro
- Avatar de usuario.
- Niveles con actividades.
- Mensaje personalizado personal.
- Haga clic en Avatar del usuario o estado de amigo para mostrar su información personal.
Etiqueta
- Tendencia: orden por el número de suscriptores.
- Etiqueta suscribir.
- Primetag: etiqueta experimental que tiene una habilidad específica.
- Etiqueta de guía para principiantes. Inicial adjunto a nuevos usuarios.
- Etiqueta anónima.
Publicación y comentario
- Muestra el siguiente contenido/publicaciones.
- Contiene la etiqueta que se suscribió.
- Post de amigo.
- Sus propias publicaciones (incluyen publicación secreta).
- Etiqueta: inserte automáticamente cualquier etiqueta con #Keyword en sus publicaciones.
- Pulgar hacia arriba o hacia abajo.
- Voto - Alabanza de la democracia.
- Anónimo: la etiqueta especial, puede implicar publicaciones con Anónimo, solo aquellos que suscriben una etiqueta anónima los verán, pero no conocerán el póster.
- Imagen de carga: comparta imágenes con otros.
- Secreto: solo puedes ver la publicación.
¡Las etiquetas, el voto, el anónimo, la carga de imágenes pueden usarse por separado o juntos!- Etiqueta de interés: busque contenido etiquetado específico.
- Actualice publicaciones con el botón ubicado en la mitad de la barra de navegación.
- Anotando arriba y abajo: ¡deje su comentario con puntaje!
Charlar
- Ok con chat de múltiples ventanas.
- Ringing: cuando alguien quiera comenzar una conversación con usted, recibirá un efecto tembloroso en la imagen del chat.
- Estado en línea - en línea = azul, fuera de línea = rojo
Notificación
- Le informa con la actualización de estado de amigos y las llamadas fuera de línea.
Foro de etiquetas (en progreso)
Esta idea se produce cuando el sitio web está casi listo. El objetivo final es crear un entorno de "cualquier etiqueta es un área de discusión individual". Y usará el Primetag para hacer cumplir la función del foro. ¡Manténganse al tanto!
Tecnología y herramienta utilizada
Interfaz
- Html
- CSS
- Javascript
- Herramientas
- Moment.js - Gestión del tiempo.
- Chart.js - pantalla de gráfico.
- Socket.io - para el protocolo WebSocket, una biblioteca de comunicación en tiempo real.
- Técnico
Backend
- Usa Python
- Matraz
- Herramientas
- Flask -Socketio - Herramienta de conexión WebSocket del lado del servidor.
- Virtualenv
- Boto3 - Sube imágenes a AWS.
- Pymysql
- Grupo de conexión: mantenga conexiones entre RDS y Flask.
- Técnico
Base de datos
- Mysql
- Herramientas
- Técnico
- Normalización de la base de datos
Control de la versión
Desplegar
- Estibador
- Centro de acopolador
AWS
- EC2
- Nginx: proxy inverso y archivos estáticos de caché.
- Linux-Ubuntu
- Ruta53: Mapa de nombres de dominio.
- Elástico LoadBalancer: implica con el protocolo HTTPS.
- RDS: una base de datos relacional con configuración simple y fácil de usar, incluya copia de seguridad.
- S3: almacenamiento de imágenes.
- CloudFront: reduce la latencia al entregar imágenes a los usuarios.
Estructura
Base de datos
AWS
Fantasma del pasado.
