https://github.com/ojailson17/notion-tasks-extension
Extensão do Chrome que consome a API do Notion buscando dados de uma página da aplicação.
https://github.com/ojailson17/notion-tasks-extension
css html javascript notion-api typescript
Last synced: 2 months ago
JSON representation
Extensão do Chrome que consome a API do Notion buscando dados de uma página da aplicação.
- Host: GitHub
- URL: https://github.com/ojailson17/notion-tasks-extension
- Owner: OJailson17
- Created: 2022-10-19T03:20:38.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-13T10:53:03.000Z (over 1 year ago)
- Last Synced: 2025-02-06T22:42:53.284Z (4 months ago)
- Topics: css, html, javascript, notion-api, typescript
- Language: TypeScript
- Homepage:
- Size: 52.7 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Notion Tasks Extension
Esta extensão utiliza a API do Notion para buscar os dados de uma página da aplicação, que está sendo usado como database.
Esta página é apenas um board que serve para controlar as tarefas que precisam ser feitas, que estão em andamento ou já foram concluídas.
A extensão busca apenas as tarefas que possuem a mesma data do dia da consulta ou tarefas de dias anteriores que possuem o status "OVERDUE".
Através da aplicação também é possível mudar o status da aplicação para "DONE", fazendo com que ela desapareça da lista.
Foi criado um servidor para realizar as chamadas para a API do Notion pois só é possível fazer requisições pelo servidor.
> **OBS**: Por conta de algumas limitações que a API do Notion traz devido as informações necessárias para usá-la, não faz sentido publicar esta extensão na Chrome Store, pois sua utilização seria muito trabalhosa. Por isso, ela é para uso pessoal.
## Tecnologias
- HTML
- CSS
- Typescript
---
### Install
```bash
npm install
```
### Run
```bash
npm run dev
```
### Deploy
> **OBS:** A aplicação não funciona sem o servidor está rodando. Por segurança, o código do servidor ainda não está público.
Depois de conferir se aplicação tá funcionando corretamente, basta rodar o comando de deploy.
```bash
npm run deploy
```
Este comando irá criar uma pasta **/dist** na raiz do projeto, e **é esta pasta** que deve ser carregada no navegador.
Você pode conferir como adicionar extensões locais através [desse artigo](https://webkul.com/blog/how-to-install-the-unpacked-extension-in-chrome/).