Voltar aos projetos

Sobre o Projeto

Aplicação de gerenciamento de notas focada em produtividade e usabilidade, combinando funcionalidades tradicionais de criação e organização com tecnologia de reconhecimento de voz. Permite categorizar notas em diferentes contextos (Tarefas, Trabalho, Estudos), utilizar comandos de voz para inserção de texto, alternar entre temas claro e escuro e manter todos os dados e preferências salvos localmente no navegador.

Funcionalidades

  • Gerenciamento Completo de Notas

    Sistema para criar, editar e excluir notas com facilidade, oferecendo interface intuitiva para organização rápida de ideias e tarefas do dia a dia.

  • Categorização Flexível

    Organização de notas em categorias como Tarefas, Trabalho, Estudos e outras, permitindo separação clara de contextos e melhor visualização do conteúdo.

  • Reconhecimento de Voz Integrado

    Utilização da Web Speech API para entrada de texto por voz, tanto para títulos quanto para descrições das notas, facilitando criação de conteúdo sem necessidade de digitação.

  • Persistência Local de Dados

    Salvamento automático de todas as notas e preferências do usuário no armazenamento local do navegador, garantindo que os dados permaneçam disponíveis entre sessões sem necessidade de backend.

  • Alternância de Temas

    Opção para alternar entre modos claro e escuro, com preferência salva localmente para manter a escolha do usuário em visitas futuras.

Desafios

  • Implementação de Reconhecimento de Voz Nativo

    Integrar a Web Speech API do navegador, lidando com diferentes navegadores, permissões de microfone e garantindo uma melhor experiência durante a captura de voz para títulos e descrições.

  • Gerenciamento de Estado Complexo

    Coordenar o estado de múltiplas notas, categorias, tema atual e menu móvel de forma eficiente, garantindo que alterações em uma parte da aplicação refletissem corretamente em todos os componentes relevantes.

  • Persistência Sem Banco de Dados

    Implementar um sistema de salvamento e recuperação de dados usando apenas LocalStorage, garantindo que todas as notas e preferências fossem mantidas localmente sem necessidade de servidor ou banco de dados externo.

Aprendizados

  • Web Speech API Para Reconhecimento de Voz

    Uso da API nativa de reconhecimento de voz dos navegadores, incluindo tratamento de permissões, captura de áudio e conversão de fala em texto.

  • Persistência com LocalStorage

    Implementação de armazenamento local no navegador para salvar e recuperar dados e preferências do usuário, utilizando serialização JSON para manter os dados entre sessões.

  • Gerenciamento de Estado e Componentização

    Práticas de arquitetura de componentes React, incluindo separação de responsabilidades, compartilhamento de estado entre componentes e criação de interfaces modulares e reutilizáveis.