ChecklistPessoal - Web Version

Login Screen	Register Screen	NavDrawer

Add Folder	Folder List	Add Boards

Add Task List	Task List	Task View

Conceito / Concept

EN: This project is part of my portfolio and is associated with my small development studio (symbol2studio), initially it was created in Java for Android, the idea consists of a simple task manager (checklist), whose organization comes in 3 levels, being "Folder "," Board ", and" Task ", Tasks contain 2 statuses, Active and Completed, if completed, the Task receives a new field called" Completion Note "in which it is possible to add some extra information.

BR: Este projeto faz parte do meu portfólio e está associado a meu pequeno estúdio de desenvolvimento (symbol2studio), inicialmente ele foi criado em Java para Android, a ideia consiste em um simples gerenciador de tarefas (checklist), cuja a organização vem em 3 níveis, sendo "Pasta", "Quadro" e "Tarefa", as Tarefas contém 2 status, sendo Ativo e Concluído, caso concluído, a Tarefa recebe um novo campo chamado "Nota de Conclusão", no qual é possível agregar alguma informação extra.

Support for other languages / Suporte para outras linguagens

EN: Currently the project is in Portuguese and English is being incremented, translations from all languages ​​are welcome.

BR: Atualmente o projeto está em português e o inglês está sendo incrementado, é bem vindo traduções de todos os idiomas

The Model / O Modelo

[
  {
    "app": {
      "username": "João M.",
      "uid": "x1w2i3n4g",
      "createdAt": "12/12/2012 - 12:12:12",
      "folder": [
        {
          "id": "23",
          "title": "folder title",
          "createdAt": "12/12/2012 - 12:12:12",
          "updatedAt": "12/12/2012 - 12:12:12",
          "board": [
            {
              "id": "42",
              "title": "title board",
              "createdAt": "12/12/2012 - 12:12:12",
              "updatedAt": "12/12/2012 - 12:12:12",
              "task": [
                {
                  "id": "2",
                  "finished": true,
                  "title": "The End of the World Survival Guide",
                  "content": "Carry a towel",
                  "finishNotes": "Ok i survived",
                  "createdAt": "12/12/2012 - 12:12:12",
                  "updatedAt": "12/12/2012 - 12:12:12"
                }
              ]
            }
          ]
        }
      ]
    }
  }
]

Install / Instalar

yarn -i
or
npm install

Build / Fabricar

yarn build # for spa
yarn build:pwa # for pwa
or
npm run build # for spa
npm run build:pwa # for pwa

Run Dev / Executar em Desenvolvimento

yarn dev
or
npm run dev

The Environment / O ambiente

In .env.example you find the variables needed to configure the app, including the api firebase key and app version, which will be displayed in some places in the application, the .env.example must be copied to the .env file.

No .env.example você encontrar as variáveis necessárias para configuarar o app, incluindo a chave da api firebase e versao do app, que será exibida em alguns locais na aplicação, o .env.example deve ser copiado para o arquivo .env.

# CheckList - Firebase Key
APIKEY=
AUTHDOFIREBASE=
DATABASEURL=
PROJECTID=
STORAGEBUCKET=
MESSAGINGSENDERID=
APPIP=

# Version app
VERSION=vX.Y.Z