O projeto Whats-lab foi desenvolvido para colocar o conceito do trabalho em dupla em prática com os conteúdos estudados até momento no Bootcamp da Labenu: React.js e Styled-Components. Trata-se de um aplicativo semelhante ao WhatsApp, Telegram, Messenger, mas sem a necessidade de desenvolver um sistema que envie e receba mensagens de fora, e sim que crie algo que simplesmente mostre novas mensagens.
Os critérios foram:
-
Cada mensagem deve possuir um remetente (ou seja, um usuário que enviou) e o conteúdo em si.
-
deve existir um local onde o usuário escolhe o nome do remetente (input) ; o conteúdo da mensagem (input) e um botão de enviar.
-
No layout, eles devem ficar um ao lado do outro. Sendo o campo do remetente com largura muito menor do que o campo do conteúdo.
-
Ao enviar a mensagem, os campos devem ser resetados para ficar em branco novamente.
-
Desafio:
-
Faça com que tanto o botão de enviar, como o botão "Enter" envie as mensagens e Implemente a funcionalidade de deletar mensagem. Sempre que o usuário clicar duas vezes em cima de uma mensagem ela deve ser apagada.
-
Sempre que o nome do usuário for "eu", a mensagem deve aparecer à direita e sem mostrar o nome dele; se for outro nome, deve aparecer à esquerda, e deve mostrar o nome do remetente.
-
Criar link do surge.
o projeto foi desenvolvido usando as seguintes tecnologias:
# Clonar o repositório
git clone https://github.com/future4code/Johnson-whatslab12.git
# Entrar no diretório
cd whats-lab
# Instalar as dependências
npm install
# Rodar o projeto
npm run startDesenvolvido com 🧡 por Alexandre e Ingrid 🤝