4eddit-sagan-2's People
4eddit-sagan-2's Issues
Bug de redirecionamento
voltar de detalhes para feed
Responsividade do site
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
Converter e calcular hora
Recebe em UTC da API, calcular a diferença e converter.
- Criar a logica de conversão
- atualizar componentes
Componente de comentario
Componente de adicao de comentario
O formulário possui apenas o campo de texto
- Comunicação com API
- Layout
Componente de votos - Comentarios
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
Feed page
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
Redirecionar ao clicar no logo
ao clicar no logo do header, levar para o feed
Signup page
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
Loading nas paginas com dados externos
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 votos - post
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
User data
Colocar os dados do usuario do localstorage para mostrar no appbar
Busca de posts
- Implementar busca por nome/texto do post.
Componente de posts
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
Login page
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
Post details page
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
Componente Header
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
Definição de paleta de cores pro tema
Definição de paleta de cores pro tema e tema geral
Compartilhar post
- Implementar funcionalidade de "Compartilhar", que permite mandar o post para outra rede social.
Layout quebrando em PC
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.