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.

link do surge: https://cheap-thrill.surge.sh/