Acesse o projeto online: https://devgabrielafonso.github.io/Gerador-de-Tweet/
Um mini-projeto web que simula a interface de um tweet e gera frases aleatórias em formato humorístico usando JavaScript.
O objetivo é treinar manipulação de DOM, eventos, arrays, lógica de geração dinâmica de texto e interação com interface.
O usuário pode:
- Gerar uma frase aleatória no estilo meme
- Ver horário e data automáticos
- Interagir com botões de comentário, retweet e like
- Enviar a frase direto para o X (Twitter)
A frase é montada dinamicamente seguindo a estrutura:
[Sujeito] que [Verbo] [Substantivo] são [Adjetivo]
Os elementos são sorteados de arrays no JavaScript:
- Sujeitos
- Verbos
- Substantivos
- Adjetivos
Isso permite gerar combinações praticamente infinitas.
- HTML5 → Estrutura da interface
- CSS3 → Estilização e layout (modelo inspirado em tweet)
- JavaScript (Vanilla) → Lógica, eventos e manipulação de conteúdo
✔ Geração de frases aleatórias ✔ Atualização automática de horário e data ✔ Botões de interação com contadores ✔ Link dinâmico para postar no X ✔ Interface responsiva e limpa
getElementByIdegetElementsByClassName- Alteração de
.value,.innerHTMLe.href - Arrays e
Math.random() - Funções reutilizáveis
- Manipulação de data com
Date() - Eventos de clique
- Adicionar mais categorias de palavras
- Criar temas (gamer, dev, filosofia, etc.)
- Salvar frases favoritas
- Dark mode
- Animações nas interações
Gabriel Afonso Sussia 🔗 GitHub: https://github.com/DevGabrielAfonso
Projeto feito para praticar lógica de programação e desenvolvimento front-end.