https://github.com/daraperini/learning-javascript-typescript-fokus-new-version

A new version of the Fokus' project that includes your personal tasks list.
https://github.com/daraperini/learning-javascript-typescript-fokus-new-version

css3 html5 javascript

Last synced: 14 days ago
JSON representation

A new version of the Fokus' project that includes your personal tasks list.

• Host: GitHub
• URL: https://github.com/daraperini/learning-javascript-typescript-fokus-new-version
• Owner: daraperini
• Created: 2023-10-02T18:50:02.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-04-03T18:33:26.000Z (9 months ago)
• Last Synced: 2024-11-07T10:12:58.929Z (2 months ago)
• Topics: css3, html5, javascript
• Language: CSS
• Homepage: https://learning-javascript-fokus-tasks.vercel.app/
• Size: 7.83 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Fokus - Tasks (New Fokus Version)

After a while since the release of the first version the [Fokus](https://github.com/daraperini/learning-javascript-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](https://learning-javascript-fokus-tasks.vercel.app/). 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](https://github.com/daraperini/learning-javascript-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](https://learning-javascript-fokus-tasks.vercel.app/). 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