☑️Gerenciamento de Tarefas
Este documento fornece detalhes completos sobre o projeto "Aplicação Completa de Gerenciamento de Tarefas", incluindo os objetivos, requisitos, e etapas para conclusão.
Figma
Link direto: https://www.figma.com/design/FjPz5QnCyx2PvEp8gGx8mA/Todo-List?node-id=0-1&t=DI4ZGDQLw33j20SK-1
Descrição do Projeto
Este projeto envolve a criação de uma aplicação completa de gerenciamento de tarefas utilizando ReactJS para o frontend e Express para o backend. O objetivo é permitir que os usuários criem, leiam, atualizem e deletem tarefas, além de exibir todas as tarefas.
Objetivos
Criação de tarefas: Permitir que os usuários criem novas tarefas.
Leitura de tarefas: Mostrar uma lista de todas as tarefas.
Atualização de tarefas: Permitir que os usuários atualizem tarefas existentes.
Deleção de tarefas: Permitir que os usuários deletem tarefas.
Exibição de tarefas: Mostrar todas as tarefas criadas.
Requisitos
Frontend
ReactJS: Utilize React para construir a interface do usuário.
Componentes:
Formulário para criação e atualização de tarefas.
Lista de tarefas.
Botão para deleção de tarefas.
Backend
ExpressJS: Utilize Express para construir a API.
Endpoints:
POST /tasks: Criação de uma nova tarefa.GET /tasks: Recuperar todas as tarefas.PUT /tasks/:id: Atualizar uma tarefa existente.DELETE /tasks/:id: Deletar uma tarefa.
Banco de Dados
MongoDB: Utilize MongoDB para armazenar os dados das tarefas.
Passos para Conclusão
Configuração do Ambiente: Configure seu ambiente de desenvolvimento com ReactJS, ExpressJS e MongoDB.
Configuração do Backend:
Crie um novo projeto Node.js.
Instale e configure o Express.
Defina os modelos de dados para as tarefas.
Crie os endpoints para manipulação dos dados.
Configuração do Frontend:
Crie um novo projeto React.
Desenvolva os componentes necessários (formulário de criação/atualização de tarefas, lista de tarefas, botão de deleção).
Conecte o frontend ao backend utilizando axios ou fetch.
Testes: Teste todas as funcionalidades para garantir que estão funcionando corretamente.
Deploy: Faça o deploy da aplicação em um serviço de hospedagem como Heroku, Netlify ou Vercel.
Conclusão
Este projeto fornece uma oportunidade prática para aplicar os conhecimentos de ReactJS, ExpressJS e MongoDB, desenvolvendo uma aplicação web completa. Siga os passos fornecidos para concluir o projeto com sucesso. Boa sorte!
Last updated