Réplica da rede social Twitter que permite aos usuários enviar e receber atualizações pessoais de outros contatos.
Neste desafio, vamos replicar o feed de notícias do Twitter. Para tanto, seguiremos um fluxo de versões que a guiarão para se concentrar mais eficientemente :)
Você pode adaptar o design como quiser, mas não demore para definir as cores ou fontes. Finalmente, você pode replicar o design da página oficial :). Aqui está um exemplo:
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.
Não inserir texto vazio (desativar o botão "twittar"). Conte o número de caracteres de forma regressiva.
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.
Ao pressionar enter (/n) aumente a área de texto de acordo com o tamanho do texto.
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. (Se aplicável)
Adicione a hora em que o tweet foi publicado no formato de 24 horas hh:mm.
Para formatar a data e a hora, você pode criar sua própria função ou usar uma biblioteca como moment.js.