Projeto Labeddit Frontend

Este é um projeto fullstack com foco em implementar uma solução de rede social onde os usuários podem postar e comentar em posts. O projeto utiliza as tecnologias React.js para o frontend e Express.js, TypeScript e SQLite para o backend. O design é baseado no conceito "mobile first", priorizando a experiência em dispositivos móveis.

Funcionalidades

  • Fluxo de login e cadastro de usuários.
  • Criação de posts.
  • Comentários em posts.
  • Exclusão de posts.
  • Cobertura de testes backend.
  • Deploy da API.
  • Documentação README e POSTMAN para facilitar a compreensão e uso do projeto.

Fluxo de Login e Cadastro

  • Na página inicial, você pode se cadastrar como um novo usuário ou fazer login se já tiver uma conta.
  • Preencha os campos necessários e siga as instruções na tela para criar uma nova conta ou fazer login.

Criação de Posts

  • Após fazer login, você será redirecionado para a página inicial.
  • Clique no botão "Criar Post" para abrir o formulário de criação de um novo post.
  • Preencha o título e o conteúdo do post e clique em "Enviar" para criar o post.

Comentários em Posts

  • Na página inicial, você verá uma lista de posts existentes.
  • Clique em um post para abrir a página de detalhes do post.
  • Na página de detalhes, você pode visualizar os comentários existentes e adicionar um novo comentário na seção de comentários.

Exclusão de Posts

  • Na página inicial, você verá uma lista de posts existentes.
  • Clique no ícone de lixeira ao lado de um post para excluí-lo.

Testes

O projeto possui uma cobertura de testes backend para garantir a qualidade do código. Para executar os testes, execute o seguinte comando no diretório backend:

npm run test

API Deployada

A API backend está deployada e pode ser acessada em: ``. O repositório backend está no link: https://github.com/EmersonCostaDevWeb/projeto-integrador-backend.