Download SW Frontend - Download do código-fonte SW Frontend

SW Frontend

Outro código-fonte

Baixar

Leia FE

Índice

Sobre
Tela de vídeo do site e recursos
Link da unidade
Configuração do projeto
Colaboradores

Sobre

Um projeto que imita a parte Frontend do Reddit.

Tela de vídeo do site e recursos:

Autenticação de usuário

Faça login usando o Google
Faça login usando o Facebook
Inscrever-se
Conecte-se
Esqueci a senha
Esqueci o nome de usuário
Alterar a senha

SW1.mp4

?‍♂️ Perfil de usuário

Visão geral do perfil (postagens, comentários, votos positivos, votos negativos, etc.)
Suas postagens
Seu comentário
Seus votos positivos
Seus votos negativos
Suas postagens e comentários salvos
Suas postagens e comentários ocultos
Sua história
Seus seguidores

SW4.mp4

Comunidade (subreddit)

Visão geral da comunidade (postagens, comentários, votos positivos, votos negativos, etc.)
Postagens da comunidade
Comentário da comunidade
Categorias da comunidade
Principais comunidades

SW7.mp4

? Publicar

Criar postagem em rich text
Criar postagem de imagem e vídeo
Criar postagem de link
Adicione estilo à postagem
Adicionar spoiler à postagem
Adicionar nsfw à postagem
Postagem com voto positivo e negativo
Salvar postagem
Ocultar postagem
Compartilhar postagem
Editar a própria postagem
Excluir a própria postagem
Bloquear postagem própria

SW3.mp4

? Procurar

Pesquisar por postagem
Pesquisar por comentário
Pesquisar por comunidade
Pesquise por pessoas

SW9.mp4

?️ Comente

Criar comentário em rich text
Comentários aninhados em qualquer nível
Comentário com voto positivo e negativo
Responder ao comentário
Editar o próprio comentário
Excluir o próprio comentário
Bloquear o próprio comentário

SW2.mp4

? Notificações

Notificações push
Todas as notificações

✉️ Mensagens

Envie uma mensagem privada
Todas as mensagens
Mensagens não lidas
Mensagens enviadas
Postar respostas
Menções de nomes de usuário
Excluir mensagem
Mensagem de spam
Responder à mensagem

SW6.mp4

? Moderador

Filas
- Spam (apenas postagens, apenas comentários, postagens e comentários)
- Editado (apenas postagens, apenas comentários, postagens e comentários)
- Não moderado (apenas postagens, apenas comentários, postagens e comentários)
Gerenciamento de usuários
- Usuários banidos
- Usuário silenciado
- Usuário aprovado
- Moderadores
Flairs e emojis
- Adicione um novo toque
- Editar talento
- Excluir talento
- Reordenar flares
Regras e regulamentos
- Adicionar nova regra
- Editar regra
- Excluir regra
- Reordenar regras
Configurações da comunidade
- Editar nome da comunidade
- Editar descrição da comunidade
- Editar tópico da comunidade
- Editar idioma da comunidade
- Editar tipo de comunidade (Pública, Privada, Restrita)
- Editar região da comunidade
Configurações de postagens e comentários
- Ativar/desativar tag de spoiler da comunidade
- Editar classificação sugerida para postagens
- Ativar/desativar imagem em postagens
Tráfego comunitário
- Dia da semana
- Mês
- Visualizações de página
- Membros aderiram
- Membros saíram

SW8.mp4

Configurações do usuário

Configuração de conta
Configuração de perfil
Configuração de e-mail
Configuração de segurança e privacidade
Configuração de feed

SW5.mp4

## Principais comandos para executar o projeto: ### Configuração do projeto e instalação de pacotes

 npm install

Compila e recarrega a quente para desenvolvimento

 npm run serve

Executa o projeto por padrão na porta:8081

Compila e minimiza para produção

 npm run build

O projeto é encontrado em uma pasta /dist no mesmo diretório após a construção

Execute seus testes de unidade

 npm run test

Este comando executa todos os testes de unidade.

Gerando relatório de cobertura

 npm run coverage

Este comando gera um relatório de cobertura index.html incluindo detalhes sobre todos os componentes O relatório de cobertura gerado é encontrado no diretório do projeto em /coverage