future4code / 4eddit-sagan-2 Goto Github PK

Implementar loading em todas as páginas que esperam dados da API (lista de posts, detalhe de post, criação de post)

• Feed
• Signup
• Login
• Create post
• Create Comment
• Vote post
• Vote Comment
• Get posts
• Get posts detail

Componente de feed funcional (seguro)

A página de feed deverá mostrar todos os posts,
além de um formulário para a criação de post.

• Carregar componente conteiner de posts
• Carregar componente de criação de post
• Pagina segura (atuh por token)
• Layout

Quando um usuário clicar em votar (positiva ou negativamente), uma requisição deverá ser feita indicando a "direção" do voto:
Um voto positivo é indicado com o número 1.
Um voto negativo é indicado com o número -1.
Para remover um voto, a direção deve ser 0.

• Logica de votação com inversão
• Comunicação com API (Comment Vote)
• Layout

voltar de detalhes para feed

Componente container de posts

Cada post mostrará o nome de usuário que postou, o texto do post, o número de votos (positivo ou negativo) e o número de comentários. Caso o usuário tenha votado positiva ou negativamente, isso deverá estar indicado. Todas essa informações serão fornecidas pela API.
Quando o usuário clicar em um post, ele deverá ser redirecionado para a página do respectivo post.

• Carregar dados da api para o State redux
• Envio ao detalhe de post
• Mostra a direção do voto do usuario atual nesse post (se votou)
• Layout

ao clicar no logo do header, levar para o feed

Recebe em UTC da API, calcular a diferença e converter.

• Criar a logica de conversão
• atualizar componentes

Quando um usuário clicar em votar (positiva ou negativamente), uma requisição deverá ser feita indicando a "direção" do voto:
Um voto positivo é indicado com o número 1.
Um voto negativo é indicado com o número -1.
Para remover um voto, a direção deve ser 0.

• Logica de votação com inversão
• Comunicação com API (Post Vote)
• Layout

Colocar os dados do usuario do localstorage para mostrar no appbar

Definição de paleta de cores pro tema e tema geral

Componente detalhamento post

A página de um post mostrará o mesmo card de post da página de feed, com o usuário, texto, curtidas e número de comentários.
Abaixo, terá um formulário para criação de comentários e os cards de comentários.

• Carregar detalhes do post (comunicação com API e STATE Redux)
• Carregar componente de voto no post
• Carregar componente de criação de comentario
• Carregar componente de mostra comentarios do post
• Carregar componente de voto no comentario
• Pagina segura (token)
• Layout

Garantir responsividade em todas as páginas, usar media queries, comparar a como o Reddit de verdade se comporta. Fazer deploy no surge e usar os celulares de verdade para testar as páginas.

• Pagina de feed
• Pagina de detalhes
• Pagina de login

• Implementar busca por nome/texto do post.

Componente de adicao de comentario

O formulário possui apenas o campo de texto

• Comunicação com API
• Layout

Pagina de cadastro comunicando com a API

A página de cadastro possui 3 campos: nome de usuário, email e senha.

• Comunicação com API
• Salvar Token localstorage
• Salvar Userdata no localstorage
• Redirecionar para o feed
• Layout

Colocar um cabeçalho para permitir interações com usuario

• Modificar App para mostrar o componente Header
• Implementar funcionalidade de logout
• Mostrar dados do localstorage do user
• Layout

Tela de login de usuario

A página de login possui dois campos de texto: email e senha

• Comunicação com API
• Salvar Token localstorage
• Salvar Userdata no localstorage
• Redirecionar para o feed
• Botão de cadastro (encaminha ao signup page)
• Layout

• Implementar funcionalidade de "Compartilhar", que permite mandar o post para outra rede social.