X Clone - Twitter Construído com Next.js -Em Desenvolvimento

🚀 Visão Geral

Bem-vindo ao X Clone! Este projeto é uma aplicação web totalmente funcional projetada para replicar as funcionalidades principais do Twitter, permitindo que os usuários interajam, compartilhem pensamentos e se conectem com outros em tempo real. Construída usando Next.js, esta aplicação demonstra o poder do React para criar interfaces de usuário dinâmicas e renderização do lado do servidor para desempenho ideal.

🌟 Principais Funcionalidades

• Autenticação de Usuário: Processos de cadastro, login e recuperação de senha sem interrupções.
• Tweetando: Publique atualizações, compartilhe imagens e expresse seus pensamentos em tempo real.
• Engajamento: Curta, retweete e responda a postagens para interagir com seus seguidores.
• Perfis de Usuário: Visualize e edite perfis de usuário, incluindo fotos de perfil e biografia.
• Sistema de Seguidores: Siga e pare de seguir outros usuários para personalizar seu feed.
• Atualizações em Tempo Real: Notificações e atualizações instantâneas usando tecnologia WebSocket.
• Design Responsivo: Otimizado para dispositivos desktop e móveis.

🛠️ Tecnologias Utilizadas

• Frontend:

  • Next.js - Framework para aplicações React renderizadas no servidor
  • React - Biblioteca JavaScript para construção de interfaces de usuário
  • Material-UI - Componentes React para desenvolvimento web mais rápido e fácil
  • Axios - Cliente HTTP baseado em promessas para navegador e Node.js
  • React Hook Form - Biblioteca para gerenciar estado de formulários e validação
  • Yup - Construtor de esquemas JavaScript para análise e validação de valores

• Backend:

  • Springboot - Framework para construção de aplicações Java de forma rápida e eficiente
  • MongoDB - Banco de dados NoSQL para armazenamento de dados flexível
  • Socket.io - Biblioteca para aplicações web em tempo real
  • postgress - banco de dados relacional

📥 Começando

Para configurar este projeto localmente, siga estes passos:

1. Clone o repositório

    git clone https://github.com/iKaueMatos/X-twitter-front-end

2. Acessar o diretorio

    cd X-twitter-front-end

3. instalação das dependencias

   npm install

🎨 Personalização

Sinta-se à vontade para modificar os seguintes arquivos para sua personalização:

• Componentes: Localizados no diretório components para componentes de UI reutilizáveis.
• Páginas: Localizadas no diretório pages para personalizar rotas e visualizações.
• Estilos: Edite os estilos no diretório styles para o seu visual único.

💡 Contribuindo

Agradecemos contribuições! Para contribuir com este projeto:

1. Faça um fork do repositório.
2. Crie um novo branch: git checkout -b feature/SuaFuncionalidade.
3. Faça suas alterações e faça commit: git commit -m 'Adicione sua funcionalidade'.
4. Envie para o branch: git push origin feature/SuaFuncionalidade.
5. Abra um pull request para discutir suas alterações.

📝 Licença

Este projeto está licenciado sob a Licença MIT. Veja o arquivo LICENSE para mais detalhes.

📬 Contato

Para qualquer dúvida, sinta-se à vontade para entrar em contato:

• Kauê de matos oliveira - [email protected]
• GitHub: @IKaueMatos