Fokus - Tasks (New Fokus Version)

After a while since the release of the first version the Fokus project gained a new version during Alura's class JavaScrit in the Web: storing data in the browser. In this version I created a CRUD that allowed me to develop a task list. The tasks can be added, selected as 'current task', marked as resolved and deleted as needed. Besides using Local Storage you won't lose you task list in the case you decide to close the tab!

The project is beeing refactorated during Alura's class TypeScript: the functional paradigm on front-end. The goal is to apply TypeScript in the code so to dive deep into this language. You can see the project's evolution on the focus-ts folder.

In progress...

To see the final result, click here. This version only allows to add new tasks. To properly visualize this project follow the instructions:

To access all functionalities you can clone the repository and run the project using the index.html file.

Used tools:

• HTML
• CSS
• JavaScript
• TypeScript

Fokus - Tasks (Nova Versão do Fokus)

Após um tempo desde o lançamento da primeira versão, o projeto Fokus ganhou uma nova versão durante o curso JavaScript na Web: armazenando dados no navegador. Nessa nova versão criei um CRUD que me permitiu desenvolver uma lista de tarefas que podem ser adicionadas, selecionadas como 'tarefa atual', marcadas como resolvidas e deletadas conforme necessário. Além disso, utilizando o Local Storage você não perderá sua lista de afazeres no caso de fechar a aba da aplicação!

O projeto está sendo refatorando durante a aula TypeScript: o paradigma funcional no front-end, da Alura. O objeto é aplicar TypeScript no código enquanto mergulho na linguagem. Você pode acompanhar a evolução dessa versão do projeto acessando a pasta focus-ts.

Em progresso...

Para acessar o layout final da página, clique aqui. Essa versão permite apenas adicionar as tarefas, para visualizar o projeto de forma adequada siga as instruções a seguir:

Para acessar todas as funcionalidades, clone o repositório e rode o projeto na sua máquina a partir do arquivo index.html.

Ferramentas utilizadas:

• HTML
• CSS
• JavaScript
• TypeScript