# 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) ); ```
{"metaMigratedAt":"2023-06-16T06:28:50.162Z","metaMigratedFrom":"Content","title":"SESSION MONKCHAT 08/08","breaks":true,"contributors":"[{\"id\":\"4c424d8f-f274-42df-9402-f6014d7ba673\",\"add\":2474,\"del\":563}]"}
Expand menu