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.
- 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.
-
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
Para configurar este projeto localmente, siga estes passos:
- Clone o repositório
git clone https://github.com/iKaueMatos/X-twitter-front-end
- Acessar o diretorio
cd X-twitter-front-end
- instalação das dependencias
npm install
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.
Agradecemos contribuições! Para contribuir com este projeto:
- Faça um fork do repositório.
- Crie um novo branch: git checkout -b feature/SuaFuncionalidade.
- Faça suas alterações e faça commit: git commit -m 'Adicione sua funcionalidade'.
- Envie para o branch: git push origin feature/SuaFuncionalidade.
- Abra um pull request para discutir suas alterações.
Este projeto está licenciado sob a Licença MIT. Veja o arquivo LICENSE para mais detalhes.
Para qualquer dúvida, sinta-se à vontade para entrar em contato:
- Kauê de matos oliveira - ikauedeveloper@gmail.com
- GitHub: @IKaueMatos