{"id":25930577,"url":"https://github.com/odevthomas/whatsapp-clone","last_synced_at":"2025-12-01T15:03:15.778Z","repository":{"id":253589936,"uuid":"843933707","full_name":"odevthomas/whatsapp-Clone","owner":"odevthomas","description":"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.","archived":false,"fork":false,"pushed_at":"2024-08-17T23:18:37.000Z","size":1884,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-30T15:41:35.653Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://devthmedu.github.io/whatsapp-Clone/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/odevthomas.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-17T21:27:43.000Z","updated_at":"2024-09-16T02:52:33.000Z","dependencies_parsed_at":"2024-08-18T00:25:43.440Z","dependency_job_id":"6c4a43cf-7584-467f-a35e-ee9bb2be69f6","html_url":"https://github.com/odevthomas/whatsapp-Clone","commit_stats":null,"previous_names":["devthmedu/whatsapp-clone","odevthomas/whatsapp-clone"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odevthomas%2Fwhatsapp-Clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odevthomas%2Fwhatsapp-Clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odevthomas%2Fwhatsapp-Clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odevthomas%2Fwhatsapp-Clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/odevthomas","download_url":"https://codeload.github.com/odevthomas/whatsapp-Clone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241753801,"owners_count":20014363,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-03-03T23:21:45.484Z","updated_at":"2025-12-01T15:03:15.726Z","avatar_url":"https://github.com/odevthomas.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n![1](https://github.com/user-attachments/assets/b85ae422-167a-4c3c-a6b0-e12488022a38)\n\n# Clone do WhatsApp Web \n\nEste 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).\n\n## Índice\n\n- [Visão Geral](#visão-geral)\n- [Funcionalidades](#funcionalidades)\n- [Tecnologias Utilizadas](#tecnologias-utilizadas)\n- [Instalação e Configuração](#instalação-e-configuração)\n- [Uso](#uso)\n- [Contribuição](#contribuição)\n- [Licença](#licença)\n\n## Visão Geral\n\nO 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.\n\n## Funcionalidades\n\n- **Barra Lateral:** \n  - Imagem de perfil\n  - Barra de ferramentas com ícones\n  - Barra de pesquisa\n  - Notificação de conectividade!\n\n  - Lista de bate-papos\n  \n- **Janela de Bate-Papo:**\n  - Cabeçalho do bate-papo com imagem e nome\n  - Conteúdo do chat com mensagens organizadas\n  - Grupo de mensagens por remetente\n  - Rodapé com entrada e ícones para anexos e mensagens de voz\n\n- **JavaScript:**\n  - Rolagem suave para o topo\n  - Verificação de conectividade com a internet\n\n## Tecnologias Utilizadas\n\n- **React:** Para a construção da interface e gestão do estado da aplicação.\n- **HTML5 \u0026 CSS3:** Para estruturação e estilização da interface.\n- **JavaScript:** Para funcionalidades interativas e verificação de conectividade.\n\n## Instalação e Configuração\n\nPara executar o projeto localmente, siga estes passos:\n\n1. **Clone o Repositório:**\n\n   ```bash\n   git clone https://github.com/seu-usuario/clone-whatsapp-web-ui.git\n   cd clone-whatsapp-web-ui\n   ```\n\n2. **Instale as Dependências:**\n\n   ```bash\n   npm install\n   ```\n\n3. **Inicie o Servidor de Desenvolvimento:**\n\n   ```bash\n   npm start\n   ```\n\n   Isso abrirá a aplicação em `http://localhost:3000` no seu navegador padrão.\n\n## Uso\n\nApó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.\n\n## Contribuição\n\nContribuições são bem-vindas! Se você quiser contribuir com melhorias ou correções, por favor, siga estes passos:\n\n1. **Faça um Fork do Repositório.**\n2. **Crie uma Branch para sua Feature:**\n\n   ```bash\n   git checkout -b minha-nova-feature\n   ```\n\n3. **Commit suas Mudanças:**\n\n   ```bash\n   git commit -am 'Adiciona nova feature'\n   ```\n\n4. **Push para a Branch:**\n\n   ```bash\n   git push origin minha-nova-feature\n   ```\n\n5. **Abra um Pull Request.**\n\n## Licença\n\nEste projeto está licenciado sob a [MIT License](LICENSE).\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fodevthomas%2Fwhatsapp-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fodevthomas%2Fwhatsapp-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fodevthomas%2Fwhatsapp-clone/lists"}