Sobre • Funcionalidades • Layout • Como executar • Tecnologias • Autor • Licença

💻 Sobre o projeto

To-Do Lists são listas de todas as tarefas que você precisa realizar, ou seja, elas listam tudo que você tem a fazer, com as tarefas mais importantes no topo, e as tarefas menos importantes na parte inferior da lista.

Esse projeto foi desenvolvido com as tecnologias que venho estudado ultimamente.

---

⚙️ Funcionalidades

Back-end:

• O usuário pode criar uma conta com name, email e password.
• A senha vai criptografada para o banco de dados
• Autenticação nas rotas com JWT
• Rota de criação de tasks
• Rota de listagem de tasks
• Rota de alteração de status da task
• Rota de remoção de task
• Rota de alteração de senha

Front-end

• Autenticação nas rotas
• SignIn
• SignUp
• Criação de tasks
• Listagem de tasks
• Remoção de task
• Atualizar status da task
• Prioridade de task por data
• Alterar senha

---

🎨 Layout

O layout da aplicação está disponível no Figma:

---

🚀 Como executar o projeto

Pré-requisitos

• Git
• Node.js
• PostgreSQL

🧭 Rodando a aplicação

# Clone este repositório
$ git clone https://github.com/thsthiago/todo_dev.git

# Acesse a pasta do projeto no seu terminal/cmd
$ cd todo_dev

Back-end

# Crie um banco de dados utilizando o PostgreSQL com o
# nome "todo-node-express"

# Acesse a pasta back-end
$ cd back-end

# Instale as dependências
$ yarn

# Crie as tabelas no banco de dados
$ yarn typeorm migration:run

# Execute a aplicação
$ yarn dev:server

# A api será aberta na porta:3333
$ http://localhost:3333

Front-end

# Acesse a pasta front-end
$ cd front-end

# Instale as dependências
$ yarn

# Execute a aplicação
$ yarn start

# A aplicação será aberta na porta:3000
$ http://localhost:3000

---

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Back-end:

• Node JS
• Typescritp
• Express.js
• Jsonwebtoken
• Uuidv4
• Typeorm
• Pg
• Eslint
• ts-node-dev

Front-end:

• React JS
• React-router-dom
• React-spring
• React-icons
• Styled-components
• @unform
• date-fns
• Typescript
• uuid
• Yup
• Eslint
• axios

Utilitários

• Editor: Visual Studio Code
• Consultas na api: insominia
• DBeaver: DBeaver
• PostgreSQL: PostgreSQL

---

👨🏽‍💻 Autor

_{Thiago Cabral}

---

📝 Licença

Este projeto esta sobe a licença MIT.

Feito por Thiago Cabral 🚀