🖥️ Aplicação clone do WhatsApp Web, com tema escuro. 🖥️ Concluído ✔️
• Sobre • Features • Demonstração • Como executar • Tecnologias • Autora •
Clone do WhatsApp Web em tema escuro. Foram utilizadas técnicas HTML5 e CSS3, como pseudoseletores, pseudoclasses e técnicas de posicionamento. Além disso, foi incluído um tema especial do anime One Piece, em nome da criatividade.
-
O usuário pode encontrar na barra lateral simulações de:
- perfil do usuário, com opções de stories, novo chat e configurações
- opção de ativar notificações na área de trabalho
- barra de pesquisa de conversas
- abas de conversa com vários contatos
-
O usuário pode encontrar na área do chat simulações de:
- informações do contato da conversa selecionada, com opções de pesquisar na conversa, anexar e configurações
- a área da conversa
- área para escrever mensagem para o contato, com opções de emoji e áudio
Este projeto possui apenas uma parte (Frontend), com as pastas:
- CSS
- Arquivo index.html
- Images
É bom ter um editor para trabalhar com o código, como o VSCode.
# Clone o repositório
$ git clone [email protected]:dandara-dias/whatsapp-web-clone.git
# Entre na pasta do repositório que você acabou de clonar
$ cd whatsapp-web-clone
# Com a extensão Live Server, clique em Go Live
# A aplicação iniciará na porta 5500 - acesse http://localhost:5500 As seguintes ferramentas foram usadas na construção do projeto:
- Editor: Visual Studio Code → Extensions: Live Server
- Markdown: Rocketseat
- Favicon: Icons8
- Ícones: FontAwesome
- Paleta de cores: Coolors
- Fontes: Balsamiq Sans
