📘 Introdução
O NotesApp é um aplicativo web de criação de notas com um diferencial: permite salvar anotações por comando de voz. A proposta é oferecer uma ferramenta rápida, prática e acessível para anotar ideias e pensamentos de qualquer lugar.
🎯 Objetivo
- Desenvolver um app funcional de anotações, com e sem voz.
- Explorar o uso do
window.SpeechRecognition. - Aprimorar o domínio de React, TypeScript e Tailwind.
🧱 Tecnologias utilizadas
- React.js: estrutura do projeto e componentes funcionais.
- TypeScript: tipagem segura e melhor estrutura de código.
- Tailwind CSS: estilização moderna e responsiva.
- window.SpeechRecognition: API de reconhecimento de voz nativa.
💡 Funcionalidades
- Criar notas escritas com facilidade.
- Criar notas por comando de voz (transcrição em tempo real).
- Interface minimalista, adaptada a diferentes dispositivos.
🧠 Aprendizados
- Fortalecimento da lógica com React e TypeScript.
- Experiência prática com
SpeechRecognition. - Confiança em desenvolver interfaces sozinho.
📈 Desafios
Mesmo sendo um projeto simples, o desafio principal foi desenvolver a parte visual de forma independente, sem suporte direto de tutoriais. Essa escolha aumentou o senso de domínio e aprendizado sobre as ferramentas envolvidas.
Projeto feito no NLW da Rocketseat 💜