---
# System prepended metadata

title: SESSION MONKCHAT 08/08

---

# SESSION MONKCHAT 08/08

### DÚVIDAS

A maior parte das dúvidas é sobre react, fico bem perdido no quesito de pastas e outras coisas. Vou começar a trabalhar com react no vscode, nesse projeto não foi possível devido à minha localização.

## REACT

![](https://i.imgur.com/W3c24vI.png)
![](https://i.imgur.com/Zjokwie.png)
![](https://i.imgur.com/NKa7CvW.png)
![](https://i.imgur.com/I0Gleka.png)
![](https://i.imgur.com/R35PuYl.png)
![](https://i.imgur.com/w1xYtt3.png)
![](https://i.imgur.com/x7n4L15.png)

### LINK PARA O PROJETO EM REACT
https://codesandbox.io/s/purple-sun-ob1iu?file=/src/index.js

## ANÁLISE

CRIAR - O usuário pode criar uma sala, antes colocando o nome dela na caixa de texto

ENTRAR - O usuário pode entrar em uma sala já existente, colocando o nome dela na caixa de texto

ESCREVER MENSAGEM - O usuário pode escrever uma mensagem para ser enviada

ESCREVER NOME DA SALA - O usuário escreve o nome da sala, para criá-la ou entrar em uma já existente

ESCREVER NICK - O usuário pode escrever o nome do apelido que será usado para o identificá-lo no chat

ENVIAR MENSAGEM - O usuário pode enviar a mensagem que estiver escrita na área de texto

RECARREGAR MENSAGENS - O usuário dá um refresh nas mensagens, para atualizá-las

### DIAGRAMA DE CASO DE USO

![](https://i.imgur.com/udpMkrE.jpg)

## TABELA DE BD

```sql=
TABLE TB_SALA (
  id_sala int AUTO_INCREMENT primary KEY,
  nm_sala varchar(100),
  nm_dono varchar(100),
  ds_senha int
 );
 
 CREATE table TB_USUARIO(
 id_usuario	int AUTO_INCREMENT PRIMARY key,
 ds_email	varchar(100),	 
 ds_senha	int,
 nm_nick	varchar(100),	 
 dt_inclusao	datetime
 );
 
 
 CREATE table TB_CHAT (
 id_chat int AUTO_INCREMENT PRIMARY KEY,
 id_sala int, 
 id_usuario int, 
 nm_mensagem	varchar(100),	 
 dt_mensagem	datetime,
   foreign key (id_sala) references TB_SALA(id_sala),
   foreign key (id_usuario) references TB_USUARIO(id_usuario)
 );

```
