https://github.com/felipemuller20/mern-todo-list

Projeto Full Stack de uma lista de tarefas. Projeto realizado com React.JS, Node.JS e MongoDB.
https://github.com/felipemuller20/mern-todo-list

mongodb nodejs reactjs

Last synced: 9 days ago
JSON representation

Projeto Full Stack de uma lista de tarefas. Projeto realizado com React.JS, Node.JS e MongoDB.

• Host: GitHub
• URL: https://github.com/felipemuller20/mern-todo-list
• Owner: felipemuller20
• Created: 2021-11-03T19:14:01.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2021-11-11T17:24:55.000Z (about 3 years ago)
• Last Synced: 2023-05-03T02:30:09.436Z (over 1 year ago)
• Topics: mongodb, nodejs, reactjs
• Language: JavaScript
• Homepage:
• Size: 313 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ✌️ Boas vindas ao repositório do projeto Todo List MERN!

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.

---

# ⚛️ Tecnologias utilizadas

- HTML

- CSS

- JavaScript

- React.JS

- React Hooks

- Context API

- Node.JS

- Express

---

# ✍️ Habilidades desenvolvidas

- 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.

---

# 👀 Acessando o projeto

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`;

---

# 👥 Autores

- [Felipe Muller](https://github.com/felipemuller20)