🐦 Twitter Clone

Um clone simplificado do Twitter, desenvolvido com React e Tailwind CSS, focado na exibição da página inicial com tweets.

🚀 Tecnologias Utilizadas

• ⚛️ React - Biblioteca JavaScript para construção de interfaces
• 🎨 Tailwind CSS - Framework CSS para estilização
• 🔐 Crypto-JS - Para funcionalidades de aleatoriedade e segurança
• 🔢 UUID v4 - Geração de identificadores únicos
• 🔥 Fortawesome - Ícones incríveis para UI

📸 Captura de Tela

🛠 Como Rodar o Projeto

1. Clone o repositório:

   git clone https://github.com/seu-usuario/twitter-clone.git
   cd twitter-clone
   

2. Instale as dependências:

   npm install
   

3. Inicie o servidor de desenvolvimento:

   npm run dev
   

4. Acesse no navegador: http://localhost:3000

📌 Funcionalidades

✅ Exibição de tweets na timeline
✅ Design responsivo com Tailwind
✅ Ícones interativos com FontAwesome
✅ Geração aleatória de dados para simular tweets

📜 Roadmap Futuro

🔹 Adicionar sistema de login/autenticação
🔹 Implementar tweets dinâmicos e interativos
🔹 Melhorias na acessibilidade e UI/UX

🏗 Estrutura do Projeto

📂 src
 ┣ 📂 assets
 ┣ 📂 components
 ┃ ┣ 📂 FollowItem
 ┃ ┃ ┗ 📜 index.jsx
 ┃ ┣ 📂 Sidebar
 ┃ ┃ ┗ 📜 index.jsx
 ┃ ┣ 📂 TrendItem
 ┃ ┃ ┗ 📜 index.jsx
 ┃ ┣ 📂 Tweet
 ┃ ┃ ┗ 📜 index.jsx
 ┃ ┣ 📂 TwitterForm
 ┃ ┃ ┗ 📜 index.jsx
 ┣ 📂 utils
 ┃ ┗ 📜 generateImages.js
 ┣ 📜 App.jsx
 ┣ 📜 index.css
 ┣ 📜 main.jsx
 ┣ 📜 .gitignore
 ┣ 📜 eslint.config.js
 ┣ 📜 index.html
 ┣ 📜 package-lock.json
 ┣ 📜 package.json
 ┣ 📜 README.md
 ┗ 📜 vite.config.js

📝 Contribuição

Contribuições são bem-vindas! Para sugerir melhorias ou correções:

1. Faça um fork do projeto
2. Crie uma nova branch: git checkout -b minha-feature
3. Faça commit das suas alterações: git commit -m 'Adicionei uma nova feature'
4. Envie para o repositório: git push origin minha-feature
5. Abra um Pull Request 🚀

Desenvolvido com ❤️ por Guilherme Poppi