Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gigihirao/twitter

Produto com design parecido com do twitter e manipulação de informações para inserir texto e depois mostrar na tela como um feed. https://gigihirao.github.io/Twitter/
https://github.com/gigihirao/twitter

css3 html5 javascript

Last synced: 6 days ago
JSON representation

Produto com design parecido com do twitter e manipulação de informações para inserir texto e depois mostrar na tela como um feed. https://gigihirao.github.io/Twitter/

Awesome Lists containing this project

README

        

# Twitter
Produto com design parecido com do twitter e manipulação de informações para inserir texto e depois mostrar na tela como um feed.

## 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. (Se aplicável)

## Versão 0.0.6

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

Nota: Para formatar a data e a hora, você pode criar sua própria função ou usar uma biblioteca como moment.js.