https://github.com/odevthomas/whatsapp-clone
O projeto visa fornecer uma interface visualmente semelhante ao WhatsApp Web, com foco em replicar os principais componentes da UI, como a barra lateral e a janela de bate-papo. O foco principal é a estética e a estrutura da interface, sem implementar funcionalidades completas de mensagens.
https://github.com/odevthomas/whatsapp-clone
Last synced: 3 months ago
JSON representation
O projeto visa fornecer uma interface visualmente semelhante ao WhatsApp Web, com foco em replicar os principais componentes da UI, como a barra lateral e a janela de bate-papo. O foco principal é a estética e a estrutura da interface, sem implementar funcionalidades completas de mensagens.
- Host: GitHub
- URL: https://github.com/odevthomas/whatsapp-clone
- Owner: odevthomas
- Created: 2024-08-17T21:27:43.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-17T23:18:37.000Z (over 1 year ago)
- Last Synced: 2025-01-30T15:41:35.653Z (about 1 year ago)
- Language: CSS
- Homepage: https://devthmedu.github.io/whatsapp-Clone/
- Size: 1.8 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Clone do WhatsApp Web
Este projeto é uma clonagem da interface do usuário do WhatsApp Web, desenvolvida com React. O objetivo é replicar a aparência e o layout da plataforma de mensagens popular, utilizando apenas HTML, CSS e JavaScript (React).
## Índice
- [Visão Geral](#visão-geral)
- [Funcionalidades](#funcionalidades)
- [Tecnologias Utilizadas](#tecnologias-utilizadas)
- [Instalação e Configuração](#instalação-e-configuração)
- [Uso](#uso)
- [Contribuição](#contribuição)
- [Licença](#licença)
## Visão Geral
O projeto visa fornecer uma interface visualmente semelhante ao WhatsApp Web, com foco em replicar os principais componentes da UI, como a barra lateral e a janela de bate-papo. O foco principal é a estética e a estrutura da interface, sem implementar funcionalidades completas de mensagens.
## Funcionalidades
- **Barra Lateral:**
- Imagem de perfil
- Barra de ferramentas com ícones
- Barra de pesquisa
- Notificação de conectividade!
- Lista de bate-papos
- **Janela de Bate-Papo:**
- Cabeçalho do bate-papo com imagem e nome
- Conteúdo do chat com mensagens organizadas
- Grupo de mensagens por remetente
- Rodapé com entrada e ícones para anexos e mensagens de voz
- **JavaScript:**
- Rolagem suave para o topo
- Verificação de conectividade com a internet
## Tecnologias Utilizadas
- **React:** Para a construção da interface e gestão do estado da aplicação.
- **HTML5 & CSS3:** Para estruturação e estilização da interface.
- **JavaScript:** Para funcionalidades interativas e verificação de conectividade.
## Instalação e Configuração
Para executar o projeto localmente, siga estes passos:
1. **Clone o Repositório:**
```bash
git clone https://github.com/seu-usuario/clone-whatsapp-web-ui.git
cd clone-whatsapp-web-ui
```
2. **Instale as Dependências:**
```bash
npm install
```
3. **Inicie o Servidor de Desenvolvimento:**
```bash
npm start
```
Isso abrirá a aplicação em `http://localhost:3000` no seu navegador padrão.
## Uso
Após iniciar o servidor, você pode interagir com a interface replicada do WhatsApp Web. A barra lateral e a janela de bate-papo estarão disponíveis para visualização e teste.
## Contribuição
Contribuições são bem-vindas! Se você quiser contribuir com melhorias ou correções, por favor, siga estes passos:
1. **Faça um Fork do Repositório.**
2. **Crie uma Branch para sua Feature:**
```bash
git checkout -b minha-nova-feature
```
3. **Commit suas Mudanças:**
```bash
git commit -am 'Adiciona nova feature'
```
4. **Push para a Branch:**
```bash
git push origin minha-nova-feature
```
5. **Abra um Pull Request.**
## Licença
Este projeto está licenciado sob a [MIT License](LICENSE).