Avaliacao Final Desenvolvimento de Batepapo Web com Nodejs Express e Cookies

Avaliação Trabalho Final Data 29112022 Curso ADSSEMI Disciplina Programação para Internet Professor Renato Nome RA Termo Turma Nota Batepapo WEB Enunciado Desenvolva um sistema web para uma sala de batepapo que atenda aos seguintes requisitos Cadastro de usuários Deve ser possível cadastrar os usuários da sala de batepapo incluindo nome email e senha Login e logout Deve ser possível fazer login e logout da sala de batepapo Envio e listagem de mensagens Deve ser possível enviar mensagens para outros usuários da sala de batepapo além de poder visualizálas Requisitos técnicos O sistema deve ser desenvolvido utilizando as tecnologias Nodejs Express cookies e sessão O sistema deve ser acessível a partir de qualquer dispositivo com acesso à internet Entrega O trabalho deve ser entregue até o dia 13 de dezembro de 2023 Observações O trabalho deve ser desenvolvido individualmente Comportamento do sistema O usuário somente poderá ter acesso ao menu do sistema depois de realizar o login O menu do sistema deverá apresentar as seguintes opções o Cadastro de Usuários o Batepapo Caso o usuário do sistema selecione a opção de cadastro de usuários o sistema deverá exibir um formulário de cadastro para permitir que um usuário seja cadastrado O formulário de cadastro deverá conter os seguintes campos o Nome o Data de Nascimento o Nickname ou apelido Todos os campos são de preenchimento obrigatório devendo a validação dos dados ocorrer no lado do servidor Ao término de cada inclusão o sistema deverá apresentar uma lista de usuários já cadastrados possibilitando a partir dessa tela que o usuário volte para a tela de cadastro ou visualize novamente o menu do sistema Caso o usuário do sistema selecione a opção Batepapo o sistema deverá exibir todas as mensagens já postadas além de permitir também que uma nova mensagem seja enviada conforme protótipo de tela a seguir Figura 1 Protótipo de interface para exibir e enviar mensagens para o batepapo Observe na figura que o campo usuário deverá exibir a lista de usuários já cadastrados no sistema Desse modo renderize no lado do servidor as options do elemento select com os nomes dos usuários já cadastrados A cada postagem de mensagem a página de batepapo deverá ser recarregada Observe que os campos usuários e mensagens devem estar preenchidos para que uma nova mensagem seja postada Embora o usuário não informe a data e hora da postagem essa informação deverá ser inserida automaticamente O protótipo de tela apresentado é apenas uma sugestão desse modo você está livre para estilizar suas páginas da maneira que julgar mais conveniente Outros requisitos do sistema Na tela de menu do sistema exiba a data e hora do último acesso do usuário do sistema não confunda com usuários cadastrados do batepapo Faça isso utilizando cookies O login no sistema poderá ser implementado utilizandose um único usuário e senha conforme realizado nas aulas Utilize o conceito de sessão para manter o login válido por 30 minutos Critérios avaliativos O app está acessível e funcionando na Internet Vercel 10 ponto Na tela de menu é possível visualizar informações do último acesso 10 ponto É possível realizar cadastro de usuários e visualizar os usuários já cadastrados 20 pontos Os dados de cadastro de um usuário foram validados pelo servidor 10 ponto A página de batepapo especificamente no campo usuário exibe os nomes dos usuários cadastrados no sistema 20 pontos É possível inserir novas mensagens de um respectivo usuário no batepapo 20 pontos O sistema impede a postagem de mensagens vazias e não relacionadas a um usuário 10 ponto Dicas O servidor dentre outros que você julgar necessário deverá responder por requisições nos seguintes endpoints GET cadastroUsuariohtml conteúdo estático POST cadastrarUsuario Capturar os parâmetros da requisição a partir do formulário html correspondente validar os dados no lado do servidor e responder com uma tabela contendo os usuários já cadastrados ou com o mesmo formulário apontando o resultado da validação conforme exemplo dado em aula POST postarMensagem Capturar os parâmetros da requisição a partir do formulário html correspondente validar os dados no lado do servidor e a depender do resultado da validação responder com o seguinte conteúdo Se os dados estiverem válidos usuário e mensagem então adicionar uma nova mensagem na lista não esquecendo de acrescentar a data e hora da mensagem inserida no servidor Enviar uma resposta contendo novamente a página com as mensagens atualizadas Se os dados estiverem inválidos então responder novamente com a página renderizandoa com as mensagens de validações solicitando ao usuário do sistema que ele selecione um usuário da lista eou preencha um conteúdo para o campo mensagem Para desenvolver esse batepapo você fará uso dos seguintes recursostecnologias Visual Studio Code NodeJS express expresssession cookieparser Github e Vercel Entregue no link da atividade final no Aprender o link para acesso da aplicação na internet além do código fonte compactado Caso tenha dificuldade em publicar a aplicação no Vercel grave um vídeo apresentando sua aplicação e envie junto com seu código fonte Bom trabalho Att Prof Renato BackEnd FrontEnd Como clonar um projeto do Github Deploy Nodejs Com Vercel Curso Nextjs Deploy na Vercel httpsyoutubeHZp1KUvJbnwsiCtcxrvzsIIZM43 httpsyoutubeFZiza5N6BQUsiBxJL6e4uVqnqSaid httpsyoutubeUIg8MAzxtlgsiwLOnli6moFJ7BCc httpsgithubcomHenriqueMorenoBatePapoWeb httpsgithubcomHenriqueMorenoBatePapoWebFrontEnd Links Tutorial