motivetag

Um site de rede social baseado em tags.

MotivETAG

https://motiveTag.com Fechado temores devido a custos da VM :( Fechado temporariamente por motivos de custo :(

Todos:

1. Nginx+Docker
2. ECS é feito, variável ambiental feita, configuração de conexão feita
3. DB comutação automática pode ser conectada
4. Nginx ssl Agora suportado o modo SSL completo.
5. Persistência de dados do MySQL (montado).
6. Prometheus+Grafanacloud para monitoramento.
7. Assíncrono para fazer upload de imagens maiores.
8. CICD-JENKINS COMPLETO
9. Eks
10. Configuração Redis/Kafka (status de bate -papo)
11. MySQL melhorar, Orm
12. Segurança
13. UI/UX e RWD Redesign
14. Código básico Melhorar
15. Axioma
16. Assistente de chatgpt

Observação

• Redis para gerenciar o status online/bate -papo.
• Kafka para mensagem de bate -papo.
• MySQL para armazenamento de dados.
• Todos os recursos devem na AWS.

Sobre

• Publique, tag, envie, discuta com outras pessoas e conheça novas pessoas, participe/inscreva -se no conteúdo que você está interessado (tags) e continue seguindo os tópicos que deseja seguir, sem sentido! Sem anúncios!
• MotivenTag é um site abrange a principal funcionalidade das redes sociais. Com um design "tag corado".
• Este é um site social que opera com o TAG como seu núcleo.

Funções foram implantadas

• Postagens (incluindo anonimato, votação, upload de imagem), adicionar tags, curtidas e mensagens e podem ser usadas em combinação
• Inscreva -se no conteúdo em que está interessado (tag) e siga
• Função de bate -papo ao vivo
• Sistema de amigos, incluindo status online e solicitações de entrada
• Função de notificação
• Áreas de discussão ilimitadas

O que é uma tag?

• Inspirado pela hashtag, uma tag é de qualquer palavra -chave que você possa imaginar. Use a tag em suas postagens, então outras pessoas podem procurá -la, portanto, qualquer pessoa com os mesmos interesses pode chegar facilmente à postagem, e você também pode. Você também pode assinar uma tag, porque pode não querer perder nada que gostasse de seguir.

• Inspirado pela hashtag, o TAG é qualquer palavra -chave que você possa imaginar. Adicione tags às suas postagens e outras pessoas podem encontrar essas postagens para que as pessoas que tenham os mesmos interesses que você pode discutir esse tópico com você. Você também pode se inscrever na tag para não perder nada sobre esta tag.

• Usando "#" Seguindo por palavra -chave, marcará esta postagem com essa palavra -chave no enviado. É claro que você pode usar várias tags ou nenhuma (mas isso deixa a postagem apenas será vista por seus amigos).

• O artigo pode ser marcado automaticamente adicionando "#" ao "#" depois de ser separado por Blank (#como este). Obviamente, você também pode adicionar um monte de marcas ou adicionar nada (se você não adicionar nada, apenas seus amigos podem ver este artigo!)

---

Visualização

Conta de teste

Conta	Senha
Convidado	Convidado

Primeira página

Página do usuário (página principal)

Tag Inscreva -se

Amigo e status online

---

Funções

Membro

• Avatar do usuário.
• Níveis com atividades.
• Mensagem personalizada pessoal.
• Clique no status de Avatar ou amigo do usuário para mostrar suas informações pessoais.

Marcação

• Tendência - Ordem pelo número de assinantes.
• Tag Inscreva -se.
• Primetag - Tag experimental que tem habilidade específica.
  1. Tag do guia para iniciantes. Inicial anexo a novos usuários.
  2. Tag anônima.

Publicar e comentar

• Exibe o seguinte conteúdo/postagens.
  1. Contém tag que você assinou.
  2. Amigo post.
  3. Suas próprias postagens (inclua postagem secreta).
• Tag - Insira automaticamente qualquer tag com #keyword em suas postagens.
• Polegar para cima ou para baixo.
• Vote - Louvado seja democracia.
• Anonymous - Tag especial, pode implicar postar com anônimo, apenas aqueles que assinam a tag anônima os verão, mas não conhecerão o pôster.
• Carregar imagem - compartilhe imagens com outras pessoas.
• Secreto - um só você pode ver o post.

Tags, voto, anônimo, upload de imagem pode usar separadamente ou juntos!

• Tag de interesse - Pesquise conteúdo marcado específico.
• Atualizar postagens com o botão localizado no meio da barra de navegação.
• Pontuação para cima e para baixo - deixe seu comentário com pontuação!

Bater papo

• OK com bate-papo de várias janelas.
• Ringing - Quando alguém quiser iniciar um bate -papo com você, receberá um efeito trêmulo na imagem de bate -papo.
• Status online - online = azul, offline = vermelho

Notificação

• Informa você com a atualização de status de amigo e a chamada offline.

Fórum de tags (em andamento)

Essa ideia ocorre quando o site está quase pronto. O objetivo final é criar um ambiente "qualquer tag é uma área de discussão individual". E usará o PrimeTag para aplicar o recurso do fórum. Fique atento!

---

Tecnologia e ferramenta usadas

Front-end

• Html
• CSS
• JavaScript
  • Ferramentas
    • Moment.js - Gerenciamento de tempo.
    • Chart.js - Exibição do gráfico.
    • Socket.io - para o WebSocket Protocol, uma biblioteca de comunicação em tempo real.
  • Tecnologia
    • Ajax

Back -end

• Use Python
• Balão
  • Ferramentas
    • Flask -Socketio - Ferramenta de conexão do WebSocket lateral do servidor.
    • Virtualenv
    • BOTO3 - Carregue imagens para a AWS.
    • Pymysql
      • Pool de conexão - Mantenha as conexões entre RDS e Flask.
  • Tecnologia
    • API repouso
    • MVC

Banco de dados

• Mysql
  • Ferramentas
    • MySQL Workbench
  • Tecnologia
    • Normalização do banco de dados

Controle de versão

• Git
• Github

Implantar

• Docker
• Docker Hub

AWS

• EC2
  • Nginx: proxy reverso e arquivos estáticos de cache.
  • Linux-Ubuntu
• Rota53: Nome do domínio Mapage.
• Elastic LoadBalancer: implica no protocolo HTTPS.
• RDS: Um banco de dados relacional com configuração simples e fácil de usar, inclua backup.
• S3: armazenando imagens.
• CloudFront: reduz a latência ao entregar imagens aos usuários.

---

Estrutura

Banco de dados

AWS

---

Fantasma do passado.