Lista de Tarefas é um sistema web que utiliza API do Google Task para gerenciar as tarefas do Google Task.
É possível:
Criar, editar e excluir Listas.
Adicionar Tarefas em Listas.
Criar, editar, excluir as Tarefas cadastradas nas Listas de Tarefas.
Instalação e configuração do sistema:
0 - Baixe os arquivos do repositório.
- Link. Estrutura e organização dos arquivos do projeto.
To-do-list/
├── index.html
├── css/
│ ├── bootstrap-theme.css
│ ├── bootstrap-theme.min.css
│ ├── bootstrap.css
│ ├── bootstrap.min.css
│ ├── docs.css
│ └── fonts/
│ │ ├── fontawesome-webfont.eot
│ │ ├── fontawesome-webfont.svg
│ │ ├── fontawesome-webfont.ttf
│ │ ├── fontawesome-webfont.woff
│ │ ├── fontawesome-webfont.woff2
│ │ ├── FontAwesome.otf
│ │ ├── glyphicons-halflings-regular.woff2
│ │ └── glyphicons.less
│ ├── green.css
│ ├── header-nav.css
│ ├── index.animate.min.css
│ ├── responsive.min.css
│ ├── style.min.css
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ └── bootstrap.min.css.map
└── js/
│ ├── bootstrap.js
│ ├── bootstrap.min.js
│ ├── bootstrapValidator.min.js
│ ├── carousel.min.js
│ ├── custom.min.js
│ ├── effect.min.js
│ ├── jquery.appear.js
│ ├── jquery.cookie.min.js
│ ├── jquery.easing.1.3.js
│ ├── jquery.flexisel.min.js
│ ├── jquery.min.js
│ ├── jquery.prettyPhoto.min.js
│ ├── jquery.sticky.js
│ └── modernizr.jsbootstrap.js
└── images/
│ ├── bg-jumbo.png
│ ├── calendar-banner.jpg
│ └── pattern.png
As pastas css, js e images contém os arquivos da biblioteca Bootstrap que são necessários para formação do layout. No arquivo index.html esta contido todo conteúdo HTML e Javascript que são necessários para acessar as APIs do Google e exibir o conteúdo.
1 - Crie uma conta do Google ou utilize uma existente para ter acesso a API do Google Tasks e API do Google People.
2 - Configure sua conta no Google APIs Console para obter credenciais de acesso a APIs do Google.
3 - Ative as APIs Google Task e Google People e de posse das chaves Cliente ID e API key, insira as no arquivo index.html nas variáveis apiKey e CLIENT_ID.
4 - De acordo com a política de segurança do Google para acesso as APIs é preciso ter um domínio e autorizar este domínio a utilizar as APIs ou utilizar http://localhost:8080.
5 - Após autorizar seu domínio, basta fazer upload dos arquivos para seu Host e acessar index.html.
Links para as bibliotecas e APIs utilizadas.