Este projeto é uma lista de tarefas! Nela, é possível visualizar, adicionar, remover e editar tarefas à uma lista (CRUD). Todas as tarefas possuem um status (Pendente, Em andamento ou Pronto). Além disso, podemos listar as tarefas por ordem alfabética, data de criação ou por status.
Este projeto foi desenvolvido como FullStack: seu desenvolvimento Back-End foi utilizando NodeJS com Express, realizado com a arquitetura MSC e REST api, utilizando o banco de dados MongoDB. Para desenvolver o Front-End, foi utilizado React.
- HTML
- CSS
- JavaScript
- React.JS
- React Hooks
- Context API
- Node.JS
- Express
- Utilizar a Context API do React para gerenciar estados
- Utilizar o React Hook useState
- Utilizar o React Hook useContext
- Utilizar o React Hook useEffect
- Conexão do React.js com a API criada em Node.js
- REST API
- Arquitetura MSC
Além disso, neste projeto foi utilizado o ESLint, uma ferramenta para identificar divergências nos padrões de códigos JavaScript, garantindo as boas práticas no código e uma melhor legibilidade.
Para executar o projeto no seu computador:
- Faça o clone deste repositório utilizando
git clone [email protected]:felipemuller20/mern-todo-list.git; - Entre no diretório clonado
cd mern-todo-list; - Vá para o diretório backEnd
cd backEnd; - Instale as dependências com o comando
npm install; - Execute o servidor, com o comando
npm start; - Agora, com o servidor sendo executado, execute um novo terminal e certifique-se de que está na raíz do projeto.
- Já na raíz do projeto, entre no diretório frontEnd
cd frontEnd; - Instale as dependências com o comando
npm install; - Execute o progama com o comando
npm start;