tmcamillo / twitter

Réplica do feed de notícias do Twitter, fazendo uso da manipulação do DOM e de flexbox. Projeto final, clique aqui >>>

Twitter

Projeto elaborado para Laboratória SP 02/19

---

Neste desafio a ideia foi replicar o feed de notícias do Twitter fazendo uso da manipulação do DOM e de flexbox para construir o layout e posicionar posts do mais recente ao mais antigo.

Versão 0.0.1

• Crie um formulário que permita inserir um texto e um botão para "twittar".
  
• Adicione um evento de click ao botão ou de submit no formulário.
  
• No evento, obter o texto.
  
• Adicione o texto ao HTML.

Versão 0.0.2

• Não inserir texto vazio (desativar o botão "twittar").
  
• Conte o número de caracteres de forma regressiva.
  

Versão 0.0.3

• Se você passar os 140 caracteres, desative o botão.
  
• Se você passar os 120 caracteres, mostre o contador com outra cor.
  
• Se você passar os 130 caracteres, mostre o contador com outra cor.
  
• Se você passar os 140 caracteres, mostre o contador em negativo.

Versão 0.0.4

• Ao pressionar enter (/n) aumente a área de texto de acordo com o tamanho do texto.
  

Versão 0.0.5

• Se o número de caracteres digitados (sem dar um "enter") exceder o tamanho da área de texto por padrão, mais uma linha deverá ser adicionada para que a rolagem não apareça.
  

Versão 0.0.6

• Adicione a hora em que o tweet foi publicado no formato de 24 horas hh:mm.

Principais tecnologias Utilizadas

• JavaScript
• HTML
• CSS