Este é um aplicativo simples de lista de tarefas que permite aos usuários gerenciar suas tarefas diárias de forma eficaz. Com esta aplicação, você pode criar, editar, excluir e marcar o status das suas tarefas. Ele é dividido em duas partes: um servidor Node.js para gerenciar os dados e um front-end React para a interface do usuário.
-
Adicionar Tarefas: Você pode facilmente adicionar novas tarefas à sua lista. Basta digitar o texto da tarefa no campo apropriado e pressionar "Adicionar". A tarefa será automaticamente adicionada à sua lista.
-
Editar Tarefas: Caso precise fazer alterações em uma tarefa existente, você pode simplesmente clicar no ícone de edição ao lado da tarefa desejada. Isso permitirá que você atualize o texto da tarefa.
-
Excluir Tarefas: Se você deseja remover uma tarefa da sua lista, basta clicar no ícone de lixeira ao lado da tarefa que deseja excluir. A tarefa será removida permanentemente.
-
Alterar Status: O aplicativo permite que você marque uma tarefa como "CONCLUÍDA" ou "NÃO CONCLUÍDA" com um simples clique na tarefa desejada. Isso ajuda a manter o controle do progresso.
-
Node.js: Utilizamos Node.js para criar o servidor backend da aplicação. Ele é uma plataforma JavaScript que permite criar servidores eficientes e escaláveis.
-
MongoDB: O MongoDB é um banco de dados NoSQL usado para armazenar e gerenciar os dados das tarefas. Ele fornece flexibilidade e escalabilidade.
-
Express: O framework Express.js é usado para simplificar o desenvolvimento do servidor Node.js. Ele facilita a criação de rotas e o gerenciamento de solicitações HTTP.
-
React: Utilizamos o React para criar a interface do usuário da aplicação. React é uma biblioteca JavaScript para a construção de interfaces de usuário interativas e reativas.
-
Axios: O Axios é usado para fazer chamadas de API ao servidor backend a partir do aplicativo React. Ele é uma biblioteca para lidar com requisições HTTP.
Antes de iniciar, certifique-se de que você tenha o Node.js instalado em seu sistema. Caso não tenha, você pode baixá-lo em nodejs.org.
Instalação:
-
Certifique-se de ter o Node.js instalado em seu sistema. Você pode baixá-lo em NodeJS - Download.
-
Clone o projeto:
git clone https://github.com/Hickembick/lista-de-tarefas.git
3.Navegue para o diretório do projeto: cd..
Backend
*Navegue para a pasta do backend: cd backend
*Instale as dependências: npm install
*Inicie o servidor Node.js: nodemon server **O servidor estará rodando em http://localhost:5000.
Frontend
*Navegue de volta para a pasta raiz do projeto: cd ..
*Navegue para a pasta do frontend: cd frontend
*Instale as dependências: npm install
*Inicie o aplicativo React: npm start
**O aplicativo React estará disponível em http://localhost:3000.
#Uso
Você pode acessar o aplicativo no seu navegador em http://localhost:3000 e começar a gerenciar suas tarefas.
Autor Feito por Jessica Hickembick.
📖 Referências
Node.js Official Documentation React Official Documentation MongoDB Official Documentation
This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
Note: this is a one-way operation. Once you eject, you can't go back!
If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration
This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify