O Frontend Fusion é um projeto inovador focado em proporcionar uma experiência envolvente de aprendizado de programação. Nosso objetivo é oferecer um ambiente colaborativo onde entusiastas de tecnologia possam mergulhar no mundo do desenvolvimento frontend, explorando CSS, HTML e JavaScript através de desafios e atividades interativas.
Atividade: Criar Backend para Receber Dados do Formulário e Adicionar Comentários
Descrição:
Desenvolver uma API backend para receber dados enviados por um formulário e adicionar comentários. O backend deve ser capaz de armazenar e gerenciar os comentários, garantindo a segurança e a validação dos dados. A coleção no banco de dados já foi criada. Deve-se usar TypeScript, Node.js e Express, ou qualquer outro framework backend adequado.
Tarefas:
Configuração do Servidor:
Configurar um servidor Node.js utilizando Express.
Definir as rotas necessárias para receber os dados do formulário.
Criação do Endpoint:
Criar um endpoint POST /comments para receber os dados do formulário.
Validar os dados recebidos:
Obrigatórios: nome, e-mail, comentário.
Opcionais: githubuser, avatar.
Garantir que os campos opcionais (githubuser, avatar) possam ser nulos ou vazios.
Armazenamento de Dados:
Conectar-se a um banco de dados (MongoDB, PostgreSQL, etc.) para armazenar os comentários. A coleção já foi criada no mongo db , se optar por outro banco de dados , informe ao lider.
Implementar a lógica para salvar os dados validados no banco de dados.
Tratamento de Erros:
Garantir o tratamento adequado de erros, retornando respostas claras ao frontend em caso de falhas na validação ou no salvamento.
Segurança:
Implementar medidas de segurança básicas, como sanitização de inputs e proteção contra ataques XSS/CSRF.
Testes e Validação:
Testar o endpoint com diferentes inputs para garantir que a API funcione corretamente.
Validar que as rotas de POST /comments e GET /comments estão funcionando corretamente.
Deploy:
Realizar o deploy da aplicação no Render.
Antes de enviar para produção, fazer os testes para garantir que todas as rotas estejam funcionando.
Enviar a string de conexão para o líder da equipe ao solicitar a tarefa.
Após o deploy, enviar os detalhes para o líder da equipe.
Nota:
Garanta que o backend esteja preparado para receber requisições de diferentes origens, configurando adequadamente o CORS, caso necessário.
Atividade: Criar Backend para Receber Dados do Formulário e Adicionar Comentários
Descrição: Desenvolver uma API backend para receber dados enviados por um formulário e adicionar comentários. O backend deve ser capaz de armazenar e gerenciar os comentários, garantindo a segurança e a validação dos dados. A coleção no banco de dados já foi criada. Deve-se usar TypeScript, Node.js e Express, ou qualquer outro framework backend adequado.
Tarefas:
Configuração do Servidor:
Criação do Endpoint:
POST /comments
para receber os dados do formulário.Armazenamento de Dados:
Tratamento de Erros:
Segurança:
Testes e Validação:
POST /comments
eGET /comments
estão funcionando corretamente.Deploy:
Nota: Garanta que o backend esteja preparado para receber requisições de diferentes origens, configurando adequadamente o CORS, caso necessário.