https://github.com/kauanrodrigues01/fokus-localstorage-e-dom

Projeto criado durante curso de Javascript: explorando manipulação de elementos DOM e localStore. E melhorias como reconhecimento de voz usando a web speech API
https://github.com/kauanrodrigues01/fokus-localstorage-e-dom

dom-manipulation javascript localstorage to-do-list-javascript web-speech-api

Last synced: 3 months ago
JSON representation

Projeto criado durante curso de Javascript: explorando manipulação de elementos DOM e localStore. E melhorias como reconhecimento de voz usando a web speech API

• Host: GitHub
• URL: https://github.com/kauanrodrigues01/fokus-localstorage-e-dom
• Owner: Kauanrodrigues01
• License: mit
• Created: 2024-07-04T20:55:40.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-07-07T19:09:33.000Z (12 months ago)
• Last Synced: 2025-01-26T17:42:26.529Z (5 months ago)
• Topics: dom-manipulation, javascript, localstorage, to-do-list-javascript, web-speech-api
• Language: JavaScript
• Homepage: https://fokus-projectjs.vercel.app/
• Size: 8.1 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Fokus

Foi um projeto desenvolvido durante o curso de JavaScript: explorando a manipulação de elementos e da localStorage. Durante o curso foram reforçados conceitos de manipulação de DOM e aprensetadado um novo conteúdo que o armazenamento na localStorage. E foram feitas melhorias usando a web speech API para reconhecimento de voz.

## Um pouco sobre o Projeto

![](./imagens/print.png)

## Tecnologias e ferramentas utilizadas:

[![My Skills](https://skillicons.dev/icons?i=html,css,js,git,github,vscode&perline=13)](#)

## As Magias que o Projeto Realiza

1. Adicionar Tarefas: Um botão revela um formulário onde você pode escrever e adicionar novas tarefas.

2. Editar Tarefas: Clique em um botão editar e você pode alterar a descrição da tarefa.

3. Visualizar Tarefas: As tarefas adicionadas estão todas lá organizadas para o usuário vizualisar.

4. Marcar Tarefas como Completas: Quando uma tarefa é finalizada, ela muda de aparência. É o CSS e JavaScript acontecendo.

5. Remover Tarefas: Funcionalidade de remover apenas as tarefas completas ou apague tudo e comece de novo com uma lista de tarefas limpa.

6. Adicionando Tarefas usando a voz: reconhecimento de voz usando a web speech API.

## Conceitos abordados durante o curso

- Manipulação da DOM: Aprendemos a manipular a estrutura de nossa página com JavaScript, criando, removendo e alterando elementos HTML.

- Eventos JavaScript: Utilizamos eventos para criar uma interface interativa e responsiva, melhorando a experiência do usuário.

- LocalStorage: Implementamos a funcionalidade de armazenar e recuperar dados localmente utilizando o LocalStorage do navegador, garantindo que as tarefas sejam mantidas seguras e acessíveis mesmo após o fechamento do navegador.