Expert Notes

🚧 Sobre

• É uma aplicação que pemite gravar notas através de áudio ou texto, totalmente responsiva e acessível
• Essa aplicação é construida com Vite
• Faz uso do framework React para o front-end
• E utiliza a biblioteca Tailwind para criação e estilização do layout
• Contemple e usufrua dessa belezura em https://expert-notess.vercel.app

🛠️ Construção

🚀 Vite

• Automatiza e acelera o processo de criação de estrutura de projetos front-end (como route module replacement, typescript, jsx, importação de css, etc).
• Siga: https://vitejs.dev/guide/#scaffolding-your-first-vite-project
• Criação do projeto: npm create vite@latest

🎨 Tailwind

• Utilite classes para HTML;
• Thin First API;
• Padronização CSS;
• Instalação (baseada no vite): https://tailwindcss.com/docs/guides/vite

📚 Radix

• Biblioteca de componentes comuns no uso web
• Fornece apenas o funcionamento de componentes (sem estilo)
• Utilizado o dialog nos modais dessa aplicação
  • Instalação: npm install @radix-ui/react-dialog

🍞 Sonner

• Biblioteca para componente toast
• Instalação: npm i sonner

🎤 Speech Recognition

• Biblioteca nativa do navegador para converter áudio em texto
  • Verifique quais navegeadores oferecem suporte: https://caniuse.com/?search=speechrecognition
• Instalação para reconhecimento da tipagem em window: npm i -D @types/dom-speech-recognition

🔥 Outros

• date-fns para formatação de datas : npm i date-fns
• lucide para obter componentes prontos (utilizado component "X"): npm i lucide
• Material complementar

---

🐞 Melhorias / Bugs

• Encontrou melhorias e/ou bugs?
  • Abra uma bela Issue
  • Ou contribua com um lindo Pull Request

---

🔌 Desenvolvimento

• Instale as dependências: npm i
• Execute o projeto: npm run dev
• Acesse em: http://localhost:5173